:root{--bg:#f4f3f0;--panel:#fff;--panel-2:#ebe9e4;--hover:#14120e0d;--border:#dedbd4;--text:#1a1916;--muted:#6c6a63;--faint:#a19e95;--accent:#ff5b29;--accent-text:#fff;--accent-soft:#ff5b291f;--danger:#d93a3a;--stage:#0d0d0e;--shadow:0 12px 32px -8px #14120e38, 0 2px 6px #14120e14;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f0f10;--panel:#18181a;--panel-2:#222225;--hover:#ffffff0d;--border:#2b2b2f;--text:#ecebe8;--muted:#9a9892;--faint:#66645f;--accent-soft:#ff5b2929;--danger:#ff6464;--shadow:0 16px 40px -8px #0009, 0 2px 6px #0006}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app{grid-template-columns:232px 1fr;height:100%;display:grid}.main{flex-direction:column;min-width:0;height:100%;display:flex}.content{flex:1;padding:4px 20px 96px;overflow-y:auto}.button{border:1px solid var(--border);background:var(--panel);height:32px;color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.button:hover{background:var(--panel-2)}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button--primary:hover{background:var(--accent);filter:brightness(1.08)}.button--on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.button--danger{color:var(--danger)}.button--large{height:40px;padding:0 18px;font-size:14px}.icon-button{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;display:inline-grid}.icon-button:hover{background:var(--hover);color:var(--text)}.icon-button--small{width:22px;height:22px}.link-button{color:var(--muted);background:0 0;border:0;padding:0;font-size:13px}.link-button:hover{color:var(--text)}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;gap:18px;padding:16px 10px;display:flex;overflow-y:auto}.sidebar__brand{letter-spacing:-.01em;align-items:center;gap:10px;padding:2px 8px;font-size:15px;font-weight:650;display:flex}.lupian-mark{color:var(--text);flex:none}.sidebar__section{flex-direction:column;gap:1px;display:flex}.sidebar__section--grow{flex:1}.sidebar__heading{height:26px;color:var(--faint);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 4px 0 8px;font-size:11px;font-weight:600;display:flex}.nav-item{height:32px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;padding:0 8px;display:flex}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item--active{background:var(--panel-2);color:var(--text);font-weight:550}.nav-item--drop{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.nav-item__label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.nav-item__count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px}.sidebar__input{border:1px solid var(--accent);background:var(--panel);border-radius:7px;outline:none;height:32px;margin:2px 0;padding:0 10px}.sidebar__hint,.sidebar__footer{color:var(--faint);padding:6px 8px;font-size:12px}.topbar{align-items:center;gap:12px;padding:14px 20px;display:flex}.topbar__controls{align-items:center;gap:8px;display:flex}.select select{border:1px solid var(--border);background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;border-radius:8px;height:32px;padding:0 28px 0 10px;font-size:13px}.density{width:88px;accent-color:var(--accent)}.search{border:1px solid var(--border);background:var(--panel);min-width:0;height:40px;color:var(--muted);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 8px 0 12px;display:flex;position:relative}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search__input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1}.search__input::-webkit-search-cancel-button{display:none}.search__input::placeholder{color:var(--faint)}.search__kbd{border:1px solid var(--border);width:20px;height:20px;color:var(--faint);border-radius:5px;place-items:center;font:11px ui-monospace,monospace;display:grid}.search__panel{z-index:20;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);color:var(--text);border-radius:12px;flex-direction:column;gap:14px;padding:14px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0}.search__group{grid-template-columns:56px 1fr;align-items:start;gap:10px;display:grid}.search__label{color:var(--faint);padding-top:5px;font-size:12px}.search__chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:0 0;border-radius:99px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;display:inline-flex}.chip:hover{background:var(--hover)}.chip--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chip__swatch{border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #80808059}.search__help{border-top:1px solid var(--border);color:var(--muted);gap:4px;padding-top:12px;font-size:12px;display:grid}.search__help-row{gap:10px;display:flex}.search__help-row code{min-width:140px;color:var(--text);font:12px ui-monospace,monospace}.heading{align-items:center;gap:12px;min-height:34px;padding:0 20px 10px;display:flex}.heading h1{letter-spacing:-.02em;font-size:20px;font-weight:650}.heading__rename{border:1px solid var(--accent);background:var(--panel);border-radius:7px;outline:none;height:34px;padding:0 8px;font-size:20px;font-weight:650}.heading__count{color:var(--faint);font-size:13px}.heading__note{background:var(--accent-soft);color:var(--accent);border-radius:99px;padding:2px 8px;font-size:12px}.heading__actions{margin-left:auto;display:flex}.grid{align-items:flex-start;display:flex}.grid__col{flex-direction:column;flex:1;min-width:0;display:flex}.card{border-radius:var(--radius);background:var(--panel-2);cursor:zoom-in;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.card:after{content:"";border-radius:inherit;pointer-events:none;transition:box-shadow .12s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #80808024}.card--selected:after{box-shadow:inset 0 0 0 3px var(--accent)}.card__media{width:100%;position:relative}.card__media img,.card__media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card__check{color:#0000;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border:1.5px solid #ffffffe6;border-radius:6px;place-items:center;width:22px;height:22px;padding:0;transition:opacity .12s;display:grid;position:absolute;top:8px;left:8px}.card:hover .card__check,.card--selected .card__check,.card__check:focus-visible{opacity:1}.card--selected .card__check{border-color:var(--accent);background:var(--accent);color:#fff}.card__badges{pointer-events:none;gap:4px;display:flex;position:absolute;top:8px;right:8px}.card__badge{color:#fff;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0000008c;border-radius:5px;align-items:center;gap:4px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.card__caption{color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000a6);padding:28px 10px 8px;font-size:12px;font-weight:500;transition:opacity .12s;position:absolute;inset:auto 0 0}.card:hover .card__caption{opacity:1}.card__name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.card--audio{background:var(--panel);cursor:pointer}.card--audio .card__media{align-items:flex-end;min-height:104px;padding:40px 12px 12px;display:flex}.card--audio .card__check{z-index:1}.card--audio .card__caption{color:var(--text);opacity:1;pointer-events:auto;cursor:zoom-in;background:0 0;padding:12px 12px 0 40px;inset:0 0 auto}.card--audio .card__name:hover{text-underline-offset:3px;text-decoration:underline}.card--audio .card__check{border-color:var(--faint);opacity:1}.audio-player{grid-template-rows:1fr auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;width:100%;height:100%;min-height:56px;max-height:120px;display:grid}.audio-player__toggle{background:var(--accent);width:36px;height:36px;color:var(--accent-text);border:0;border-radius:50%;grid-row:span 2;place-items:center;padding:0;display:grid}.audio-player__toggle:hover{filter:brightness(1.08)}.audio-player__wave{cursor:pointer;height:100%;min-height:32px}.audio-player__wave svg{width:100%;height:100%;display:block}.audio-player__wave rect{fill:var(--faint);opacity:.6}.audio-player__wave rect.played{fill:var(--accent);opacity:1}.audio-player__time{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px}.audio-player--large{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--faint:#66645f;background:#1a1a1c;border-radius:16px;width:min(760px,100%);height:180px;max-height:none;padding:24px}.audio-player--large .audio-player__toggle{width:56px;height:56px}.detail{z-index:40;background:var(--bg);grid-template-columns:1fr 360px;display:grid;position:fixed;inset:0}.detail__stage{background:var(--stage);place-items:center;min-width:0;padding:48px 72px;display:grid;position:relative;overflow:hidden}.detail__media{place-items:center;width:100%;height:100%;min-height:0;display:grid}.detail__media img,.detail__media video{object-fit:contain;border-radius:6px;max-width:100%;max-height:calc(100vh - 96px)}.detail__media--audio{height:auto}.detail__nav{color:#fff;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.detail__nav:hover{background:#ffffff29}.detail__nav--prev{left:16px}.detail__nav--next{right:16px}.detail__position{color:#ffffff80;font-variant-numeric:tabular-nums;font-size:12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.detail__panel{border-left:1px solid var(--border);background:var(--panel);flex-direction:column;gap:4px;padding:14px 20px 20px;display:flex;overflow-y:auto}.detail__top{justify-content:space-between;align-items:center;display:flex}.detail__kind{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.detail__name{letter-spacing:-.01em;background:0 0;border:1px solid #0000;border-radius:6px;width:100%;margin:2px -6px 0;padding:4px 6px;font-size:18px;font-weight:650}.detail__name:hover{border-color:var(--border)}.detail__name:focus{border-color:var(--accent);outline:none}.detail__meta{color:var(--muted);font-size:12px}.detail__section{flex-direction:column;gap:8px;padding:16px 0 4px;display:flex}.detail__section h3{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.swatches{gap:6px;display:flex}.swatch{border:0;border-radius:7px;width:28px;height:28px;padding:0;transition:transform .12s;box-shadow:inset 0 0 0 1px #8080804d}.swatch:hover{transform:scale(1.12)}.set-toggles{flex-wrap:wrap;gap:6px;display:flex}.set-toggle{border:1px solid var(--border);cursor:pointer;border-radius:7px;align-items:center;gap:6px;height:28px;padding:0 10px 0 7px;font-size:13px;display:inline-flex}.set-toggle input{opacity:0;pointer-events:none;position:absolute}.set-toggle__box{border:1.5px solid var(--faint);border-radius:4px;place-items:center;width:15px;height:15px;display:grid}.set-toggle--on{border-color:var(--accent);background:var(--accent-soft)}.set-toggle--on .set-toggle__box{border-color:var(--accent);background:var(--accent);color:#fff}.set-toggle:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.set-toggles__new{border:1px dashed var(--border);background:0 0;border-radius:7px;outline:none;width:110px;height:28px;padding:0 10px;font-size:13px}.set-toggles__new:focus{border-style:solid;border-color:var(--accent)}.tags{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;padding:4px;display:flex}.tags:focus-within{border-color:var(--accent)}.tag{background:var(--panel-2);border-radius:5px;align-items:center;height:24px;font-size:12px;display:inline-flex}.tag__label,.tag__remove{background:0 0;border:0;height:100%}.tag__label{padding:0 4px 0 8px}.tag__remove{color:var(--faint);place-items:center;padding:0 6px 0 2px;display:grid}.tag__remove:hover{color:var(--text)}.tags__input{background:0 0;border:0;outline:none;flex:1;min-width:80px;height:24px;padding:0 4px;font-size:13px}.detail__notes{border:1px solid var(--border);resize:vertical;background:0 0;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:13px}.detail__notes:focus{border-color:var(--accent)}.detail__description{field-sizing:content;min-height:3lh;max-height:14lh;line-height:1.45}.detail__description[aria-busy=true]{background:linear-gradient(90deg, transparent, var(--accent-soft), transparent) 0 0 / 200% 100%;animation:1.4s linear infinite detail-shimmer}@media (prefers-reduced-motion:reduce){.detail__description[aria-busy=true]{background:var(--accent-soft);animation:none}}@keyframes detail-shimmer{to{background-position:-200% 0}}.detail__actions{gap:8px;margin-top:auto;padding-top:20px;display:flex}.selection-bar{z-index:30;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex;position:fixed;bottom:20px;left:calc(50% + 116px);transform:translate(-50%)}.selection-bar__count{font-variant-numeric:tabular-nums;font-weight:600}.selection-bar__divider{background:var(--border);width:1px;height:20px}.menu-anchor{position:relative}.menu{border:1px solid var(--border);background:var(--panel);min-width:220px;max-height:320px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto}.menu__item{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;height:32px;padding:0 8px;display:flex}.menu__item:hover{background:var(--hover)}.menu__input{border:1px solid var(--border);background:0 0;border-radius:6px;outline:none;height:32px;margin-top:4px;padding:0 8px}.menu__input:focus{border-color:var(--accent)}.empty{max-width:420px;color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:10px;margin:12vh auto 0;display:flex}.empty h2{color:var(--text);font-size:18px;font-weight:650}.empty--library{border:1.5px dashed var(--border);border-radius:18px;max-width:560px;padding:48px 32px}.empty--library .button{margin-top:8px}.empty__art{gap:10px;margin-bottom:8px;display:flex}.empty__art svg{box-sizing:content-box;background:var(--panel-2);color:var(--muted);border-radius:10px;padding:10px}.drop-overlay{z-index:50;border:3px dashed var(--accent);pointer-events:none;background:#ff5b290f;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay__card{background:var(--panel);box-shadow:var(--shadow);color:var(--muted);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:24px 32px;display:flex}.drop-overlay__card strong{color:var(--text);font-size:16px}.drop-overlay__card svg{color:var(--accent)}.toasts{z-index:60;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;left:252px}.app:has(.selection-bar) .toasts{bottom:84px}.toast{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar__account{border-top:1px solid var(--border);align-items:center;gap:8px;padding:10px 8px 0;font-size:12px;display:flex}.sidebar__email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.splash{height:100%;color:var(--muted);text-align:center;place-content:center;gap:12px;padding:24px;display:grid}.splash--setup{text-align:left;max-width:560px;margin:0 auto}.splash--setup h1{color:var(--text);font-size:20px}.splash pre{background:var(--panel-2);color:var(--text);white-space:pre-wrap;border-radius:8px;padding:12px;font-size:12px}.login{place-items:center;height:100%;padding:24px;display:grid}.login__card{border:1px solid var(--border);background:var(--panel);border-radius:14px;flex-direction:column;gap:14px;width:min(360px,100%);padding:28px;display:flex}.login__card .sidebar__brand{padding:0}.login__card h1{font-size:18px;font-weight:650}.login__card .button--large{justify-content:center}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.field input{border:1px solid var(--border);background:var(--bg);border-radius:8px;outline:none;height:38px;padding:0 10px;font-size:14px}.field input:focus{border-color:var(--accent)}.login__error{color:var(--danger);font-size:13px}.login__message{color:var(--text);font-size:13px}.login__links{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.canvas-editor{overflow:hidden}.canvas-toolbar{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:8px;min-height:56px;padding:10px 16px;display:flex}.canvas-toolbar__name{background:0 0;border:1px solid #0000;border-radius:7px;outline:none;width:260px;height:34px;padding:0 8px;font-size:16px;font-weight:650}.canvas-toolbar__name:hover{border-color:var(--border)}.canvas-toolbar__name:focus{border-color:var(--accent)}.canvas-toolbar__count{color:var(--faint);white-space:nowrap;font-size:13px}.canvas-toolbar__spacer{flex:1}.zoom-controls{border:1px solid var(--border);border-radius:8px;align-items:center;display:flex}.zoom-controls__value{font-variant-numeric:tabular-nums;background:0 0;border:0;min-width:52px;height:30px;font-size:12px}.canvas-body{flex:1;min-height:0;display:flex}.canvas-stage{flex:1;min-width:0;position:relative}.canvas-empty{max-width:420px;color:var(--muted);text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.canvas-empty strong{color:var(--text);font-size:16px}.canvas-empty .button{pointer-events:auto}.board{background-color:var(--bg);background-image:radial-gradient(var(--border) 1px, transparent 1px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-size:24px 24px;position:absolute;inset:0;overflow:hidden}.board:active{cursor:grabbing}.board--dropping{box-shadow:inset 0 0 0 3px var(--accent)}.board__world{transform-origin:0 0;position:absolute;top:0;left:0}.board-item{background:var(--panel-2);box-shadow:0 0 0 calc(1px / var(--zoom)) #80808040;cursor:move;position:absolute}.board-item>img,.board-item>video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.board-item--selected{box-shadow:0 0 0 calc(2px / var(--zoom)) var(--accent)}.board-handle{width:calc(12px / var(--zoom));height:calc(12px / var(--zoom));border:calc(2px / var(--zoom)) solid var(--accent);background:var(--panel);position:absolute}.board-handle--nw{top:calc(-6px / var(--zoom));left:calc(-6px / var(--zoom));cursor:nwse-resize}.board-handle--ne{top:calc(-6px / var(--zoom));right:calc(-6px / var(--zoom));cursor:nesw-resize}.board-handle--sw{bottom:calc(-6px / var(--zoom));left:calc(-6px / var(--zoom));cursor:nesw-resize}.board-handle--se{right:calc(-6px / var(--zoom));bottom:calc(-6px / var(--zoom));cursor:nwse-resize}.board-video__bar{width:calc(100% * var(--zoom));color:#fff;opacity:0;height:34px;transform:scale(calc(1 / var(--zoom)));transform-origin:0 100%;cursor:default;background:linear-gradient(#0000,#000000b3);align-items:center;gap:8px;padding:0 8px;font-size:11px;transition:opacity .12s;display:flex;position:absolute;bottom:0;left:0}.board-item:hover .board-video__bar,.board-video__bar--paused,.board-video__bar:focus-within{opacity:1}.board-video__bar button{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:5px;flex:none;align-items:center;height:22px;padding:0 7px;font-size:11px;display:inline-flex}.board-video__bar button:hover{background:#ffffff3d}.board-video__track{cursor:pointer;touch-action:none;flex:1;min-width:40px;height:16px;position:relative}.board-video__track:before,.board-video__progress{content:"";border-radius:2px;height:4px;position:absolute;top:6px;left:0}.board-video__track:before{background:#ffffff4d;right:0}.board-video__progress{background:var(--accent)}.board-video__progress:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-5px}.board-video__track:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.board-video__time{font-variant-numeric:tabular-nums;opacity:.9;flex:none}.board-video__bar{container-type:inline-size}@container (width<=220px){.board-video__time{display:none}}.board-audio{background:var(--panel);flex-direction:column;gap:6px;width:100%;height:100%;padding:10px 12px;display:flex}.board-audio__name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.board-audio>div{cursor:default;flex:1;min-height:0}.drawer{border-left:1px solid var(--border);background:var(--panel);flex-direction:column;gap:10px;width:280px;padding:12px;display:flex}.drawer__top{justify-content:space-between;align-items:center;display:flex}.drawer__search{border:1px solid var(--border);background:var(--bg);border-radius:8px;outline:none;height:34px;padding:0 10px;font-size:13px}.drawer__search:focus{border-color:var(--accent)}.drawer__grid{grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid;overflow-y:auto}.drawer__empty{color:var(--faint);grid-column:1/-1;font-size:12px}.drawer-tile{text-align:left;cursor:grab;background:0 0;border:0;flex-direction:column;gap:4px;min-width:0;padding:0;display:flex}.drawer-tile__media{background:var(--panel-2);color:var(--muted);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.drawer-tile__media img{object-fit:cover;width:100%;height:100%}.drawer-tile__badge,.drawer-tile__placed{color:#fff;background:#0009;border-radius:4px;padding:1px 5px;font-size:10px;position:absolute}.drawer-tile__badge{top:4px;right:4px}.drawer-tile__placed{bottom:4px;left:4px}.drawer-tile--placed .drawer-tile__media{opacity:.6}.drawer-tile__name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.popover-backdrop{z-index:25;position:fixed;inset:0}.share-panel{z-index:26;border:1px solid var(--border);background:var(--panel);width:360px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:10px;padding:14px;font-size:13px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.share-panel__row{align-items:center;gap:8px;display:flex}.share-panel__url{border:1px solid var(--border);background:var(--bg);border-radius:7px;flex:1;min-width:0;height:32px;padding:0 8px;font-size:12px}.share-panel__stop{color:var(--danger);margin-left:auto}.shared{flex-direction:column;height:100%;display:flex}.shared__name{font-size:16px}.shared .canvas-stage{flex:1}.board__marquee{border:1px solid var(--accent);background:var(--accent-soft);pointer-events:none;position:absolute}.card__creator{opacity:.75;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.detail__fields{flex-direction:column;gap:6px;padding-top:14px;display:flex}.detail__field{color:var(--faint);grid-template-columns:64px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.detail__field input{border:1px solid var(--border);min-width:0;height:30px;color:var(--text);background:0 0;border-radius:7px;outline:none;padding:0 8px;font-size:13px}.detail__field input:focus{border-color:var(--accent)}.detail__field--error input{border-color:var(--danger)}.detail__error{color:var(--danger);padding-left:72px;font-size:12px}.detail__heading{justify-content:space-between;align-items:center;display:flex}.detail__heading .link-button{letter-spacing:0;text-transform:none;font-size:12px}.detail__check{cursor:pointer;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:4px 0 0 72px;font-size:13px;display:flex}.detail__check input{accent-color:var(--accent);margin:0}.detail__check span{color:var(--faint);font-size:12px}.card__badge--internal{background:var(--accent);color:var(--accent-text)}.board-item--color,.board-item--font{container-type:size}.board-color,.board-font{width:100%;height:100%}.board-color{align-items:flex-end;padding:7cqmin;display:flex}.board-color__info{flex-direction:column;gap:1cqmin;min-width:0;display:flex}.board-color__name{text-overflow:ellipsis;white-space:nowrap;font-size:max(9px,8cqmin);font-weight:600;line-height:1.2;overflow:hidden}.board-color__hex{color:inherit;letter-spacing:.02em;opacity:.85;background:0 0;border:0;align-self:flex-start;padding:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:max(9px,7cqmin)}button.board-color__hex{cursor:copy}button.board-color__hex:hover{opacity:1;text-decoration:underline}.board-font{background:var(--panel);color:var(--text);flex-direction:column;gap:3cqh;padding:6cqh 5cqw;display:flex;overflow:hidden}.board-font__name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:max(9px,6cqh);overflow:hidden}.board-font__sample{overflow-wrap:anywhere;flex:1;min-height:0;margin:0;font-size:min(20cqh,11cqw);line-height:1.12;overflow:hidden}.tile-panel{z-index:26;border:1px solid var(--border);background:var(--panel);width:340px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:10px;padding:14px;font-size:13px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.tile-panel__row{gap:8px;display:flex}.tile-panel__row>*{flex:1;min-width:0}.tile-panel__picker{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:40px;height:40px;padding:2px;flex:none!important}.tile-panel__codes,.tile-panel__input{border:1px solid var(--border);background:var(--bg);min-height:32px;color:var(--text);border-radius:7px;outline:none;padding:6px 8px;font-size:13px}.tile-panel__codes{resize:vertical;font-family:ui-monospace,SF Mono,Menlo,monospace}.tile-panel__codes:focus,.tile-panel__input:focus{border-color:var(--accent)}.tile-panel__swatches{flex-wrap:wrap;gap:6px;max-height:140px;display:flex;overflow-y:auto}.tile-panel__swatch{border-radius:6px;align-items:flex-end;width:72px;height:48px;padding:4px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;display:inline-flex;box-shadow:inset 0 0 0 1px #80808040}.tile-panel__hint{color:var(--faint);font-size:12px}.tile-panel__combo{flex-direction:column;gap:4px;display:flex;position:relative}.tile-panel__list{flex-direction:column;max-height:232px;display:flex;overflow-y:auto}.tile-panel__meta{color:var(--faint);margin-left:auto;font-size:11px}.menu__item--on{background:var(--accent-soft)}.tile-panel__preview{overflow-wrap:anywhere;max-height:120px;margin:0;font-size:26px;line-height:1.15;overflow:hidden}.creator-picker{min-width:0;position:relative}.creator-picker input{width:100%}.creator-picker__list{z-index:5;border:1px solid var(--border);background:var(--panel);max-height:260px;box-shadow:var(--shadow);color:var(--text);border-radius:8px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.creator-picker__new{color:var(--accent)}.detail__links{gap:8px;display:inline-flex}.creators{flex-direction:column;gap:14px;max-width:920px;padding:20px 24px 48px;display:flex;overflow-y:auto}.creators__add{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;display:grid}.creators__input{border:1px solid var(--border);min-width:0;height:32px;color:var(--text);background:0 0;border-radius:7px;outline:none;padding:0 8px;font-size:13px}.creators__input:focus{border-color:var(--accent)}.creators__input--error{border-color:var(--danger)}.creators__error{padding:0}.creators__filter{max-width:320px}.creators__table{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);flex-direction:column;display:flex}.creators__row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) 120px 32px;align-items:center;gap:10px;padding:6px 10px;display:grid}.creators__row:first-child{border-top:0}.creators__row .creators__input{border-color:#0000}.creators__row .creators__input:hover{border-color:var(--border)}.creators__row .creators__input:focus{border-color:var(--accent)}.creators__row--head{color:var(--faint);font-size:12px}.creators__row--head span{padding-left:8px}.creators__link{align-items:center;gap:4px;min-width:0;display:flex}.creators__link .creators__input{flex:1}.creators__count{justify-self:start;font-size:13px}.creators__count:disabled{color:var(--faint);cursor:default;text-decoration:none}.creators__empty{color:var(--muted);margin:0;padding:14px}@media (width<=720px){.creators__add{grid-template-columns:1fr}.creators__row{grid-template-columns:minmax(0,1fr) 90px 32px}.creators__row .creators__link,.creators__row--head span:nth-child(2){display:none}}.context-menu{z-index:30;border:1px solid var(--border);background:var(--panel);min-width:200px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;padding:6px;font-size:13px;display:flex;position:absolute}.context-menu .menu__item{height:30px}.context-menu .menu__item:focus-visible{background:var(--hover);outline:none}.context-menu__label{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;padding:4px 8px 2px;font-size:11px;font-weight:600}.context-menu__divider{background:var(--border);height:1px;margin:4px 2px}.menu__item--danger{color:var(--danger)}.board-font__editor{outline:1px dashed var(--accent);outline-offset:2px;width:100%;color:inherit;resize:none;cursor:text;background:0 0;border:0;padding:0}.avatar{letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.profile__button{min-width:0;height:36px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 6px;display:flex}.profile__button:hover,.profile__button[aria-expanded=true]{background:var(--hover)}.profile__name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.profile{z-index:40;border:1px solid var(--border);background:var(--panel);width:300px;max-height:calc(100vh - 80px);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:14px;padding:14px;font-size:13px;display:flex;position:fixed;bottom:64px;left:12px;overflow-y:auto}.profile__who{align-items:center;gap:10px;display:flex}.profile__who div{flex-direction:column;min-width:0;display:flex}.profile__who div span{color:var(--muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile__form{flex-direction:column;gap:6px;display:flex}.profile__row{align-items:center;gap:8px;display:flex}.profile__row .tile-panel__input{flex:1;min-width:0}.profile__error{padding:0}.profile__signout{align-self:flex-start}.detail__guesses{color:var(--faint);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.detail__guess-p{color:var(--faint);font-variant-numeric:tabular-nums}.login__hint{color:var(--muted);margin:-6px 0 0;font-size:13px}.main{container:main/inline-size}#root{height:100dvh}.canvas-toolbar__tools{align-items:center;gap:8px;display:flex}.nav-button{display:none}@keyframes fade-in{0%{opacity:0}}@media (width<=1023px){.app{grid-template-columns:minmax(0,1fr)}.nav-button{flex:none;display:grid}.sidebar--drawer{z-index:45;visibility:hidden;width:min(300px,86vw);transition:transform .2s,visibility 0s linear .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar--drawer.sidebar--open{visibility:visible;box-shadow:var(--shadow);transition:transform .2s;transform:none}.sidebar__close{margin-left:auto}.nav-backdrop{z-index:44;background:#00000073;animation:.15s fade-in;position:fixed;inset:0}.selection-bar{flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100% - 24px);bottom:12px;left:50%}.toasts{left:16px;right:16px}.profile{max-height:calc(100dvh - 80px)}}@media (prefers-reduced-motion:reduce){.sidebar--drawer,.sidebar--drawer.sidebar--open{transition:none}}@container main (width<=900px){.topbar{flex-wrap:wrap;row-gap:10px}.topbar .search{flex:240px}.topbar__controls{flex-wrap:wrap;flex:100%}.topbar__controls .button--primary{margin-left:auto}}@container main (width<=600px){.topbar{gap:8px;padding:10px 12px}.topbar__controls{gap:6px}.topbar__controls .button__label{display:none}.topbar__controls .button{padding:0 10px}.topbar .density{flex:56px;min-width:48px;max-width:120px}.topbar .select select{max-width:136px}.topbar .search__panel{left:-40px}.heading{flex-wrap:wrap;row-gap:4px;padding:0 12px 8px}.content{padding:4px 12px 96px}}@container main (width<=1100px){.canvas-toolbar__name{flex:140px;width:auto;min-width:0}}@container main (width<=960px){.canvas-toolbar__tools .button__label{display:none}.canvas-toolbar__tools .button{padding:0 9px}}@container main (width<=600px){.canvas-toolbar{flex-wrap:wrap;row-gap:8px;padding:8px 12px}.canvas-toolbar__spacer,.canvas-toolbar__count{display:none}.canvas-toolbar__tools{flex:100%;justify-content:space-between;gap:6px}.zoom-controls .icon-button[aria-label=Zoom\ out],.zoom-controls .icon-button[aria-label=Zoom\ in]{display:none}.canvas-body{position:relative}.drawer{z-index:12;border-top:1px solid var(--border);width:auto;height:min(58%,520px);box-shadow:var(--shadow);border-left:0;border-radius:16px 16px 0 0;position:absolute;inset:auto 0 0}.drawer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.detail{grid-template-rows:minmax(200px,42dvh) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.detail__stage{touch-action:pan-y pinch-zoom;padding:12px 52px 28px}.detail__media img,.detail__media video{max-height:calc(42dvh - 40px)}.detail__nav{width:36px;height:36px}.detail__nav--prev{left:8px}.detail__nav--next{right:8px}.detail__position{bottom:8px}.detail__panel{border-top:1px solid var(--border);border-left:0;padding:0 16px 24px}.detail__top{z-index:2;background:var(--panel);margin:0 -16px;padding:10px 16px;position:sticky;top:0}}@media (width<=640px){.tile-panel,.share-panel{width:auto;max-height:calc(100dvh - 16px);position:fixed;top:8px;left:8px;right:8px;overflow-y:auto}.popover-backdrop{background:#0006}.search__panel{max-height:min(70dvh,560px);overflow-y:auto}.search__group{grid-template-columns:minmax(0,1fr);gap:6px}.search__label{padding-top:0}.search__help-row code{min-width:120px}.toasts{top:12px;bottom:auto}.app:has(.selection-bar) .toasts{bottom:auto}}@media (hover:none){.card__check{opacity:1}.search__kbd{display:none}}@media (pointer:coarse){:where(input:not([type=checkbox],[type=radio],[type=range],[type=color]),select,textarea),.select select,.tags__input,.detail__notes,.field input,.drawer__search,.detail__field input,.tile-panel__codes,.tile-panel__input,.creators__input,.set-toggles__new{font-size:16px}.board{-webkit-touch-callout:none}.board-handle{width:calc(24px / var(--zoom));height:calc(24px / var(--zoom))}.board-handle--nw{top:calc(-12px / var(--zoom));left:calc(-12px / var(--zoom))}.board-handle--ne{top:calc(-12px / var(--zoom));right:calc(-12px / var(--zoom))}.board-handle--sw{bottom:calc(-12px / var(--zoom));left:calc(-12px / var(--zoom))}.board-handle--se{right:calc(-12px / var(--zoom));bottom:calc(-12px / var(--zoom))}}