:root{color:#18181b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#fafafa;--panel:#fff;--panel-soft:#f7f7f8;--text:#18181b;--muted:#71717a;--faint:#a1a1aa;--border:#e4e4e7;--border-soft:#eeeeef;--hover:#f4f4f5;--strong:#09090b;--inverse:#fafafa;--shadow-soft:0 18px 60px #0f0f111a;--scrollbar-thumb:#d4d4d8;--scrollbar-thumb-hover:#a1a1aa;background:#fafafa;font-family:Inter,Helvetica Neue,Helvetica,Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0e0f;--panel:#121214;--panel-soft:#171719;--text:#f4f4f5;--muted:#a1a1aa;--faint:#71717a;--border:#27272a;--border-soft:#1f1f22;--hover:#1c1c1f;--strong:#fafafa;--inverse:#111113;--shadow-soft:0 24px 70px #00000057;--scrollbar-thumb:#3f3f46;--scrollbar-thumb-hover:#52525b}*{box-sizing:border-box}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px;min-width:32px;min-height:32px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-button{width:0;height:0;display:none}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}html{background:var(--bg)}body{background:var(--bg);min-height:100vh;color:var(--text);overflow:hidden}button,input,kbd{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:1px solid var(--strong);outline-offset:2px}.app-shell{background:var(--bg);width:100vw;height:100vh;min-height:620px;display:flex;overflow:hidden}.rail{z-index:10;background:var(--panel);border-right:1px solid var(--border);flex:0 0 52px;height:100%;transition:flex-basis .22s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.rail[data-expanded=true]{flex-basis:228px}.rail-primary{z-index:2;background:var(--panel);border-right:1px solid var(--border-soft);flex-direction:column;flex:0 0 52px;align-items:center;width:52px;height:100%;padding:7px 6px;display:flex;position:relative}.brand-mark,.avatar-dot{cursor:pointer;border:0;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.brand-mark{background:var(--strong);color:var(--inverse)}.brand-mark svg{stroke-width:1.55px;width:19px;height:19px}.avatar-dot{background:var(--panel-soft);border:1px solid var(--border);letter-spacing:-.01em;font-size:10px;font-weight:700}.rail-icons{flex-direction:column;gap:3px;margin-top:18px;display:flex}.rail-bottom{flex-direction:column;gap:7px;margin-top:auto;display:flex}.icon-button{cursor:pointer;width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;transition:background .13s,color .13s,transform .13s;display:inline-grid}.icon-button:hover,.icon-button[data-active=true]{background:var(--hover);color:var(--strong)}.icon-button:active{transform:scale(.96)}.icon-button svg{stroke-width:1.65px;width:15px;height:15px}.rail-secondary{opacity:0;pointer-events:none;flex-direction:column;flex:0 0 0;width:0;min-width:0;padding:15px 0 12px;transition:width .22s cubic-bezier(.2,.8,.2,1),flex-basis .22s cubic-bezier(.2,.8,.2,1),padding .22s cubic-bezier(.2,.8,.2,1),opacity .13s,transform .18s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden;transform:translate(-8px)}.rail[data-expanded=true] .rail-secondary{opacity:1;pointer-events:auto;flex-basis:175px;width:175px;padding:15px 12px 12px;transform:translate(0)}.rail-secondary-head,.section-label,.command-label{min-height:22px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;font-weight:650;display:flex}.collection-list{flex-direction:column;gap:2px;margin-top:8px;display:flex}.collection-row{width:100%;height:29px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;padding:0 8px;font-size:12px;display:flex}.collection-row:hover,.collection-row[data-active=true]{background:var(--hover);color:var(--text)}.collection-row span:last-child{color:var(--faint);font-size:10px}.rail-note{border-top:1px solid var(--border-soft);margin-top:auto;padding:12px 7px 2px}.rail-note>span{color:var(--text);font-size:10px;font-weight:650}.rail-note p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.45}.workspace{background:var(--bg);flex:1;grid-template-rows:43px minmax(0,1fr) 27px;min-width:0;height:100%;display:grid}.topbar{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:0 8px 0 14px;display:flex}.topbar-context,.topbar-actions{align-items:center;min-width:0;display:flex}.topbar-context{white-space:nowrap;gap:7px;font-size:11px}.topbar-context strong{font-size:11px;font-weight:600}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:680}.slash,.quiet-count{color:var(--faint)}.quiet-count{font-size:10px}.topbar-actions{gap:5px}.search-trigger{border:1px solid var(--border);background:var(--panel-soft);min-width:165px;height:29px;color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:0 5px 0 8px;font-size:10.5px;display:flex}.search-trigger>svg{stroke-width:1.7px;width:13px;height:13px}.search-trigger kbd{border:1px solid var(--border);background:var(--panel);min-width:36px;height:19px;color:var(--faint);border-radius:4px;justify-content:center;align-items:center;gap:2px;margin-left:auto;font-size:9px;display:flex}.search-trigger kbd svg{width:9px;height:9px}.segmented{border:1px solid var(--border);background:var(--panel-soft);border-radius:6px;align-items:center;height:29px;padding:2px;display:flex}.segmented button{height:23px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 8px;font-size:10px}.segmented button[data-active=true]{background:var(--panel);color:var(--text);box-shadow:0 0 0 1px var(--border)}.archive-content{overscroll-behavior:contain;min-height:0;overflow:auto}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;background:var(--border);grid-auto-rows:clamp(190px,21vw,330px);gap:1px;width:100%;display:grid}.art-card{background:var(--panel);cursor:pointer;opacity:0;min-width:0;min-height:0;animation:.47s cubic-bezier(.2,.8,.2,1) forwards reveal;animation-delay:var(--delay);border:0;padding:0;overflow:hidden;transform:translateY(7px)}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.gallery-grid .art-card[data-size=wide]{grid-column:span 2}.gallery-grid .art-card[data-size=tall]{grid-row:span 2}.gallery-grid .art-card[data-size=hero]{grid-area:span 2/span 2}.art-surface{width:100%;height:100%;min-height:100%;position:relative;overflow:hidden}.art-virtual-shell,.art-virtual-placeholder,.art-visual{width:100%;min-width:0;height:100%;min-height:0}.art-virtual-shell{contain:layout paint;place-items:center;display:grid}.art-virtual-placeholder{pointer-events:none}.art-visual{place-items:center;display:grid}.art-visual>svg{width:84%;height:84%;transition:transform .65s cubic-bezier(.18,.8,.22,1);overflow:visible}.art-card:hover .art-visual>svg{transform:scale(1.025)}.art-overlay{color:#fff;opacity:0;background:#0a0a0a14;flex-direction:column;justify-content:space-between;padding:12px;transition:opacity .16s;display:flex;position:absolute;inset:0}.art-card:hover .art-overlay{opacity:1}.art-overlay>div{letter-spacing:.035em;text-shadow:0 1px 6px #00000040;justify-content:space-between;align-items:center;font-size:9px;font-weight:650;display:flex}.art-overlay svg{width:13px;height:13px}.contact-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px 8px;padding:12px;display:grid}.contact-item{min-width:0}.contact-item .art-card{aspect-ratio:1;width:100%;display:block}.contact-meta{color:var(--faint);justify-content:space-between;gap:8px;margin-top:5px;font-size:8.5px;line-height:1.2;display:flex}.contact-meta span:last-child{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.focus-view{grid-template-rows:minmax(0,1fr) 49px;height:100%;min-height:0;display:grid}.focus-stage{min-height:0;position:relative;overflow:hidden}.focus-stage .art-visual{width:100%;height:100%}.focus-stage .art-visual>svg{width:min(74vh,70vw);height:min(74vh,70vw)}.focus-hit{cursor:zoom-in;background:0 0;border:0;position:absolute;inset:0}.focus-footer{border-top:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;padding:0 10px 0 15px;display:flex}.focus-footer>div,.focus-controls{align-items:center;gap:10px;display:flex}.focus-footer span{color:var(--faint);font-size:9px}.focus-footer strong{font-size:11px;font-weight:630}.statusbar{border-top:1px solid var(--border);background:var(--panel);color:var(--faint);letter-spacing:.035em;justify-content:space-between;align-items:center;padding:0 10px 0 14px;font-size:8.5px;display:flex}.inspection{z-index:60;place-items:center;display:grid;position:fixed;inset:0}.inspection-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09090ba3;border:0;animation:.18s both fade-in;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}}.inspection-shell{z-index:2;border:1px solid var(--border);background:var(--panel);width:min(1180px,100vw - 54px);height:min(760px,100vh - 54px);min-height:460px;box-shadow:var(--shadow-soft);border-radius:10px;grid-template-columns:minmax(0,1fr) 286px;animation:.28s cubic-bezier(.16,.82,.22,1) both inspector-in;display:grid;position:relative;overflow:hidden}@keyframes inspector-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}.inspection-canvas{place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.inspection-canvas[data-tone=paper]{background:#f5f3ee}.inspection-canvas[data-tone=ink]{background:#101012}.inspection-canvas[data-tone=grid]{background-color:#f5f5f4;background-image:linear-gradient(#18181b0e 1px,#0000 1px),linear-gradient(90deg,#18181b0e 1px,#0000 1px);background-size:18px 18px}.inspection-canvas[data-tone=transparent]{background-color:#fff;background-image:linear-gradient(45deg,#e9e9eb 25%,#0000 25%),linear-gradient(-45deg,#e9e9eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9e9eb 75%),linear-gradient(-45deg,#0000 75%,#e9e9eb 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.inspection-art{aspect-ratio:1;width:min(72%,650px);box-shadow:0 0 0 1px #0000000d}.inspection-art .art-visual>svg{width:88%;height:88%}.inspection-nav{background:#121214d1;border:1px solid #ffffff1f;border-radius:7px;gap:4px;padding:3px;display:flex;position:absolute;bottom:12px;left:12px}.inspection-nav .icon-button{color:#d4d4d8}.inspection-nav .icon-button:hover{color:#fff;background:#ffffff1a}.inspector{border-left:1px solid var(--border);background:var(--panel);flex-direction:column;min-width:0;padding:15px;display:flex}.inspector-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.inspector-head h2{letter-spacing:-.025em;margin:5px 0 0;font-size:18px;font-weight:620}.inspector-description{color:var(--muted);margin:22px 0 0;font-size:11px;line-height:1.55}.metadata{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);margin-top:22px;padding:7px 0}.metadata>div{justify-content:space-between;align-items:center;gap:10px;height:26px;font-size:10px;display:flex}.metadata span{color:var(--muted)}.metadata strong{font-size:10px;font-weight:580}.inspector-section{margin-top:18px}.tone-picker{grid-template-columns:1fr 1fr;gap:4px;margin-top:7px;display:grid}.tone-picker button{border:1px solid var(--border);height:29px;color:var(--muted);text-transform:capitalize;cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:6px;padding:0 7px;font-size:9.5px;display:flex}.tone-picker button:hover,.tone-picker button[data-active=true]{border-color:color-mix(in srgb, var(--text) 32%, var(--border));color:var(--text);background:var(--hover)}.tone-picker i{border:1px solid var(--border);border-radius:50%;width:10px;height:10px}.tone-picker i[data-tone=paper]{background:#f5f3ee}.tone-picker i[data-tone=ink]{background:#101012}.tone-picker i[data-tone=grid]{background:#d8d8da}.tone-picker i[data-tone=transparent]{background:#fff;border-style:dashed}.tag-list{flex-wrap:wrap;gap:4px;margin-top:18px;display:flex}.tag-list span{border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:4px 6px;font-size:9px}.inspector-actions{grid-template-columns:1fr 1fr;gap:5px;margin-top:auto;display:grid}.inspector-actions button{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:6px;height:31px;font-size:9.5px;font-weight:560;display:flex}.inspector-actions button:first-child{background:var(--strong);color:var(--inverse);border-color:var(--strong)}.inspector-actions svg{width:12px;height:12px}.command-layer{z-index:90;justify-content:center;padding-top:max(72px,9vh);display:flex;position:fixed;inset:0}.command-dismiss{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#09090b6b;border:0;animation:.13s both fade-in;position:absolute;inset:0}.command-palette{border:1px solid var(--border);background:var(--panel);width:min(560px,100vw - 32px);height:fit-content;max-height:min(600px,100vh - 110px);box-shadow:var(--shadow-soft);border-radius:9px;animation:.18s cubic-bezier(.16,.82,.22,1) both inspector-in;position:relative;overflow:hidden}.command-input{border-bottom:1px solid var(--border);align-items:center;gap:9px;height:48px;padding:0 12px;display:flex}.command-input svg{width:15px;height:15px;color:var(--muted)}.command-input input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:12px}.command-input input::placeholder{color:var(--faint)}.command-input>span{border:1px solid var(--border);color:var(--faint);border-radius:4px;padding:3px 5px;font-size:8px}.command-group{border-bottom:1px solid var(--border-soft);padding:9px}.command-group:last-child{border-bottom:0}.command-label{padding:0 3px 5px}.command-collection-row{gap:4px;display:flex;overflow-x:auto}.command-collection-row button{border:1px solid var(--border);height:27px;color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;padding:0 9px;font-size:9.5px}.command-collection-row button:hover{background:var(--hover);color:var(--text)}.command-results{flex-direction:column;gap:2px;display:flex}.command-results>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;height:49px;padding:5px;display:grid}.command-results>button:hover{background:var(--hover)}.command-thumb{border-radius:3px;width:39px;height:39px;overflow:hidden}.command-thumb .art-visual>svg{width:88%;height:88%}.command-results>button>div:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.command-results strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:590;overflow:hidden}.command-results span{color:var(--faint);font-size:8.5px}@media (width<=1050px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(185px,28vw,320px)}.contact-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.search-trigger{justify-content:center;width:34px;min-width:34px;padding:0}.search-trigger>span,.search-trigger kbd{display:none}}@media (width<=760px){.app-shell{min-height:520px}.rail,.rail[data-expanded=true]{flex-basis:45px}.rail-primary{flex-basis:45px;width:45px;padding-inline:5px}.rail-secondary{display:none}.brand-mark,.avatar-dot{width:34px;height:34px}.workspace{grid-template-rows:42px minmax(0,1fr) 25px}.topbar{padding-left:10px}.topbar-context .eyebrow,.topbar-context .slash,.topbar-context .quiet-count{display:none}.segmented button{max-width:51px;padding-inline:6px;font-size:8px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:44vw}.gallery-grid .art-card[data-size=wide],.gallery-grid .art-card[data-size=hero]{grid-column:span 2}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 6px;padding:8px}.inspection-shell{grid-template-rows:minmax(0,1fr) 260px;grid-template-columns:1fr;width:calc(100vw - 22px);height:calc(100vh - 22px)}.inspector{border-left:0;border-top:1px solid var(--border);padding:11px;overflow:auto}.inspector-description,.metadata,.inspector-section,.tag-list{margin-top:10px}.inspector-actions{margin-top:12px}.statusbar span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.archive-content[data-mode=focus]{background:var(--panel-soft);overflow:hidden}.focus-back{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;margin-left:-7px;display:grid}.focus-back:hover{color:var(--text);background:var(--hover)}.focus-back svg{width:13px;height:13px}.focus-workspace{background:var(--panel-soft);grid-template-rows:minmax(0,1fr) 64px;width:100%;height:100%;min-height:0;display:grid}.focus-main{grid-template-columns:minmax(0,1fr) 294px;min-width:0;min-height:0;display:grid}.focus-canvas{border-right:1px solid var(--border);min-width:0;min-height:0;transition:background-color .18s;position:relative;overflow:hidden}.focus-canvas[data-tone=art]{background:var(--art-surface)}.focus-canvas[data-tone=paper]{background:#f1efe9}.focus-canvas[data-tone=ink]{background:#0c0c0e}.focus-canvas[data-tone=grid]{background-color:#f4f4f3;background-image:linear-gradient(#18181b0b 1px,#0000 1px),linear-gradient(90deg,#18181b0b 1px,#0000 1px);background-size:20px 20px}.focus-canvas[data-tone=transparent]{background-color:#f8f8f8;background-image:linear-gradient(45deg,#e5e5e7 25%,#0000 25%),linear-gradient(-45deg,#e5e5e7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e5e7 75%),linear-gradient(-45deg,#0000 75%,#e5e5e7 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.zoom-pan-viewport{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;position:absolute;inset:0;overflow:hidden}.zoom-pan-viewport[data-dragging=true]{cursor:grabbing}.zoom-pan-camera{aspect-ratio:1;transform-origin:50%;contain:layout paint;width:min(62vh,54vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.focus-artboard{width:100%;height:100%;overflow:hidden;box-shadow:0 0 0 1px #18181b12,0 14px 34px #18181b0e}.dark .focus-artboard{box-shadow:0 0 0 1px #ffffff0f,0 18px 44px #0000002e}.focus-artboard .art-visual,.focus-artboard .art-visual>svg{width:100%;height:100%}.viewport-hint{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--panel) 89%,transparent);height:26px;color:var(--faint);letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:.74;border-radius:6px;align-items:center;gap:7px;padding:0 8px;font-size:8.5px;transition:opacity .16s;display:flex;position:absolute;top:13px;left:13px}.zoom-pan-viewport:hover .viewport-hint{opacity:1}.viewport-hint svg{stroke-width:1.6px;width:11px;height:11px}.viewport-controls,.focus-sequence{border:1px solid color-mix(in srgb,var(--border) 86%,transparent);background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:7px;align-items:center;height:30px;padding:2px;display:flex;position:absolute;bottom:13px}.viewport-controls{right:13px;box-shadow:0 4px 18px #00000009}.focus-sequence{z-index:4;left:13px}.viewport-controls button,.focus-sequence button{width:25px;height:25px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.viewport-controls button:hover,.focus-sequence button:hover{background:var(--hover);color:var(--text)}.viewport-controls button svg,.focus-sequence svg{stroke-width:1.7px;width:12px;height:12px}.viewport-controls>span,.focus-sequence span{text-align:center;color:var(--faint);font-variant-numeric:tabular-nums;font-size:8.5px}.viewport-controls>span{width:43px}.focus-sequence span{width:48px}.viewport-controls>i{background:var(--border);width:1px;height:14px;margin:0 2px}.focus-details{background:var(--panel);flex-direction:column;min-width:0;min-height:0;padding:20px 17px 14px;display:flex;overflow-y:auto}.focus-details-head h1{letter-spacing:-.035em;margin:6px 0 0;font-size:22px;font-weight:620;line-height:1.08}.focus-details-head p{color:var(--muted);margin:14px 0 0;font-size:10.5px;line-height:1.58}.focus-record{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);margin-top:20px;padding:8px 0}.focus-record>div{justify-content:space-between;align-items:center;gap:12px;min-height:25px;font-size:9.5px;display:flex}.focus-record span{color:var(--muted)}.focus-record strong{color:var(--text);text-align:right;font-size:9.5px;font-weight:570}.focus-detail-section{margin-top:17px}.surface-switcher{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px;display:grid}.surface-switcher button{border:1px solid var(--border);min-width:0;height:40px;color:var(--faint);cursor:pointer;background:0 0;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px;display:flex}.surface-switcher button:hover,.surface-switcher button[data-active=true]{border-color:color-mix(in srgb,var(--text) 35%,var(--border));background:var(--hover);color:var(--text)}.surface-switcher i{border:1px solid var(--border);border-radius:50%;width:13px;height:13px}.surface-switcher i[data-tone=art]{background:var(--art-surface)}.surface-switcher i[data-tone=paper]{background:#f1efe9}.surface-switcher i[data-tone=ink]{background:#111113}.surface-switcher i[data-tone=grid]{background:#d8d8da}.surface-switcher i[data-tone=transparent]{background:#fff;border-style:dashed}.surface-switcher span{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:7.5px;overflow:hidden}.focus-tags{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.focus-tags span{border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:4px 6px;font-size:8.5px}.focus-utility-actions{grid-template-columns:1fr 1fr;gap:5px;margin-top:18px;display:grid}.focus-utility-actions button{border:1px solid var(--border);background:var(--panel);height:30px;color:var(--muted);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:6px;font-size:9px;font-weight:560;display:flex}.focus-utility-actions button:first-child{background:var(--strong);border-color:var(--strong);color:var(--inverse)}.focus-utility-actions button svg{width:11px;height:11px}.focus-neighbor{margin-top:auto;padding-top:22px}.focus-neighbor>div{grid-template-columns:1fr 1fr;gap:5px;margin-top:6px;display:grid}.focus-neighbor button{border:1px solid var(--border-soft);text-align:left;cursor:pointer;background:0 0;border-radius:5px;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:48px;padding:7px;display:flex}.focus-neighbor button:hover{background:var(--hover);border-color:var(--border)}.focus-neighbor button>span{color:var(--faint);text-transform:uppercase;letter-spacing:.055em;font-size:7.5px}.focus-neighbor strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:560;overflow:hidden}.focus-filmstrip{border-top:1px solid var(--border);background:var(--panel);scrollbar-width:thin;align-items:center;gap:4px;min-width:0;height:64px;padding:7px 9px;display:flex;overflow:auto hidden}.focus-filmstrip>button{cursor:pointer;opacity:.52;background:0 0;border:1px solid #0000;border-radius:5px;flex:0 0 50px;width:50px;height:49px;padding:2px;transition:opacity .12s,border-color .12s,background .12s;position:relative}.focus-filmstrip>button:hover{opacity:.82;background:var(--hover)}.focus-filmstrip>button[data-active=true]{opacity:1;border-color:var(--border);background:var(--panel-soft)}.focus-filmstrip>button>div{border-radius:2px;width:100%;height:36px;overflow:hidden}.focus-filmstrip .art-visual>svg{width:88%;height:88%}.focus-filmstrip>button>span{color:var(--faint);font-size:6.5px;line-height:1;position:absolute;bottom:1px;right:3px}@media (width<=900px){.focus-main{grid-template-columns:minmax(0,1fr) 238px}.focus-details{padding:15px 12px 11px}.focus-details-head h1{font-size:18px}.surface-switcher{grid-template-columns:repeat(2,1fr)}.zoom-pan-camera{width:min(58vh,58vw)}}@media (width<=680px){.focus-workspace{grid-template-rows:minmax(0,1fr) 52px}.focus-main{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.focus-canvas{border-right:0;border-bottom:1px solid var(--border)}.focus-details{min-height:auto;padding:9px 12px 8px;overflow:visible}.focus-details-head p,.focus-record,.focus-detail-section,.focus-neighbor{display:none}.focus-details-head{align-items:baseline;gap:8px;min-height:22px;display:flex}.focus-details-head h1{margin:0;font-size:16px;line-height:1.15}.focus-utility-actions{margin-top:7px}.focus-utility-actions button{height:29px}.focus-filmstrip{height:52px;padding:4px 9px}.focus-filmstrip>button{flex-basis:43px;width:43px;height:43px}.focus-filmstrip>button>div{height:30px}.zoom-pan-camera{width:min(64vh,76vw)}.viewport-hint{display:none}}@media (prefers-reduced-motion:reduce){.zoom-pan-camera{will-change:auto}}.premium-scroll-shell{min-width:0;min-height:0;position:relative;overflow:hidden}.archive-scroll-shell{min-height:0}.archive-scroll-shell>.archive-content{width:100%;height:100%}.focus-details-shell{background:var(--panel);min-width:0;min-height:0}.focus-details-shell>.focus-details{width:100%;height:100%}.focus-filmstrip-shell{background:var(--panel);min-width:0;height:64px}.focus-filmstrip-shell>.focus-filmstrip{width:100%;height:100%}.premium-scroll-viewport{-ms-overflow-style:none;scrollbar-width:none!important}.premium-scroll-viewport::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.command-collection-row{scrollbar-width:none;-ms-overflow-style:none}.command-collection-row::-webkit-scrollbar{width:0;height:0;display:none}.premium-scrollbar{z-index:45;opacity:0;pointer-events:auto;touch-action:none;transition:opacity .15s;position:absolute}.premium-scrollbar[data-hidden=true]{pointer-events:none;opacity:0!important}.premium-scroll-shell:hover>.premium-scrollbar:not([data-hidden=true]),.premium-scrollbar[data-active=true],.premium-scrollbar[data-dragging=true]{opacity:.78}.premium-scrollbar:hover,.premium-scrollbar[data-dragging=true]{opacity:1!important}.premium-scrollbar:before{content:"";background:0 0;border-radius:999px;transition:background .14s;position:absolute}.premium-scrollbar:hover:before,.premium-scrollbar[data-dragging=true]:before{background:color-mix(in srgb, var(--border) 44%, transparent)}.premium-scrollbar[data-orientation=vertical]{width:8px;top:7px;bottom:7px;right:3px}.premium-scrollbar[data-orientation=vertical]:before{inset:0 1px}.premium-scrollbar[data-orientation=horizontal]{height:8px;bottom:2px;left:9px;right:9px}.premium-scrollbar[data-orientation=horizontal]:before{inset:1px 0}.premium-scrollbar-thumb{background:color-mix(in srgb, var(--text) 28%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--panel) 26%, transparent), 0 1px 2px #00000014;will-change:transform;border-radius:999px;transition:width .12s,height .12s,background .12s,box-shadow .12s;position:absolute}.premium-scrollbar[data-orientation=vertical] .premium-scrollbar-thumb{width:3px;min-height:28px;top:0;right:1px}.premium-scrollbar[data-orientation=horizontal] .premium-scrollbar-thumb{min-width:28px;height:3px;bottom:1px;left:0}.premium-scrollbar:hover .premium-scrollbar-thumb,.premium-scrollbar[data-dragging=true] .premium-scrollbar-thumb{background:color-mix(in srgb, var(--text) 45%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--panel) 35%, transparent), 0 1px 3px #0000001f}.premium-scrollbar[data-orientation=vertical]:hover .premium-scrollbar-thumb,.premium-scrollbar[data-orientation=vertical][data-dragging=true] .premium-scrollbar-thumb{width:5px}.premium-scrollbar[data-orientation=horizontal]:hover .premium-scrollbar-thumb,.premium-scrollbar[data-orientation=horizontal][data-dragging=true] .premium-scrollbar-thumb{height:5px}.dark .premium-scrollbar-thumb{background:#d4d4d84d;box-shadow:inset 0 0 0 1px #ffffff0b,0 1px 2px #0000003d}.dark .premium-scrollbar:hover .premium-scrollbar-thumb,.dark .premium-scrollbar[data-dragging=true] .premium-scrollbar-thumb{background:#e4e4e780}@media (width<=680px){.focus-details-shell{min-height:auto;overflow:visible}.focus-details-shell>.focus-details{height:auto}.focus-details-shell>.premium-scrollbar{display:none}.focus-filmstrip-shell{height:52px}.premium-scrollbar[data-orientation=horizontal]{bottom:1px}}