:root{--c-bg: #f5f6f8;--c-surface: #ffffff;--c-surface-2: #fafbfc;--c-surface-3: #f0f2f5;--c-border: #e2e5ea;--c-border-strong: #cbd1d9;--c-text: #171923;--c-text-2: #5a6274;--c-text-3: #8b93a3;--c-text-inverse: #ffffff;--c-accent: #ea6a12;--c-accent-hover: #d25d0c;--c-accent-soft: #fff2e8;--c-accent-border: #f8c9a4;--c-danger: #d64545;--c-danger-hover: #bd3838;--c-danger-soft: #fdecec;--c-success: #1f9254;--c-success-soft: #e8f6ee;--c-info: #2b6cb0;--c-info-soft: #ebf3fb;--c-warning: #b7791f;--c-warning-soft: #fdf6e3;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--fs-xs: .6875rem;--fs-sm: .8125rem;--fs-md: .875rem;--fs-base: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--r-sm: 5px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 999px;--sh-xs: 0 1px 2px rgba(23, 25, 35, .06);--sh-sm: 0 1px 3px rgba(23, 25, 35, .08), 0 1px 2px rgba(23, 25, 35, .04);--sh-md: 0 4px 12px rgba(23, 25, 35, .08), 0 1px 3px rgba(23, 25, 35, .05);--sh-lg: 0 12px 32px rgba(23, 25, 35, .14), 0 2px 8px rgba(23, 25, 35, .06);--sh-drag: 0 14px 28px rgba(23, 25, 35, .2), 0 4px 10px rgba(23, 25, 35, .12);--ring: 0 0 0 3px rgba(234, 106, 18, .22);--ring-danger: 0 0 0 3px rgba(214, 69, 69, .2);--topbar-h: 52px;--col-w: 272px;--transition: .14s cubic-bezier(.4, 0, .2, 1);--col-1: #8b93a3;--col-2: #2b6cb0;--col-3: #ea6a12;--col-4: #b7791f;--col-5: #1f9254;--col-6: #7c5cbf}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.5;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}h1,h2,h3,h4{line-height:1.25;font-weight:var(--fw-semibold)}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-base)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--c-info);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}ul,ol{list-style:none;padding:0}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--r-full);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--c-text-3);background-clip:content-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.stack--sm{gap:var(--sp-2)}.stack--lg{gap:var(--sp-6)}.row{display:flex;align-items:center;gap:var(--sp-2)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.row--end{justify-content:flex-end}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-muted{color:var(--c-text-2)}.text-dim{color:var(--c-text-3)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.grid-auto{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.page{max-width:1080px;margin:0 auto;padding:var(--sp-6) var(--sp-5) var(--sp-12)}.page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-6)}.page__title{font-size:var(--fs-2xl);letter-spacing:-.01em}.page__subtitle{color:var(--c-text-2);font-size:var(--fs-md);margin-top:var(--sp-1)}@media (max-width: 640px){.page{padding:var(--sp-4) var(--sp-4) var(--sp-10)}.page__title{font-size:var(--fs-xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:0 var(--sp-4);height:36px;border:1px solid transparent;border-radius:var(--r-md);background:var(--c-surface-3);color:var(--c-text);font-size:var(--fs-md);font-weight:var(--fw-medium);white-space:nowrap;transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.btn:hover:not(:disabled){background:var(--c-border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--c-accent);color:var(--c-text-inverse)}.btn--primary:hover:not(:disabled){background:var(--c-accent-hover)}.btn--outline{background:var(--c-surface);border-color:var(--c-border-strong)}.btn--outline:hover:not(:disabled){background:var(--c-surface-3);border-color:var(--c-text-3)}.btn--ghost{background:transparent;color:var(--c-text-2)}.btn--ghost:hover:not(:disabled){background:var(--c-surface-3);color:var(--c-text)}.btn--danger{background:var(--c-danger);color:var(--c-text-inverse)}.btn--danger:hover:not(:disabled){background:var(--c-danger-hover)}.btn--danger-ghost{background:transparent;color:var(--c-danger)}.btn--danger-ghost:hover:not(:disabled){background:var(--c-danger-soft)}.btn--sm{height:30px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.btn--lg{height:42px;padding:0 var(--sp-5);font-size:var(--fs-base)}.btn--block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 auto;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--c-text-2);transition:background var(--transition),color var(--transition)}.icon-btn:hover:not(:disabled){background:var(--c-surface-3);color:var(--c-text)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn--danger:hover:not(:disabled){background:var(--c-danger-soft);color:var(--c-danger)}.icon-btn--sm{width:28px;height:28px}.icon-btn--active,.icon-btn--active:hover:not(:disabled){background:var(--c-accent-soft);border-color:var(--c-accent-border);color:var(--c-accent-hover)}.icon-btn--marked{position:relative}.icon-btn--marked:after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:var(--r-full);background:var(--c-accent)}.field{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-2)}.field__required{color:var(--c-danger);margin-left:2px}.field__hint{font-size:var(--fs-xs);color:var(--c-text-3)}.field__error{font-size:var(--fs-xs);color:var(--c-danger)}.input{width:100%;min-width:0;height:38px;padding:0 var(--sp-3);border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);font-size:var(--fs-md);transition:border-color var(--transition),box-shadow var(--transition)}.input::placeholder{color:var(--c-text-3)}.input:hover:not(:disabled):not(:focus){border-color:var(--c-text-3)}.input:focus{outline:none;border-color:var(--c-accent);box-shadow:var(--ring)}.input:disabled{background:var(--c-surface-3);color:var(--c-text-3);cursor:not-allowed}.input--invalid{border-color:var(--c-danger)}.input--invalid:focus{border-color:var(--c-danger);box-shadow:var(--ring-danger)}textarea.input{height:auto;min-height:92px;padding:var(--sp-3);line-height:1.55;resize:vertical}textarea.input.input--autogrow{min-height:40px;max-height:92px;overflow-y:auto;resize:none;transition:height .12s ease}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--sp-8);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='%235a6274' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center;cursor:pointer}.input--title{height:44px;padding:0 var(--sp-3);border-color:transparent;background:transparent;font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:-.01em;margin-left:calc(var(--sp-3) * -1)}.input--title:hover:not(:focus){background:var(--c-surface-3);border-color:transparent}.input-suffix{position:relative;display:flex;align-items:center}.input-suffix .input{padding-right:2.25rem}.input-suffix__unit{position:absolute;right:var(--sp-3);font-size:var(--fs-sm);color:var(--c-text-3);pointer-events:none}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--r-full);background:var(--c-surface-3);color:var(--c-text-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap;max-width:100%}.badge--accent{background:var(--c-accent-soft);color:var(--c-accent-hover)}.badge--info{background:var(--c-info-soft);color:var(--c-info)}.badge--success{background:var(--c-success-soft);color:var(--c-success)}.badge--warning{background:var(--c-warning-soft);color:var(--c-warning)}.badge--outline{background:var(--c-surface);border:1px solid var(--c-border)}.code-chip{display:inline-flex;align-items:center;gap:1px;padding:2px var(--sp-2);border-radius:var(--r-sm);background:var(--c-text);color:var(--c-text-inverse);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:0 0 auto}.code-chip--lg{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-lg)}.code-chip__hash{opacity:.5;font-weight:var(--fw-medium)}.color-dot{display:inline-block;width:14px;height:14px;flex:0 0 auto;border-radius:var(--r-full);border:1px solid rgba(23,25,35,.18);box-shadow:inset 0 1px 1px #ffffff59}.color-dot--sm{width:10px;height:10px}.color-dot--lg{width:22px;height:22px}.panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs)}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border)}.panel__title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-2)}.panel__body{padding:var(--sp-4)}.panel__body--flush{padding:0}.item-list{display:flex;flex-direction:column}.item-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border);min-width:0}.item-row:last-child{border-bottom:0}.item-row:hover{background:var(--c-surface-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:#17192380;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .12s ease-out}.modal{display:flex;flex-direction:column;width:100%;max-width:560px;max-height:100%;background:var(--c-surface);border-radius:var(--r-xl);box-shadow:var(--sh-lg);overflow:hidden;animation:modal-in .16s cubic-bezier(.16,1,.3,1)}.modal--lg{max-width:780px}.modal--sm{max-width:420px}.modal__header{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border)}.modal__title{flex:1;min-width:0;font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.modal__body{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-5);-webkit-overflow-scrolling:touch}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--c-border);background:var(--c-surface-2)}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}@media (max-width: 720px){.modal-backdrop{padding:0;align-items:stretch}.modal,.modal--lg,.modal--sm{max-width:none;height:100%;border-radius:0;animation:sheet-in .2s cubic-bezier(.16,1,.3,1)}.modal__header,.modal__footer{padding-left:var(--sp-4);padding-right:var(--sp-4)}.modal__body{padding:var(--sp-4)}.modal__footer{padding-bottom:max(var(--sp-3),env(safe-area-inset-bottom))}@keyframes sheet-in{0%{transform:translateY(3%);opacity:.6}}}.dropdown{position:relative}.dropdown__menu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;min-width:226px;padding:var(--sp-2);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-lg);animation:modal-in .12s ease-out}.dropdown__item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border:0;border-radius:var(--r-md);background:transparent;color:var(--c-text);font-size:var(--fs-md);text-align:left;text-decoration:none;transition:background var(--transition)}.dropdown__item:hover{background:var(--c-surface-3);text-decoration:none}.dropdown__item--danger{color:var(--c-danger)}.dropdown__item--danger:hover{background:var(--c-danger-soft)}.dropdown__item svg{flex:0 0 auto;color:var(--c-text-3)}.dropdown__item--danger svg{color:currentColor}.dropdown__label{padding:var(--sp-2) var(--sp-3) var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-3)}.dropdown__sep{height:1px;margin:var(--sp-2) 0;background:var(--c-border);border:0}.spinner{display:inline-block;width:16px;height:16px;flex:0 0 auto;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--r-full);opacity:.6;animation:spin .7s linear infinite}.spinner--lg{width:28px;height:28px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.loading-block{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-12) var(--sp-4);color:var(--c-text-3);font-size:var(--fs-md)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-5);text-align:center;color:var(--c-text-2)}.empty__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-full);background:var(--c-surface-3);color:var(--c-text-3)}.empty__title{font-weight:var(--fw-semibold);color:var(--c-text)}.empty__text{font-size:var(--fs-md);max-width:42ch}.empty--tight{padding:var(--sp-6) var(--sp-4)}.alert{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-md)}.alert--error{background:var(--c-danger-soft);color:var(--c-danger-hover)}.alert--info{background:var(--c-info-soft);color:var(--c-info)}.alert--warning{background:var(--c-warning-soft);color:var(--c-warning)}.alert svg{flex:0 0 auto;margin-top:2px}.toast-region{position:fixed;bottom:var(--sp-4);left:50%;transform:translate(-50%);z-index:90;display:flex;flex-direction:column;gap:var(--sp-2);width:min(420px,calc(100vw - var(--sp-8)));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-text);color:var(--c-text-inverse);font-size:var(--fs-md);box-shadow:var(--sh-lg);pointer-events:auto;animation:toast-in .18s cubic-bezier(.16,1,.3,1)}.toast--error{background:var(--c-danger)}.toast--success{background:var(--c-success)}.toast__text{flex:1;min-width:0;overflow-wrap:anywhere}.toast__close{border:0;background:transparent;color:inherit;opacity:.7;padding:0;display:flex}.toast__close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;padding:var(--sp-6) var(--sp-4);border:1.5px dashed var(--c-border-strong);border-radius:var(--r-lg);background:var(--c-surface-2);color:var(--c-text-2);text-align:center;transition:border-color var(--transition),background var(--transition),color var(--transition)}.dropzone:hover:not(:disabled){border-color:var(--c-text-3);background:var(--c-surface-3)}.dropzone--active{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent-hover)}.dropzone--busy{cursor:progress}.dropzone__title{font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--c-text)}.dropzone__hint{font-size:var(--fs-xs);color:var(--c-text-3)}.dropzone--compact{padding:var(--sp-4);flex-direction:row;justify-content:center}@media (max-width: 480px){.dropzone--compact{flex-direction:column}}.color-select{display:flex;flex-direction:column;gap:var(--sp-3)}.color-select__palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:var(--sp-2)}.color-select__swatch{position:relative;aspect-ratio:1;min-height:28px;border:1px solid rgba(23,25,35,.14);border-radius:var(--r-sm);padding:0;transition:transform var(--transition),box-shadow var(--transition)}.color-select__swatch:hover{transform:scale(1.08);box-shadow:var(--sh-sm)}.color-select__swatch--selected{box-shadow:0 0 0 2px var(--c-surface),0 0 0 4px var(--c-accent)}.color-select__swatch svg{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.color-select__custom{display:flex;align-items:center;gap:var(--sp-2)}.color-select__picker{width:38px;height:38px;flex:0 0 auto;padding:0;border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);cursor:pointer;overflow:hidden}.color-select__picker::-webkit-color-swatch-wrapper{padding:3px}.color-select__picker::-webkit-color-swatch{border:0;border-radius:var(--r-sm)}.color-select__picker::-moz-color-swatch{border:0;border-radius:var(--r-sm)}.color-select__hex{max-width:140px;font-family:var(--font-mono);text-transform:uppercase}.save-state{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--c-text-3);min-height:18px;transition:opacity var(--transition)}.save-state--saved{color:var(--c-success)}.save-state--error{color:var(--c-danger)}.app-shell{display:flex;flex-direction:column;height:100%;min-height:0}.app-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-main--scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);height:var(--topbar-h);flex:0 0 auto;padding:0 var(--sp-4);background:var(--c-text);color:var(--c-text-inverse);padding-top:env(safe-area-inset-top);box-sizing:content-box}.topbar__brand{display:flex;align-items:center;gap:var(--sp-2);color:var(--c-text-inverse);font-size:var(--fs-base);font-weight:var(--fw-semibold);letter-spacing:-.01em}.topbar__brand:hover{text-decoration:none;opacity:.85}.topbar__logo{color:var(--c-accent)}.topbar__nav{display:flex;align-items:center;gap:var(--sp-1)}.topbar__btn{display:inline-flex;align-items:center;gap:var(--sp-2);height:32px;padding:0 var(--sp-3);border:0;border-radius:var(--r-md);background:#ffffff1a;color:var(--c-text-inverse);font-size:var(--fs-md);font-weight:var(--fw-medium);transition:background var(--transition)}.topbar__btn:hover{background:#ffffff2e}.topbar__btn--accent{background:var(--c-accent)}.topbar__btn--accent:hover{background:var(--c-accent-hover)}.topbar__user{font-size:var(--fs-sm);color:#fff9;max-width:190px;margin-right:var(--sp-2)}@media (max-width: 640px){.topbar{padding:0 var(--sp-3)}.topbar__user{display:none}}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100%;padding:var(--sp-6) var(--sp-4);background:linear-gradient(160deg,#1d2030,#171923 55%,#221a12)}.auth-card{width:100%;max-width:400px;padding:var(--sp-8);background:var(--c-surface);border-radius:var(--r-xl);box-shadow:var(--sh-lg)}.auth-card__brand{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-6);font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:-.01em}.auth-card__brand svg{color:var(--c-accent)}.auth-card__title{font-size:var(--fs-xl);margin-bottom:var(--sp-1)}.auth-card__subtitle{color:var(--c-text-2);font-size:var(--fs-md);margin-bottom:var(--sp-6)}.auth-card__switch{margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--c-border);text-align:center;font-size:var(--fs-md);color:var(--c-text-2)}.auth-card__link{border:0;background:transparent;padding:0;color:var(--c-accent);font-weight:var(--fw-medium);font-size:inherit}.auth-card__link:hover{text-decoration:underline}@media (max-width: 480px){.auth-card{padding:var(--sp-6) var(--sp-5)}}.board-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex:0 0 auto;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.board-bar__search{position:relative;flex:1;max-width:320px}.board-bar__search svg{position:absolute;left:var(--sp-3);top:50%;transform:translateY(-50%);color:var(--c-text-3);pointer-events:none}.board-bar__search .input{padding-left:2.25rem}.board-bar__filters{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.board-bar__filters .input{width:auto;max-width:200px}.board{flex:1;min-height:0;display:flex;gap:var(--sp-3);padding:var(--sp-4);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.column{display:flex;flex-direction:column;width:var(--col-w);flex:0 0 var(--col-w);min-height:0;max-height:100%;background:var(--c-surface-3);border:1px solid var(--c-border);border-radius:var(--r-lg);scroll-snap-align:start;transition:background var(--transition),border-color var(--transition)}.column--over{background:var(--c-accent-soft);border-color:var(--c-accent-border)}.column__header{display:flex;align-items:center;gap:var(--sp-2);flex:0 0 auto;padding:var(--sp-3) var(--sp-3) var(--sp-2)}.column__marker{width:8px;height:8px;flex:0 0 auto;border-radius:var(--r-full);background:var(--column-color, var(--c-text-3))}.column__name{flex:1;min-width:0;font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-2)}.column__count{padding:1px var(--sp-2);border-radius:var(--r-full);background:var(--c-surface);border:1px solid var(--c-border);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-text-2);font-variant-numeric:tabular-nums}.column__body{flex:1;min-height:60px;display:flex;flex-direction:column;gap:var(--sp-2);padding:0 var(--sp-2) var(--sp-2);overflow-y:auto;-webkit-overflow-scrolling:touch}.column__placeholder{display:flex;align-items:center;justify-content:center;min-height:68px;border:1.5px dashed var(--c-border-strong);border-radius:var(--r-md);color:var(--c-text-3);font-size:var(--fs-sm);text-align:center;padding:var(--sp-3)}.column__footer{flex:0 0 auto;padding:0 var(--sp-2) var(--sp-2)}.column__add{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-2);border:0;border-radius:var(--r-md);background:transparent;color:var(--c-text-3);font-size:var(--fs-md);transition:background var(--transition),color var(--transition)}.column__add:hover{background:var(--c-surface);color:var(--c-text)}.model-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border);border-left:3px solid var(--card-color, var(--c-border-strong));border-radius:var(--r-md);box-shadow:var(--sh-xs);text-align:left;width:100%;transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition);touch-action:manipulation}.model-card:hover{box-shadow:var(--sh-sm);border-color:var(--c-border-strong)}.model-card:active{cursor:grabbing}.model-card--dragging{opacity:.4}.model-card--overlay{box-shadow:var(--sh-drag);transform:rotate(1.5deg);cursor:grabbing}.model-card__head{display:flex;align-items:flex-start;gap:var(--sp-2)}.model-card__thumb{width:72px;height:72px;flex:0 0 auto;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface-3)}.model-card__title{font-size:var(--fs-md);font-weight:var(--fw-medium);line-height:1.35;color:var(--c-text);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.model-card__meta{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.model-card__stats{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--c-text-3)}.model-card__stat{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums}.model-card__weight{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;color:var(--c-text)}.model-card__weight--light{font-weight:var(--fw-normal)}.model-card__dots{display:flex;align-items:center;gap:3px}@media (max-width: 720px){.board{gap:var(--sp-3);padding:var(--sp-3);scroll-snap-type:x mandatory}.column{width:85vw;flex:0 0 85vw}.board-bar{flex-direction:column;align-items:stretch;gap:var(--sp-2);padding:var(--sp-3)}.board-bar__search{max-width:none}.board-bar__filters .input{max-width:none;flex:1}}.detail__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3) var(--sp-4)}@media (max-width: 640px){.detail__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail__grid>:nth-child(3){grid-column:1 / -1}}@media (max-width: 480px){.detail__grid{grid-template-columns:1fr}.detail__grid>:nth-child(3){grid-column:auto}}.model-link{display:flex;align-items:center;gap:var(--sp-2)}.model-link__thumb{display:block;width:64px;height:64px;flex:0 0 auto;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-3)}.model-link__img{width:100%;height:100%;object-fit:cover}@media (max-width: 480px){.model-link{flex-wrap:wrap}.model-link__thumb{width:100%;height:140px}}.weight-box{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-accent-soft);border:1px solid var(--c-accent-border);border-radius:var(--r-md)}.weight-box__label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--c-accent-hover)}.weight-box__hint{font-size:var(--fs-xs);color:var(--c-text-2);margin-top:2px}.weight-box__parts{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2);margin-top:var(--sp-2)}.weight-box__part{display:inline-flex;align-items:center;gap:var(--sp-1);max-width:100%;padding:1px var(--sp-2);border-radius:var(--r-full);background:var(--c-surface);border:1px solid var(--c-accent-border);font-size:var(--fs-xs);color:var(--c-text-2)}.weight-box__part strong{color:var(--c-text);font-variant-numeric:tabular-nums}.weight-box__value{font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--c-text);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:flex-start}.weight-box__unit{font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--c-text-2);margin-left:2px}.cost-box__list{list-style:none;margin:0;padding:0}.cost-box__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--c-border);font-size:var(--fs-sm)}.cost-box__row:last-child{border-bottom:none}.cost-box__label{display:inline-flex;align-items:center;gap:4px;min-width:0;color:var(--c-text-2)}.cost-box__value{flex:0 0 auto;color:var(--c-text);font-variant-numeric:tabular-nums}.cost-box__row--missing .cost-box__label,.cost-box__row--missing .cost-box__value{color:var(--c-danger)}.cost-box__flag{flex:0 0 auto}.cost-box__total{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--c-border-strong);font-weight:var(--fw-semibold)}.cost-box__total strong{font-size:var(--fs-lg);font-variant-numeric:tabular-nums}.cost-box__note{margin-top:var(--sp-3)}.usage-empty{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);color:var(--c-text-2)}.usage-row__select{flex:1 1 46%;min-width:0}.usage-row__part{flex:1 1 32%;min-width:0}.usage-row__grams{width:96px;flex:0 0 auto}@media (max-width: 640px){.usage-row{flex-wrap:wrap}.usage-row__select{flex:1 1 100%;order:1}.usage-row__part{flex:1 1 auto;order:2}.usage-row__grams{order:3;flex:0 0 86px;width:auto}.usage-row .icon-btn{order:4}}.attachments__section+.attachments__section{margin-top:var(--sp-4)}.attachments__label{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-3)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--sp-2)}.photo-thumb{position:relative;aspect-ratio:1;border-radius:var(--r-md);overflow:hidden;background:var(--c-surface-3);border:1px solid var(--c-border)}.photo-thumb__img{width:100%;height:100%;object-fit:cover;border:0;padding:0;background:none;cursor:zoom-in;transition:transform var(--transition)}.photo-thumb__img:hover{transform:scale(1.04)}.photo-thumb__remove{position:absolute;top:var(--sp-1);right:var(--sp-1);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:var(--r-full);background:#171923a6;color:#fff;opacity:0;transition:opacity var(--transition),background var(--transition)}.photo-thumb:hover .photo-thumb__remove,.photo-thumb__remove:focus-visible{opacity:1}.photo-thumb__remove:hover{background:var(--c-danger)}@media (hover: none){.photo-thumb__remove{opacity:1}}.file-row__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 auto;border-radius:var(--r-sm);background:var(--c-surface-3);color:var(--c-text-2)}.file-row__name{font-size:var(--fs-md);font-weight:var(--fw-medium)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:#171923e0;animation:fade-in .12s ease-out}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--r-md)}.lightbox__close{position:absolute;top:var(--sp-4);right:var(--sp-4);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:var(--r-full);background:#ffffff24;color:#fff}.lightbox__close:hover{background:#ffffff42}.timeline{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4)}.comment{display:flex;gap:var(--sp-3);position:relative}.comment:not(:last-child):before{content:"";position:absolute;left:15px;top:34px;bottom:calc(var(--sp-3) * -1);width:1.5px;background:var(--c-border)}.comment__avatar{display:flex;align-items:center;justify-content:center;width:31px;height:31px;flex:0 0 auto;border-radius:var(--r-full);background:var(--c-surface-3);border:1px solid var(--c-border);color:var(--c-text-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;z-index:1}.comment__body{flex:1;min-width:0;padding-top:2px}.comment__head{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:2px}.comment__author{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.comment__time{font-size:var(--fs-xs);color:var(--c-text-3)}.comment__text{font-size:var(--fs-md);color:var(--c-text);white-space:pre-wrap;overflow-wrap:anywhere}.comment-form{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);background:var(--c-surface-2)}.filament-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);text-align:left;transition:box-shadow var(--transition),border-color var(--transition)}.filament-card:hover{box-shadow:var(--sh-md);border-color:var(--c-border-strong)}.filament-card__top{display:flex;align-items:center;gap:var(--sp-3)}.filament-card__swatch{width:40px;height:40px;flex:0 0 auto;border-radius:var(--r-md);border:1px solid rgba(23,25,35,.16);box-shadow:inset 0 2px 3px #ffffff4d}.filament-card__brand{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.filament-card__photos{display:flex;gap:var(--sp-1)}.filament-card__photo{width:42px;height:42px;border-radius:var(--r-sm);object-fit:cover;border:1px solid var(--c-border)}.filament-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-text-3)}.price{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.purchase-row__source{flex:1;min-width:0}.purchase-form{display:grid;grid-template-columns:minmax(0,1fr) 88px 108px auto;gap:var(--sp-2);align-items:end;padding:var(--sp-3);background:var(--c-surface-2);border-top:1px solid var(--c-border)}@media (max-width: 620px){.purchase-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.purchase-form>:first-child{grid-column:1 / -1}.purchase-form>:last-child{grid-column:1 / -1}}.crud-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border)}.crud-row:last-child{border-bottom:0}.crud-row:hover{background:var(--c-surface-2)}.crud-row__order{display:flex;align-items:center;gap:2px;flex:0 0 auto}.crud-row__position{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 auto;border-radius:var(--r-full);background:var(--c-surface-3);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--c-text-2)}.crud-row__name{flex:1;min-width:0;font-size:var(--fs-md);font-weight:var(--fw-medium)}.crud-row__extra{flex:0 0 auto;font-family:var(--font-mono);white-space:nowrap}.crud-row__edit-group{display:flex;gap:var(--sp-2)}.crud-row__extra-input{flex:0 0 128px}.crud-create{display:flex;gap:var(--sp-2);padding:var(--sp-3);border-top:1px solid var(--c-border);background:var(--c-surface-2)}.crud-create__extra{flex:0 0 128px}@media (max-width: 480px){.crud-row__edit-group{flex-wrap:wrap}.crud-row__extra-input{flex:1 1 100%}.crud-create{flex-wrap:wrap}.crud-create__extra{flex:1 1 100%}}.settings__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}.settings__summary{margin-top:var(--sp-5);padding:var(--sp-3) var(--sp-4);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-md)}.settings__summary-label{display:block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-2)}.settings__summary-value{display:block;margin:2px 0;font-size:var(--fs-lg);font-variant-numeric:tabular-nums}@media (max-width: 560px){.settings__grid{grid-template-columns:1fr}}.config-screen{display:flex;align-items:center;justify-content:center;min-height:100%;padding:var(--sp-6);background:var(--c-bg)}.config-card{max-width:560px;padding:var(--sp-8);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--sh-md)}.config-card pre{margin:var(--sp-4) 0 0;padding:var(--sp-4);background:var(--c-text);color:#e8eaf0;border-radius:var(--r-md);font-family:var(--font-mono);font-size:var(--fs-sm);overflow-x:auto}