@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-parchment:#faf8f5;--color-soft-paper:#fdfbfa;--color-sidebar:#f4f1ec;--color-warm-mist:#d1d1cd;--color-hairline:#e6e3dd;--color-ash:#92918b;--color-graphite:#72706b;--color-ink:#27251e;--color-ink-hover:#3b3830;--color-pure-black:#000;--color-deep-teal:#016a71;--color-teal-hover:#01585e;--color-teal-tint:#016a7114;--color-teal-ring:#016a7138;--color-hover:#27251e0d;--color-pressed:#27251e17;--color-danger:#a33a24;--color-danger-tint:#a33a2412;--color-on-accent:#fff;--font-sans:"Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--text-caption:11px;--text-body-sm:12px;--text-body:14px;--text-body-lg:16px;--text-title:20px;--text-display:26px;--weight-regular:400;--weight-medium:500;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-subtle:0 1px 2px 0 #00000014;--shadow-float:0 1px 2px 0 #00000014, 0 0 0 1px #27251e0a;--page-max-width:960px;--sidebar-width:256px;--topbar-height:52px;--focus-ring:0 0 0 3px var(--color-teal-ring);--ease:cubic-bezier(.2, 0, 0, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:1.43;font-weight:var(--weight-regular);color:var(--color-ink);background:var(--color-parchment);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed}img,svg{display:block}:focus-visible{outline:2px solid var(--color-deep-teal);outline-offset:2px}::selection{background:var(--color-teal-ring)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.t-display{font-size:var(--text-display);line-height:1.25;font-weight:var(--weight-medium);letter-spacing:-.01em}.t-title{font-size:var(--text-title);line-height:1.3;font-weight:var(--weight-medium)}.t-body-lg{font-size:var(--text-body-lg);line-height:1.5}.t-muted{color:var(--color-graphite)}.t-faint{color:var(--color-ash)}.t-small{font-size:var(--text-body-sm);line-height:1.33}.t-caption{font-size:var(--text-caption);line-height:1.43;font-weight:var(--weight-medium)}.t-mono{font-family:var(--font-mono);font-size:12px}.t-truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-warm-mist);color:var(--color-graphite);font-size:var(--text-body);font-weight:var(--weight-regular);white-space:nowrap;transition:background-color .12s var(--ease), color .12s var(--ease), border-color .12s var(--ease);-webkit-user-select:none;user-select:none;background:0 0;line-height:1;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-hover);color:var(--color-ink)}.btn:active:not(:disabled){background:var(--color-pressed)}.btn:disabled{opacity:.45}.btn:focus-visible{box-shadow:var(--focus-ring);border-color:var(--color-deep-teal);outline:none}.btn svg{flex-shrink:0;width:16px;height:16px}.btn--primary{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-parchment);border-radius:var(--radius-lg);font-weight:var(--weight-medium)}.btn--primary:hover:not(:disabled){background:var(--color-ink-hover);border-color:var(--color-ink-hover);color:var(--color-parchment)}.btn--primary:active:not(:disabled){background:var(--color-pure-black)}.btn--quiet{border-color:#0000}.btn--danger{color:var(--color-danger);border-color:#a33a2459}.btn--danger:hover:not(:disabled){background:var(--color-danger-tint);color:var(--color-danger)}.btn--danger-solid{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-accent);border-radius:var(--radius-lg);font-weight:var(--weight-medium)}.btn--danger-solid:hover:not(:disabled){color:var(--color-on-accent);background:#8a2f1c}.btn--sm{gap:6px;height:28px;padding:0 10px;font-size:13px}.btn--sm svg{width:14px;height:14px}.btn--lg{height:42px;padding:0 var(--space-4);font-size:var(--text-body-lg)}.btn--block{width:100%}.btn--icon{width:34px;padding:0}.btn--icon.btn--sm{width:28px}.btn[aria-busy=true]{cursor:progress}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-size:13px;font-weight:var(--weight-medium);color:var(--color-ink)}.field__row{justify-content:space-between;align-items:baseline;display:flex}.field__hint{font-size:var(--text-body-sm);color:var(--color-ash)}.field__error{font-size:var(--text-body-sm);color:var(--color-danger);align-items:center;gap:4px;display:flex}.input,.textarea,.select{border:1px solid var(--color-warm-mist);border-radius:var(--radius-lg);background:var(--color-soft-paper);width:100%;color:var(--color-ink);font-size:var(--text-body);transition:border-color .12s var(--ease), box-shadow .12s var(--ease)}.input,.select{height:40px;padding:0 14px}.textarea{resize:vertical;min-height:64px;padding:10px 12px;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--color-ash)}.input:hover,.textarea:hover,.select:hover{border-color:var(--color-ash)}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-deep-teal);box-shadow:var(--focus-ring);outline:none}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger)}.input--sm,.select--sm{border-radius:var(--radius-md);height:32px;padding:0 10px;font-size:13px}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2372706b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.input-group{align-items:center;display:flex;position:relative}.input-group>svg{width:16px;height:16px;color:var(--color-ash);pointer-events:none;position:absolute;left:12px}.input-group>.input{padding-left:36px}.card{background:var(--color-soft-paper);border-radius:var(--radius-xl);box-shadow:var(--shadow-subtle);padding:var(--space-4)}.card--outlined{box-shadow:none;border:1px solid var(--color-hairline)}.divider{background:var(--color-hairline);border:0;height:1px}.chip{border-radius:var(--radius-full);height:28px;color:var(--color-ink);transition:background-color .12s var(--ease);border:1px solid #0000;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.chip:hover{background:var(--color-hover)}.chip[aria-selected=true],.chip[aria-pressed=true]{background:var(--color-deep-teal);color:var(--color-on-accent)}.badge{border-radius:var(--radius-full);height:20px;font-size:var(--text-caption);font-weight:var(--weight-medium);white-space:nowrap;background:var(--color-hover);color:var(--color-graphite);align-items:center;gap:4px;padding:0 8px;line-height:1;display:inline-flex}.badge--accent{background:var(--color-deep-teal);color:var(--color-on-accent)}.badge--outline{border:1px solid var(--color-warm-mist);background:0 0}.badge--danger{background:var(--color-danger-tint);color:var(--color-danger)}.badge svg{width:12px;height:12px}.dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.avatar{background:var(--color-ink);width:28px;height:28px;color:var(--color-parchment);font-size:var(--text-caption);font-weight:var(--weight-medium);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kbd{border:1px solid var(--color-warm-mist);background:var(--color-soft-paper);min-width:18px;height:18px;font-family:var(--font-sans);font-size:10px;font-weight:var(--weight-medium);color:var(--color-graphite);border-radius:4px;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:inline-flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--color-hover);border-radius:var(--radius-md);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.progress{border-radius:var(--radius-full);background:var(--color-hover);height:4px;overflow:hidden}.progress__bar{background:var(--color-deep-teal);border-radius:inherit;height:100%;transition:width .4s var(--ease)}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);z-index:60;border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-parchment);font-size:var(--text-body-sm);font-weight:var(--weight-regular);white-space:nowrap;pointer-events:none;animation:tip-in .12s var(--ease) .35s both;padding:5px 8px;line-height:1.2;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-tip-side=top]:hover:after,[data-tip-side=top]:focus-visible:after{top:auto;bottom:calc(100% + 8px)}[data-tip-side=right]:hover:after,[data-tip-side=right]:focus-visible:after{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}@keyframes tip-in{0%{opacity:0}to{opacity:1}}.lang-switch{border-radius:var(--radius-full);border:1px solid var(--color-hairline);background:var(--color-soft-paper);align-items:center;gap:2px;padding:2px;display:inline-flex}.lang-switch__icon{width:14px;height:14px;color:var(--color-ash);margin:0 4px 0 6px}.lang-switch__btn{border-radius:var(--radius-full);min-width:32px;height:24px;font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--color-graphite);transition:background-color .12s var(--ease), color .12s var(--ease);padding:0 8px}.lang-switch__btn:hover{color:var(--color-ink)}.lang-switch__btn[aria-pressed=true]{background:var(--color-deep-teal);color:var(--color-on-accent)}.auth__topbar{position:fixed;top:16px;right:16px}.modal{border-radius:var(--radius-xl);background:var(--color-parchment);width:min(440px,100vw - 32px);color:var(--color-ink);box-shadow:var(--shadow-subtle);border:0;margin:auto;padding:0}.modal::backdrop{background:#27251e52}.modal[open]{animation:modal-in .16s var(--ease)}@keyframes modal-in{0%{opacity:0;transform:translateY(6px)scale(.99)}}.modal__body{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.modal__title{font-size:var(--text-body-lg);font-weight:var(--weight-medium)}.modal__footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-6) var(--space-6);display:flex}.menu{z-index:40;border-radius:var(--radius-lg);background:var(--color-soft-paper);border:1px solid var(--color-hairline);min-width:180px;box-shadow:var(--shadow-float);padding:4px;position:absolute}.menu__item{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);width:100%;height:32px;color:var(--color-ink);text-align:left;padding:0 10px;font-size:13px;display:flex}.menu__item:hover,.menu__item:focus-visible{background:var(--color-hover);outline:none}.menu__item svg{width:15px;height:15px;color:var(--color-graphite)}.menu__item--danger,.menu__item--danger svg{color:var(--color-danger)}.shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{gap:var(--space-4);height:100vh;padding:var(--space-4) var(--space-3);background:var(--color-sidebar);border-right:1px solid var(--color-hairline);flex-direction:column;display:flex;position:sticky;top:0}.brand{font-size:15px;font-weight:var(--weight-medium);color:var(--color-ink);align-items:center;gap:10px;padding:4px 8px;display:flex}.brand__mark{background:var(--color-ink);width:26px;height:26px;color:var(--color-parchment);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.brand__mark svg{width:15px;height:15px}.nav{flex-direction:column;gap:2px;display:flex}.nav__label{font-size:var(--text-body-sm);color:var(--color-graphite);padding:12px 10px 6px}.nav__item{border-radius:var(--radius-lg);height:36px;color:var(--color-graphite);font-size:var(--text-body);transition:background-color .12s var(--ease), color .12s var(--ease);align-items:center;gap:10px;padding:0 10px;display:flex}.nav__item svg{flex-shrink:0;width:17px;height:17px}.nav__item:hover{background:var(--color-hover);color:var(--color-ink)}.nav__item[aria-current=page]{background:var(--color-deep-teal);color:var(--color-on-accent)}.sidebar__footer{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-hairline);flex-direction:column;margin-top:auto;display:flex}.user-chip{border-radius:var(--radius-lg);align-items:center;gap:10px;min-width:0;padding:6px 8px;display:flex}.user-chip__text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.main{min-width:0}.page{max-width:var(--page-max-width);padding:var(--space-8) var(--space-8) var(--space-12);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header__text{flex-direction:column;gap:4px;display:flex}.mobile-bar{display:none}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-bar{height:56px;padding:0 var(--space-4);border-bottom:1px solid var(--color-hairline);background:var(--color-sidebar);z-index:20;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.page{padding:var(--space-6) var(--space-4) var(--space-8)}.page-header .btn--primary{display:none}}.filters{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.filters .input-group{flex:1;min-width:220px}.board-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.board-card{background:var(--color-soft-paper);border-radius:var(--radius-xl);box-shadow:var(--shadow-subtle);transition:box-shadow .16s var(--ease);flex-direction:column;display:flex;position:relative}.board-card:hover{box-shadow:var(--shadow-subtle), 0 0 0 1px var(--color-warm-mist)}.board-card:focus-within{box-shadow:var(--shadow-subtle), 0 0 0 2px var(--color-teal-ring)}.board-card__link{flex-direction:column;flex:1;display:flex}.board-card__link:focus-visible{outline:none}.board-card__cover{border-radius:var(--radius-xl) var(--radius-xl) 0 0;background-color:var(--color-parchment);background-image:radial-gradient(var(--color-warm-mist) 1px, transparent 1px);border-bottom:1px solid var(--color-hairline);height:136px;color:var(--color-ash);background-size:14px 14px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.board-card__cover img{object-fit:cover;width:100%;height:100%}.board-card__cover svg{width:28px;height:28px}.board-card__body{padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;gap:6px;display:flex}.board-card__title{font-size:15px;font-weight:var(--weight-medium);padding-right:32px}.board-card__meta{align-items:center;gap:var(--space-2);color:var(--color-graphite);font-size:var(--text-body-sm);flex-wrap:wrap;display:flex}.board-card__menu{position:absolute;bottom:44px;right:8px}.empty-state{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);border:1px dashed var(--color-warm-mist);border-radius:var(--radius-xl);background:var(--color-soft-paper);flex-direction:column;display:flex}.empty-state__icon{border-radius:var(--radius-lg);background:var(--color-hover);width:44px;height:44px;color:var(--color-graphite);justify-content:center;align-items:center;display:flex}.empty-state__icon svg{width:22px;height:22px}.steps{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.step{flex-direction:column;gap:6px;display:flex}.step__num{border:1px solid var(--color-warm-mist);width:22px;height:22px;font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--color-graphite);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (width<=720px){.steps{grid-template-columns:1fr}}.auth{min-height:100vh;padding:var(--space-8) var(--space-4);place-items:center;display:grid}.auth__inner{gap:var(--space-6);flex-direction:column;width:min(400px,100%);display:flex}.auth__card{padding:var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}.auth__form{gap:var(--space-4);flex-direction:column;display:flex}.auth__footer{text-align:center;color:var(--color-graphite);font-size:13px}.link{color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-warm-mist);text-decoration-color:var(--color-warm-mist);text-underline-offset:3px}.link:hover{-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink)}.alert{gap:var(--space-2);border-radius:var(--radius-lg);background:var(--color-hover);color:var(--color-ink);align-items:flex-start;padding:10px 12px;font-size:13px;display:flex}.alert svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}.alert--danger{background:var(--color-danger-tint);color:var(--color-danger)}.alert--notice{background:var(--color-teal-tint)}.editor{grid-template-rows:var(--topbar-height) minmax(0, 1fr);background:var(--color-parchment);height:100vh;display:grid;overflow:hidden}.topbar{align-items:center;gap:var(--space-3);padding:0 var(--space-3);border-bottom:1px solid var(--color-hairline);background:var(--color-parchment);min-width:0;display:flex}.topbar__title{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.topbar__crumb{color:var(--color-graphite);font-size:var(--text-body)}.topbar__crumb:hover{color:var(--color-ink)}.topbar__sep{color:var(--color-warm-mist)}.title-edit{border-radius:var(--radius-sm);height:30px;font-size:15px;font-weight:var(--weight-medium);color:var(--color-ink);text-align:left;background:0 0;border:1px solid #0000;max-width:360px;padding:0 8px}button.title-edit:hover{background:var(--color-hover)}input.title-edit{border-color:var(--color-deep-teal);box-shadow:var(--focus-ring);background:var(--color-soft-paper);outline:none;width:320px}.topbar__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.save-status{font-size:var(--text-body-sm);color:var(--color-ash);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.save-status svg{width:13px;height:13px}.save-status[data-status=error]{color:var(--color-danger)}.workspace{min-width:0;min-height:0;display:flex}.canvas-area{background-color:var(--color-parchment);background-image:radial-gradient(#27251e24 1px,#0000 1px);flex:1;min-width:0;position:relative;overflow:hidden}.canvas-loading{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-graphite);display:flex;position:absolute;inset:0}.float{z-index:10;background:var(--color-soft-paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);align-items:center;gap:2px;padding:4px;display:flex;position:absolute}.float--toolbar{top:12px;left:50%;transform:translate(-50%)}.float--zoom{bottom:12px;left:12px}.float--props{top:64px;left:50%;transform:translate(-50%)}.float--upload{top:12px;right:12px}.float__sep{background:var(--color-hairline);width:1px;height:20px;margin:0 4px}.tool-btn{border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-graphite);transition:background-color .1s var(--ease), color .1s var(--ease);justify-content:center;align-items:center;display:inline-flex;position:relative}.tool-btn svg{width:17px;height:17px}.tool-btn:hover:not(:disabled){background:var(--color-hover);color:var(--color-ink)}.tool-btn[aria-pressed=true]{background:var(--color-deep-teal);color:var(--color-on-accent)}.tool-btn:disabled{opacity:.35}.tool-btn__key{font-size:8px;line-height:1;font-weight:var(--weight-medium);color:var(--color-ash);position:absolute;bottom:2px;right:3px}.tool-btn[aria-pressed=true] .tool-btn__key{color:#ffffffb3}.zoom-value{border-radius:var(--radius-md);min-width:52px;height:34px;font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;color:var(--color-ink)}.zoom-value:hover{background:var(--color-hover)}.swatch{border:1px solid #27251e2e;border-radius:50%;width:22px;height:22px;position:relative}.swatch-btn{border-radius:var(--radius-md);justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.swatch-btn:hover{background:var(--color-hover)}.swatch-btn[aria-pressed=true] .swatch{box-shadow:0 0 0 2px var(--color-soft-paper), 0 0 0 4px var(--color-deep-teal)}.swatch--none{background:linear-gradient(135deg, transparent calc(50% - 1px), var(--color-danger) calc(50% - 1px), var(--color-danger) calc(50% + 1px), transparent calc(50% + 1px)), var(--color-soft-paper)}.props-label{font-size:var(--text-caption);color:var(--color-ash);padding:0 6px 0 4px}.canvas-empty{pointer-events:none;z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-empty__card{pointer-events:auto;gap:var(--space-4);width:min(460px,100% - 32px);padding:var(--space-6);text-align:left;flex-direction:column;display:flex}.hint-list{flex-direction:column;gap:10px;display:flex}.hint{align-items:center;gap:var(--space-3);color:var(--color-graphite);font-size:13px;display:flex}.hint__icon{border-radius:var(--radius-md);background:var(--color-hover);width:30px;height:30px;color:var(--color-ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hint__icon svg{width:15px;height:15px}.drop-overlay{z-index:20;border:2px dashed var(--color-deep-teal);border-radius:var(--radius-xl);background:var(--color-teal-tint);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:8px}.drop-overlay__label{align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);background:var(--color-deep-teal);color:var(--color-on-accent);font-weight:var(--weight-medium);padding:10px 16px;display:flex}.side-drawer{border-left:1px solid var(--color-hairline);height:100%;transition:width .32s cubic-bezier(.32, .72, 0, 1), border-color .32s var(--ease);will-change:width;flex-shrink:0;position:relative;overflow:hidden}.side-drawer[data-open=false]{border-left-color:#0000}.side-drawer>.side-panel{height:100%;transition:opacity .22s var(--ease), transform .32s cubic-bezier(.32, .72, 0, 1)}.side-drawer[data-open=false]>.side-panel{opacity:0;transform:translate(24px)}.side-panel{background:var(--color-parchment);flex-direction:column;min-height:0;display:flex}.side-panel__tabs{border-bottom:1px solid var(--color-hairline);gap:4px;padding:10px 12px;display:flex}.side-panel__body{flex-direction:column;flex:1;min-height:0;display:flex}.panel-toolbar{border-bottom:1px solid var(--color-hairline);align-items:center;gap:6px;padding:10px 12px;display:flex}.panel-scroll{flex:1;min-height:0;overflow-y:auto}.panel-section{padding:var(--space-4)}.panel-empty{gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--color-graphite);flex-direction:column;font-size:13px;display:flex}.asset-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-hairline);display:flex}.asset-row:hover .asset-row__actions{opacity:1}.asset-thumb{border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-soft-paper);width:52px;height:52px;color:var(--color-ash);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.asset-thumb:hover{border-color:var(--color-warm-mist)}.asset-thumb img{object-fit:cover;width:100%;height:100%}.asset-thumb svg{width:20px;height:20px}.asset-row__main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.asset-row__head{align-items:flex-start;gap:6px;display:flex}.asset-row__name{font-size:13px;font-weight:var(--weight-medium);flex:1}.asset-row__actions{opacity:0;transition:opacity .12s var(--ease)}.asset-row:focus-within .asset-row__actions{opacity:1}.note-input{font-size:var(--text-body-sm);border-radius:var(--radius-md);resize:none;background:0 0;border-color:#0000;width:calc(100% + 8px);min-height:30px;margin-left:-8px;padding:5px 8px}.note-input:hover{border-color:var(--color-hairline);background:var(--color-soft-paper)}.note-input:focus{background:var(--color-soft-paper)}.doc-status{gap:var(--space-2);margin:var(--space-3) var(--space-4) 0;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-teal-tint);flex-direction:column;display:flex}.doc-status__row{align-items:center;gap:var(--space-2);color:var(--color-ink);font-size:13px;display:flex}.doc-status__row .spinner{color:var(--color-deep-teal)}.doc-outline{padding:var(--space-3) var(--space-4) 0;flex-wrap:wrap;gap:4px;display:flex}.doc-meta{padding:var(--space-3) var(--space-4) var(--space-6);font-size:var(--text-caption);color:var(--color-ash);border-top:1px solid var(--color-hairline);margin-top:var(--space-4);flex-wrap:wrap;gap:6px 12px;display:flex}.doc-meta span{align-items:center;gap:4px;display:inline-flex}.doc-meta svg{width:12px;height:12px}.md{color:var(--color-ink);word-break:break-word;padding:0 var(--space-4);font-size:13.5px;line-height:1.65}.md h1{font-size:20px;line-height:1.3;font-weight:var(--weight-medium);margin:var(--space-4) 0 var(--space-2)}.md h2{font-size:15px;font-weight:var(--weight-medium);margin:var(--space-6) 0 var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-hairline);scroll-margin-top:8px}.md h3,.md h4,.md h5,.md h6{font-size:13.5px;font-weight:var(--weight-medium);margin:var(--space-4) 0 6px}.md p{margin:6px 0}.md ul,.md ol{margin:6px 0;padding-left:20px}.md li{margin:2px 0}.md li::marker{color:var(--color-ash)}.md strong{font-weight:var(--weight-medium)}.md a{text-decoration:underline;-webkit-text-decoration-color:var(--color-warm-mist);text-decoration-color:var(--color-warm-mist);text-underline-offset:2px}.md code{font-family:var(--font-mono);background:var(--color-hover);border-radius:4px;align-items:center;gap:4px;padding:1px 5px;font-size:12px;display:inline-flex}.md pre{font-family:var(--font-mono);background:var(--color-ink);color:var(--color-parchment);border-radius:var(--radius-lg);padding:var(--space-3);margin:var(--space-2) 0;font-size:12px;overflow-x:auto}.md blockquote{margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-hover);color:var(--color-graphite);font-size:var(--text-body-sm)}.md hr{border:0;border-top:1px solid var(--color-hairline);margin:var(--space-4) 0}.md__table{margin:var(--space-2) 0;border:1px solid var(--color-hairline);border-radius:var(--radius-md);overflow-x:auto}.md table{border-collapse:collapse;width:max-content;min-width:100%;font-size:var(--text-body-sm)}.md td{max-width:280px}.md td code,.md th code{white-space:nowrap}.md th,.md td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-hairline);padding:6px 8px}.md tr:last-child td{border-bottom:0}.md th{font-weight:var(--weight-medium);color:var(--color-graphite);background:var(--color-soft-paper)}.md-swatch{border:1px solid #27251e33;border-radius:3px;width:10px;height:10px;display:inline-block}.ref-chip{border-radius:var(--radius-full);border:1px solid var(--color-warm-mist);background:var(--color-soft-paper);height:18px;font-size:10.5px;font-weight:var(--weight-medium);color:var(--color-graphite);vertical-align:1px;transition:background-color .1s var(--ease), color .1s var(--ease);align-items:center;margin:0 1px;padding:0 6px;display:inline-flex}.ref-chip:hover{background:var(--color-deep-teal);border-color:var(--color-deep-teal);color:var(--color-on-accent)}.diff{font-family:var(--font-mono);margin:0 var(--space-4);border:1px solid var(--color-hairline);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;font-size:11.5px;line-height:1.55;overflow:hidden}.diff__line{color:var(--color-ash);padding:0 8px 0 24px;position:relative}.diff__line:before{position:absolute;left:8px}.diff__line--added{background:var(--color-teal-tint);color:var(--color-ink)}.diff__line--added:before{content:"+";color:var(--color-deep-teal)}.diff__line--removed{background:var(--color-danger-tint);color:var(--color-ink);-webkit-text-decoration:line-through #a33a2466;text-decoration:line-through #a33a2466}.diff__line--removed:before{content:"−";color:var(--color-danger)}.diff__stats{gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-body-sm);color:var(--color-graphite);display:flex}.error-page{min-height:100vh;padding:var(--space-8);text-align:center;place-items:center;display:grid}.error-page__inner{align-items:center;gap:var(--space-3);flex-direction:column;max-width:420px;display:flex}.error-page__code{font-size:56px;line-height:1;font-weight:var(--weight-medium);color:var(--color-warm-mist);letter-spacing:-.03em}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.settings-section{gap:var(--space-6);padding:var(--space-6);grid-template-columns:220px minmax(0,1fr);display:grid}.settings-section__head{flex-direction:column;gap:4px;display:flex}.settings-form{gap:var(--space-4);flex-direction:column;display:flex}.settings-actions{justify-content:flex-end;display:flex}.settings-readonly{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);border:1px dashed var(--color-warm-mist);height:40px;color:var(--color-graphite);padding:0 14px;display:flex}@media (width<=720px){.settings-section{grid-template-columns:1fr}}