@font-face{font-family:Inter Tight;font-weight:700;font-style:normal;src:url(/fonts/InterTight-Bold.ttf) format("truetype");font-display:block}@font-face{font-family:DM Sans;font-weight:300;font-style:normal;src:url(/fonts/DMSans-Light.ttf) format("truetype");font-display:block}:root{--bg: #edeae2;--ink: #151311;--mid: rgba(21, 19, 17, .45);--mid-text: rgba(21, 19, 17, .62);--border: rgba(21, 19, 17, .12);--faint: rgba(21, 19, 17, .06);--wash: rgba(21, 19, 17, .03);--lift: 0 8px 24px rgba(21, 19, 17, .16);--accent: #ffff00;--t-1: .12s;--t-2: .2s;--t-3: .32s;--e-out: cubic-bezier(.22, 1, .36, 1);--e-inout: cubic-bezier(.65, 0, .35, 1);--e-settle: cubic-bezier(.3, 1.4, .5, 1)}.t-wordmark{font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:11px;line-height:1;letter-spacing:.18em;text-transform:uppercase}.t-wordmark-display{font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:14px;line-height:1;letter-spacing:.32em;text-transform:uppercase}.t-head{font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:10px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.t-button{font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:10px;line-height:1;letter-spacing:.12em;text-transform:uppercase}.t-label{font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:8px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.t-whisper{font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:7px;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}.t-code{font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:8px;line-height:1.4;letter-spacing:.07em;text-transform:uppercase}.b-hero{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:15px;line-height:1.6;letter-spacing:0}.b-body{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:13px;line-height:1.6;letter-spacing:0}.b-input{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:12px;line-height:1.5;letter-spacing:0}.b-meta{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:11px;line-height:1.5;letter-spacing:0}.b-micro{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:8px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;background:none;border:none}a{text-decoration:none}body{font-family:DM Sans,system-ui,sans-serif;font-weight:300;background:var(--bg);color:var(--ink)}#app-shell{height:100dvh;overflow:hidden;display:flex;flex-direction:column}#main-header{height:48px;padding:0 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;flex-shrink:0}#main-header>.t-wordmark{justify-self:start}#main-header>#board-switcher{justify-self:center}#main-header>.header-right{justify-self:end}.header-right{display:flex;align-items:center;gap:16px}#board-switcher{display:inline-flex;align-items:center;gap:5px;color:var(--ink);max-width:200px}.board-switcher-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-switcher-chev{color:var(--mid);font-size:8px;line-height:1;transition:transform var(--t-1) var(--e-out),color var(--t-1)}#board-switcher:hover .board-switcher-chev{color:var(--ink)}#board-switcher[aria-expanded=true] .board-switcher-chev{transform:rotate(180deg)}.board-dropdown{position:fixed;z-index:2000;min-width:200px;max-width:300px;padding:6px 0;background:var(--bg);border:.5px solid var(--border);box-shadow:0 4px 16px #1513111a;opacity:0;transform:translateY(-4px);transition:opacity var(--t-1) var(--e-out),transform var(--t-1) var(--e-out)}.board-dropdown--open{opacity:1;transform:none}.board-dropdown-row{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;text-align:left;color:var(--ink)}.board-dropdown-mark{width:6px;color:var(--ink)}.board-dropdown-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-dropdown-count{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:8px;color:var(--mid)}.board-dropdown-rule{height:0;border-top:.5px solid var(--border);margin:4px 0}.board-dropdown-new{display:block;width:100%;padding:6px 12px;text-align:left;color:var(--mid);transition:color var(--t-1)}.board-dropdown-new:hover{color:var(--ink)}.cta-ink{background:var(--ink);color:var(--bg);padding:8px 14px;border:none}.canvas-btn{font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mid);display:flex;align-items:center;gap:7px;transition:color var(--t-1)}.canvas-btn:hover{color:var(--ink)}.canvas-btn-dot{width:16px;height:16px;border-radius:50%;border:1px solid currentColor;display:block}#app-layout{flex:1;display:flex;overflow:hidden;min-height:0}#canvas-area{flex:1;position:relative;overflow:hidden;background:var(--bg);cursor:grab;touch-action:none}#canvas-area:active{cursor:grabbing}.canvas-area--placing{cursor:crosshair}.held-chip{position:fixed;width:12px;height:12px;background:var(--accent);pointer-events:none;z-index:1500}.drag-ghost{position:fixed;left:-9999px;top:-9999px;width:40px;height:40px;transform:translate(-50%,-50%);opacity:.9;box-shadow:var(--lift);background:var(--mid);pointer-events:none;z-index:1500}.marquee{position:absolute;border:.5px solid var(--ink);background:var(--wash);pointer-events:none;z-index:6}.snap-guide{position:absolute;background:var(--ink);opacity:.6;pointer-events:none;z-index:6}.snap-guide--v{top:0;bottom:0;width:.5px}.snap-guide--h{left:0;right:0;height:.5px}#canvas-surface{position:absolute;width:4000px;height:3000px;top:0;left:0;transform-origin:0 0;--zoom: 1}.surface--animating{transition:transform var(--t-2) var(--e-out)}.surface--pan-animating{transition:transform var(--t-3) var(--e-out)}.zoom-indicator{position:absolute;left:16px;bottom:16px;min-width:48px;min-height:24px;box-sizing:border-box;padding:4px 8px;display:flex;align-items:center;justify-content:center;color:var(--mid-text);background:var(--bg);border:.5px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity var(--t-1);z-index:5}.zoom-indicator--visible{opacity:1}.zoom-indicator[hidden]{display:none}#tray{width:300px;flex-shrink:0;border-left:.5px solid var(--border);display:flex;flex-direction:column;background:var(--bg);overflow:hidden;transition:transform var(--t-2) var(--e-out),width var(--t-2) var(--e-inout),border-color var(--t-2);--strip-h: 28px;--strip-block-w: 20px;--thumb-size: 88px;--thumb-cols: 3;--section-pad-top: 10px;--material-label-lines: 2}.tray-header{border-bottom:.5px solid var(--border);flex-shrink:0;display:flex;flex-direction:column}.tray-header-row1{height:36px;display:flex;align-items:center;position:relative}.tray-board-name{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px;flex:1;min-width:0;text-align:center}.save-dot{position:absolute;right:12px;width:6px;height:6px;border-radius:50%;background:transparent;opacity:0;transition:opacity var(--t-1),background var(--t-1),box-shadow var(--t-1)}.save-dot[data-state=saving]{opacity:1;background:var(--mid);animation:save-dot-pulse .6s var(--e-inout) infinite}.save-dot[data-state=saved]{opacity:1;background:var(--ink)}.save-dot[data-state=idle]{opacity:0;transition:opacity .4s var(--e-inout)}.save-dot[data-state=failed]{opacity:1;background:transparent;box-shadow:0 0 0 1.5px var(--ink);transition:none}@keyframes save-dot-pulse{0%{opacity:.45}50%{opacity:.2}to{opacity:.45}}.tray-header-row2{height:28px;display:flex;align-items:stretch;border-top:.5px solid var(--border)}.tray-action-link{color:var(--mid-text);flex:1;height:100%;display:flex;align-items:center;justify-content:center;transition:color var(--t-1)}.tray-action-link:hover{color:var(--ink)}.tray-action-link+.tray-action-link{border-left:.5px solid var(--border)}.tray-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.tray-scroll::-webkit-scrollbar{display:none}.tray-scroll{scrollbar-width:none}.tray-section-header{position:sticky;z-index:5;background:var(--bg);color:var(--mid-text);padding:var(--section-pad-top) 12px 6px}.tray-section-header--colours{top:0}.tray-section-header--materials{top:28px}.tray-strip{height:var(--strip-h);display:flex;align-items:center;cursor:pointer;position:relative;border-left:1.5px solid transparent}.tray-strip:hover{background:var(--wash)}.tray-strip.is-selected,.tray-strip:focus-visible{border-left-color:var(--ink);outline:none}.tray-strip-block{width:var(--strip-block-w);height:100%;flex-shrink:0;position:relative}.tray-strip-text{display:flex;align-items:baseline;gap:6px;padding:0 10px;overflow:hidden;white-space:nowrap}.tray-strip-code{color:var(--ink);flex-shrink:0}.tray-strip-name{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:8px;color:var(--mid-text);overflow:hidden;text-overflow:ellipsis}.tray-strips--names-hover .tray-strip-name{opacity:0;transition:opacity var(--t-1)}.tray-strips--names-hover .tray-strip:hover .tray-strip-name{opacity:1}.tray-code-band{color:var(--mid);padding:2px 12px 4px}.tray-grid{display:grid;grid-template-columns:repeat(var(--thumb-cols),1fr);gap:4px;padding:0 8px 8px}.tray-thumb{position:relative;cursor:pointer;outline:1px solid transparent;outline-offset:-1px}.tray-thumb-fill{width:100%;aspect-ratio:1 / 1;background:var(--mid);overflow:hidden}.tray-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.tray-thumb:hover{outline-color:var(--ink)}.tray-thumb.is-selected,.tray-thumb:focus-visible{outline:1.5px solid var(--ink);outline-offset:-1.5px}.tray-thumb-label{color:var(--mid-text);padding:2px 2px 0;white-space:pre-line;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--material-label-lines);text-transform:none;letter-spacing:0}.tray-empty{padding:6px 12px 12px}.tray-empty-line{color:var(--mid-text)}.tray-empty-link{color:var(--ink)}.tray-empty-link:hover{text-decoration:underline}.tray-empty-wink{color:var(--mid-text);margin-top:4px}.tray-footer{height:32px;padding:0 12px;border-top:.5px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.tray-footer-link{color:var(--mid-text);letter-spacing:.06em;white-space:nowrap;cursor:pointer;transition:color var(--t-1)}.tray-footer-link:hover{color:var(--ink)}.tray-footer-link--inert{cursor:default}.tray-drawer-bar{display:none}.tray-drawer-label{color:var(--mid-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tray-drawer-capture-slot{flex-shrink:0}.tray-drawer-capture{color:var(--ink);cursor:pointer;padding:0 8px}.tray-drawer-capture .capture-input{display:none}body.readonly .tray-drawer-capture{opacity:.3}.tray-drawer-toggle{color:var(--mid);flex-shrink:0;cursor:pointer;padding:0 4px;transition:color var(--t-1)}.tray-drawer-toggle:hover{color:var(--ink)}.tile{position:absolute;-webkit-user-select:none;user-select:none;cursor:grab}.tile-swatch{display:flex;flex-direction:column}.swatch-color{flex-shrink:0;position:relative}.swatch-color:before,.tray-strip-block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.swatch-color[data-finish=matte]:before,.tray-strip-block[data-finish=matte]:before{background:linear-gradient(135deg,#ffffff08,#00000008)}.swatch-color[data-finish=satin]:before,.tray-strip-block[data-finish=satin]:before{background:linear-gradient(135deg,#ffffff1f,#fff0 55%,#0000000f)}.swatch-color[data-finish=gloss]:before,.tray-strip-block[data-finish=gloss]:before{background:linear-gradient(135deg,#ffffff59,#ffffff14 40%,#0000 60%,#0000001f)}.tile--dragging.tile-swatch .swatch-color,.tile--dragging.tile-photo{box-shadow:var(--lift)}@keyframes tile-settle{0%{transform:scale(1.015)}to{transform:scale(1)}}.tile--settling{animation:tile-settle .12s var(--e-settle)}.resize-handle{position:absolute;bottom:-11px;right:-11px;width:22px;height:22px;background:transparent;opacity:0;cursor:nwse-resize;transform:scale(calc(1 / var(--zoom, 1)));transform-origin:bottom right;transition:opacity var(--t-1),transform var(--t-1) var(--e-out);z-index:2}.resize-handle:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);background:var(--accent);border-radius:50%}.tile--selected .resize-handle{opacity:1}.tile--selected .resize-handle:hover{transform:scale(calc(1.15 / var(--zoom, 1)))}.swatch-label{font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);padding-top:5px;line-height:1.5;user-select:text;-webkit-user-select:text}.tile-photo{display:block;overflow:visible;background:var(--mid)}.photo-img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.photo-caption{position:absolute;bottom:0;left:0;right:0;font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:8px;letter-spacing:.07em;color:var(--bg);padding:6px;line-height:1.5;opacity:.9;user-select:text;-webkit-user-select:text}.swatch-label[contenteditable=true]{outline:none;cursor:text;-webkit-user-select:text;user-select:text;border-bottom:.5px solid var(--ink)}.photo-caption[contenteditable=true]{outline:none;cursor:text;-webkit-user-select:text;user-select:text;opacity:1;border-bottom:.5px solid rgba(237,234,226,.6)}.tile:has([contenteditable=true]){cursor:default}.canvas-picker{position:fixed;background:var(--bg);border:.5px solid var(--border);padding:10px;z-index:2000;box-shadow:var(--lift)}.canvas-picker-grid{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.canvas-picker-row{display:flex;align-items:center;gap:4px}.canvas-picker-row-label{color:var(--mid);writing-mode:vertical-rl;transform:rotate(180deg);width:10px;text-align:center;white-space:nowrap}.canvas-picker-swatch{width:20px;height:20px;border-radius:50%;border:.5px solid var(--border);padding:0;cursor:pointer;transition:transform var(--t-1) var(--e-out)}.canvas-picker-swatch:hover{transform:scale(1.2);z-index:1;position:relative}.canvas-picker-swatch--active{box-shadow:inset 0 0 0 1.5px var(--ink)}.canvas-picker-tip{position:absolute;color:var(--mid);background:var(--bg);border:.5px solid var(--border);padding:2px 4px;white-space:nowrap;pointer-events:none;transform:translate(-50%);z-index:1}.canvas-picker-input{width:100%;font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:8px;letter-spacing:.07em;border:.5px solid var(--border);background:transparent;padding:5px 7px;color:var(--ink);outline:none}.canvas-picker-input::placeholder{color:var(--mid)}.canvas-picker-input--invalid{border-color:var(--ink)}.canvas-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:1;transition:opacity .5s var(--e-out)}.canvas-hint--out{opacity:0}.canvas-hint-line1{color:#151311d9}.canvas-hint-group2{margin-top:12px;color:var(--mid-text)}.canvas-hint-group3{margin-top:16px;color:var(--mid-text)}.tile--arriving{opacity:0;transform:translateY(6px) scale(.985)}.tile--arrived{opacity:1;transform:none;transition:opacity var(--t-3) var(--e-out),transform var(--t-3) var(--e-out)}#canvas-surface.surface--arriving{pointer-events:none}.hero{position:absolute;left:24px;bottom:24px;max-width:420px;pointer-events:none;z-index:5}.hero-label{color:#151311e6}.hero-sentence,.hero-live{margin-top:8px;color:#151311d9}.hero-trial{margin-top:8px;color:var(--mid-text)}.hero-cta{margin-top:16px;pointer-events:auto}.hero-noaccount{margin-top:8px;color:var(--mid-text)}.permanence-nudge{display:flex;align-items:baseline;gap:8px;margin-top:16px;color:var(--mid-text);pointer-events:auto}.permanence-nudge-link{color:var(--ink);cursor:pointer}.permanence-nudge-dismiss{color:var(--mid)}.permanence-nudge--alone{position:absolute;left:24px;bottom:24px;margin-top:0;z-index:5}#below-fold{background:var(--bg);padding:96px 24px 0}.fold-statements{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:48px;color:#151311cc}.fold-board{max-width:480px;margin:96px auto 0}.fold-board-frame{position:relative;width:100%;aspect-ratio:3 / 2;background:#d4cfc4}.fold-board-tile{position:absolute}.fold-board-caption{margin-top:12px;text-align:center;color:var(--mid)}.fold-price{max-width:480px;margin:96px auto 0;text-align:center;color:#151311bf}.fold-price .cta-ink{margin-top:24px}.fold-footer{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-top:96px;padding:32px 0;color:var(--mid)}.fold-footer-sep{color:var(--mid)}.fold-footer-link{color:var(--mid);transition:color var(--t-1)}.fold-footer-link:hover{color:var(--ink)}body[data-session=in] #hero,body[data-session=in] #below-fold,body[data-session=in] [data-cta=start-free]{display:none}.mark-disc{display:inline-block;border-radius:50%;background:var(--accent)}.identity-lockup{position:relative;display:inline-flex;align-items:center;height:var(--disc-px)}.identity-lockup-line{position:absolute;left:calc(var(--disc-px) * .55);top:50%;width:calc(var(--disc-px) * 1.85);height:max(calc(var(--disc-px) * .07),1px);background:var(--ink);transform:translateY(-50%)}.identity-lockup-word{position:relative;margin-left:calc(var(--disc-px) * 1.9);color:var(--ink);white-space:nowrap}.archive-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.archive-status-brand{display:flex;align-items:center;justify-content:center;font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.9;white-space:nowrap}@keyframes archive-metronome-pulse{0%,to{opacity:.45}50%{opacity:1}}.archive-status-brand .mark-disc{margin:0 8px;animation:archive-metronome-pulse 1.2s var(--e-inout) infinite}.archive-status-message{margin-top:8px;font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--mid-text)}.archive-status-retry{pointer-events:auto;display:inline-block;margin-top:16px;height:44px;padding:0 24px;background:var(--ink);color:var(--bg);border:none;border-radius:0;cursor:pointer}#tray.tray--collapsed{width:28px;overflow:hidden}#tray.tray--collapsed .tray-board-name,#tray.tray--collapsed .save-dot,#tray.tray--collapsed .tray-header-row2,#tray.tray--collapsed .tray-scroll,#tray.tray--collapsed .tray-footer{display:none}@media(max-width:1023px){#tray:not(.tray--collapsed){width:220px}.tray-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){#app-layout{padding-bottom:calc(40px + env(safe-area-inset-bottom))}#tray{position:fixed;left:0;right:0;bottom:0;width:100%;height:calc(40px + env(safe-area-inset-bottom));border-left:none;border-top:.5px solid var(--border);z-index:2300;transition:height var(--t-2) var(--e-out)}#tray.tray--drawer-open{height:calc(60vh + env(safe-area-inset-bottom))}.tray-drawer-bar{display:flex;align-items:center;gap:8px;height:40px;flex-shrink:0;padding:0 12px;border-bottom:.5px solid var(--border)}.tray-toggle{display:none}.tray-scroll{flex:1}.resize-handle{width:44px;height:44px;bottom:-22px;right:-22px}}.tray-toggle{font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:10px;color:var(--mid);padding:0 2px 0 6px;flex-shrink:0;transition:color var(--t-1);position:absolute;left:0}.tray-toggle:hover{color:var(--ink)}.canvas-btn-dot{background:var(--bg)}.swatch-picker{position:fixed;background:var(--bg);border:.5px solid var(--border);padding:8px;z-index:2000;box-shadow:var(--lift)}.swatch-picker-input{width:100px;font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:8px;letter-spacing:.07em;border:.5px solid var(--border);background:transparent;padding:5px 7px;color:var(--ink);outline:none;display:block}.swatch-picker-input::placeholder{color:var(--mid)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);background:var(--ink);color:var(--bg);font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:8px;letter-spacing:.12em;text-transform:uppercase;padding:10px 16px;opacity:0;pointer-events:none;transition:opacity var(--t-1) var(--e-out),transform var(--t-1) var(--e-out);z-index:3000}.toast.toast--visible{opacity:1;transform:translate(-50%)}.toast-action{text-decoration:none;cursor:pointer}.toast-action:hover{text-decoration:underline}.slide-panel{position:fixed;top:48px;right:0;bottom:0;width:320px;background:var(--bg);border-left:.5px solid var(--border);display:flex;flex-direction:column;z-index:2400;transform:translate(320px);transition:transform var(--t-2) ease-in}.slide-panel--open{transform:translate(0);transition:transform var(--t-2) var(--e-out)}.slide-panel-header{height:48px;flex-shrink:0;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:.5px solid var(--border)}.slide-panel-dismiss{font-family:DM Sans,system-ui,sans-serif;font-size:14px;line-height:1;color:var(--mid);background:none;border:none;padding:0;cursor:pointer;transition:color var(--t-1)}.slide-panel-dismiss:hover{color:var(--ink)}.slide-panel-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px}.panel-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000026;opacity:0;pointer-events:none;z-index:2350;transition:opacity var(--t-2) var(--e-out)}@media(max-width:767px){.slide-panel{top:auto;left:0;right:0;bottom:0;width:100%;max-height:80vh;border-left:none;border-top:.5px solid var(--border);transform:translateY(100%)}.slide-panel--open{transform:translateY(0)}.panel-dim--visible{opacity:1;pointer-events:auto}}.slide-panel-body.ral-picker-body{padding:0;overflow:hidden;display:flex;flex-direction:column}.ral-libraries{display:flex;align-items:center;gap:6px;padding:12px 20px;border-bottom:.5px solid var(--border);color:var(--mid)}.ral-lib{color:var(--mid);pointer-events:none}.ral-lib--active{color:var(--ink)}.ral-lib-sep{color:var(--mid)}.ral-search-wrap{padding:12px 20px;border-bottom:.5px solid var(--border)}.ral-search{width:100%;height:36px;padding:0 12px;border:.5px solid var(--border);background:transparent;color:var(--ink);outline:none}.ral-search::placeholder{color:var(--mid)}.ral-search:focus{border-color:var(--ink)}.ral-finish{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:.5px solid var(--border)}.ral-finish-label{color:var(--mid)}.ral-finish-chip{background:none;border:none;padding:2px 0;cursor:pointer;color:var(--mid);border-bottom:.5px solid transparent}.ral-finish-chip--active{color:var(--ink);border-bottom-color:var(--ink)}.ral-hues{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:8px 20px;border-bottom:.5px solid var(--border)}.ral-hues[hidden]{display:none}.ral-hue{background:none;border:none;padding:2px 0;cursor:pointer;color:var(--mid);border-bottom:1px solid transparent}.ral-hue--active{color:var(--ink);border-bottom-color:var(--ink)}.ral-deck{flex:1;overflow-y:auto;position:relative;scrollbar-width:none}.ral-deck::-webkit-scrollbar{display:none}.ral-group-header{display:flex;justify-content:space-between;align-items:baseline;padding:8px 20px 6px;border-bottom:.5px solid var(--border);color:var(--mid)}.ral-group-series{color:var(--mid)}.ral-strip{display:flex;align-items:stretch;height:28px;cursor:pointer}.ral-strip:hover{background:var(--wash)}.ral-strip-block{width:20px;flex-shrink:0}.ral-strip-text{flex:1;display:flex;align-items:center;gap:6px;padding:0 12px;min-width:0}.ral-strip-code{color:var(--ink);flex-shrink:0}.ral-strip-name{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:8px;letter-spacing:0;color:var(--mid-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ral-specimen{display:flex;align-items:center;gap:12px;height:56px;padding:8px 20px;border-bottom:.5px solid var(--border);cursor:pointer}.ral-specimen:hover{background:var(--wash)}.ral-specimen-swatch{width:40px;height:40px;flex-shrink:0}.ral-specimen-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ral-specimen-code{color:var(--ink)}.ral-specimen-name{color:var(--mid-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ral-specimen-place{color:var(--mid);flex-shrink:0}.ral-nav--active{background:var(--wash);box-shadow:inset 1.5px 0 0 0 var(--ink)}.ral-empty{padding:20px;text-align:center;color:var(--mid)}.ral-caveat{flex-shrink:0;padding:8px 20px;border-top:.5px solid var(--border);color:var(--mid)}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;width:100%;background:var(--bg);border-top:.5px solid var(--border);z-index:2600;padding-bottom:env(safe-area-inset-bottom);transform:translateY(100%);transition:transform var(--t-2) ease-in}.bottom-sheet--open{transform:translateY(0);transition:transform var(--t-2) var(--e-out)}.bottom-sheet-body{padding:24px;display:flex;flex-direction:column}.sheet-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000026;opacity:0;pointer-events:none;z-index:2550;transition:opacity var(--t-2) var(--e-out)}.sheet-dim--visible{opacity:1;pointer-events:auto}.bottom-sheet-heading{color:var(--ink);margin-bottom:12px}.bottom-sheet-copy{color:var(--mid-text);margin-bottom:16px}.bottom-sheet-copy p{margin:0 0 4px}.bottom-sheet-input{width:100%;font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:12px;border:.5px solid var(--border);background:transparent;padding:0 12px;height:44px;color:var(--ink);outline:none;margin-bottom:8px}.bottom-sheet-input:focus{border-color:var(--ink)}.bottom-sheet-input::placeholder{color:var(--mid)}.bottom-sheet-primary{width:100%;height:44px;background:var(--ink);color:var(--bg);border:none;cursor:pointer}.bottom-sheet-cancel{width:100%;height:44px;background:none;border:none;color:var(--mid);cursor:pointer;margin-top:8px;transition:color var(--t-1)}.bottom-sheet-cancel:hover{color:var(--ink)}.bottom-sheet-variants{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bottom-sheet-variant{color:var(--mid);background:none;border:none;padding:0;cursor:pointer;transition:color var(--t-1)}.bottom-sheet-variant.active{color:var(--ink)}.bottom-sheet-variant-sep{color:var(--mid);-webkit-user-select:none;user-select:none}.capture-body{padding:20px;height:100%;overflow-y:auto;gap:16px}.capture-header{display:flex;align-items:center;justify-content:space-between;touch-action:none;cursor:grab}.capture-done{color:var(--ink);cursor:pointer}.capture-id-row{display:flex;align-items:center;gap:12px}.capture-thumb{width:64px;height:64px;flex-shrink:0;background:var(--mid);overflow:hidden}.capture-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.capture-caption{flex:1;min-width:0;height:40px;border:.5px solid var(--border);background:transparent;padding:0 10px;color:var(--ink);outline:none}.capture-caption:focus{border-color:var(--ink)}.capture-caption::placeholder{color:var(--mid)}.capture-extract{margin-top:4px}.capture-extracting{color:var(--mid-text);text-align:center;padding:16px 0}.capture-failed{color:var(--mid-text);padding:12px 0}.capture-bands{display:flex;width:100%;height:48px}.capture-band{height:100%}.capture-rows{display:flex;flex-direction:column}.capture-row{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:.5px solid var(--border)}.capture-row-text{color:var(--mid-text)}.capture-row-nomatch{color:var(--mid)}.capture-keep{flex-shrink:0;background:var(--ink);color:var(--bg);border:none;padding:6px 12px;cursor:pointer}.capture-keep--kept{background:none;color:var(--mid);cursor:default}.tile-palette{position:absolute;-webkit-user-select:none;user-select:none;cursor:grab;display:flex;flex-direction:column}.palette-bands{display:flex;flex-direction:row;overflow:hidden;position:relative}.palette-band{height:100%;cursor:pointer;transition:opacity var(--t-1)}.palette-band:hover{opacity:.85}.palette-caption{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:8px;letter-spacing:.08em;color:var(--mid-text);padding-top:5px;line-height:1.5;user-select:text;-webkit-user-select:text}.tile--dragging.tile-palette .palette-bands{box-shadow:var(--lift)}.tile-swatch[data-origin=extracted] .swatch-color:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--mid);pointer-events:none}.tile-actions{position:absolute;top:calc(100% + 8px);left:0;display:none;flex-direction:column;gap:4px;white-space:nowrap;pointer-events:auto;z-index:10;transform:scale(calc(1 / var(--zoom, 1)));transform-origin:top left}.tile--selected .tile-actions{display:flex}.multi-select-active .tile--selected .tile-actions{display:none}.tile-created-at{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--mid-text)}.tile-actions-row{display:flex;align-items:center;flex-wrap:nowrap}.tile-actions-btn{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mid);background:none;border:none;padding:0;cursor:pointer;transition:color var(--t-1);line-height:1}.tile-actions-btn:hover{color:var(--ink)}.tile-actions-sep{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:10px;color:var(--mid);margin:0 4px;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.tile--selected{z-index:1000!important}.ral-match-chip{display:flex;align-items:center}.ral-match-chip-text{color:var(--mid-text)}.ral-match-chip-apply{color:var(--ink);margin-left:8px;background:none;border:none;padding:0;cursor:pointer}.band-ral-chip{position:fixed;color:var(--mid-text);background:var(--bg);border:.5px solid var(--border);padding:4px 8px;box-shadow:var(--lift);cursor:pointer;white-space:nowrap;z-index:1500}.band-ral-chip:hover{color:var(--ink)}.tile-photo.tile--bg-removed{background:transparent!important}.shortcut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#edeae2f7;--ink: #151311;--mid-text: rgba(21, 19, 17, .62);color:var(--ink);cursor:pointer}.shortcut-overlay[hidden]{display:none}.shortcut-overlay-panel{display:flex;flex-direction:column;gap:4px;max-height:80vh;overflow-y:auto;padding:24px 32px}.shortcut-group-header{color:var(--mid-text);padding-top:16px;padding-bottom:6px}.shortcut-group-header:first-child{padding-top:0}.shortcut-table{display:grid;grid-template-columns:auto 1fr;gap:8px 28px;align-items:baseline}.shortcut-keys{color:var(--ink);white-space:nowrap}.shortcut-desc{color:var(--mid-text)}body.readonly .tile{cursor:default}body.readonly .tray-action-link{pointer-events:none;opacity:.3}body.readonly #canvas-area{cursor:default}:focus-visible{outline:.5px solid var(--ink);outline-offset:2px}.offline-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--faint);color:var(--ink);z-index:1800;opacity:0;transition:opacity .3s var(--e-inout)}.offline-banner--visible{opacity:1}.offline-banner-text{color:var(--ink)}.offline-banner-dismiss{color:var(--mid-text);transition:color var(--t-1)}.offline-banner-dismiss:hover{color:var(--ink)}.bottom-sheet-receipt{color:var(--ink);margin-bottom:8px}.bottom-sheet-secondary{width:100%;height:44px;background:transparent;border:.5px solid var(--border);color:var(--ink);cursor:pointer;margin-top:8px;transition:border-color var(--t-1)}.bottom-sheet-secondary:hover{border-color:var(--ink)}.bottom-sheet-secondary:disabled{color:var(--mid);cursor:default;border-color:var(--border)}.bottom-sheet-swap,.bottom-sheet-back{width:100%;background:none;border:none;padding:0;margin-top:16px;color:var(--mid);cursor:pointer;text-align:center;transition:color var(--t-1)}.bottom-sheet-swap:hover,.bottom-sheet-back:hover,.bottom-sheet-email{color:var(--ink)}.bottom-sheet-email--pulse{animation:sheet-email-pulse .6s var(--e-inout)}@keyframes sheet-email-pulse{0%{opacity:1}50%{opacity:.35}to{opacity:1}}.bottom-sheet-primary:disabled{opacity:.35;cursor:default}.migrate-label{justify-self:center;color:var(--mid-text)}body.migrating #board-switcher{display:none}.trial-disclosure{margin-top:20px;color:var(--mid-text);text-align:center;pointer-events:none;opacity:1;transition:opacity .5s var(--e-inout)}.trial-disclosure--solo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:0}.trial-disclosure--out{opacity:0}.tile--image-broken .photo-img{display:none}.tile--image-broken{background:var(--mid)}.tile-image-broken{position:absolute;left:0;bottom:100%;margin-bottom:20px;color:var(--ink);opacity:0;pointer-events:none;transition:opacity var(--t-1)}.tile--selected .tile-image-broken{opacity:1}.board-dropdown-actions{display:none;align-items:center;gap:4px}.board-dropdown-row:hover .board-dropdown-actions{display:flex}.board-dropdown-row:hover .board-dropdown-count{display:none}.board-dropdown-action{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:10px;cursor:pointer;transition:color var(--t-1)}.board-dropdown-rename{color:var(--mid)}.board-dropdown-rename:hover,.board-dropdown-delete{color:var(--ink)}.board-dropdown-action-sep{color:var(--mid)}.board-dropdown-warning{padding:6px 12px;color:var(--mid);pointer-events:none}#board-name-input{justify-self:center;outline:none;caret-color:var(--ink);border:none;border-bottom:.5px solid var(--ink);background:transparent;color:var(--ink);text-transform:uppercase;width:auto;max-width:200px;padding:0}#board-name-input::selection{background:var(--ink);color:var(--bg)}.surface--board-out .tile{opacity:0;transition:opacity .12s ease-in}.surface--board-in .tile{animation:board-fade-in .12s var(--e-out)}@keyframes board-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){:root{--t-1: 0ms;--t-2: 0ms;--t-3: 0ms}.archive-status-brand .mark-disc{animation:none;opacity:1}.tile--settling{animation:none}.tile--arriving{transform:none}.tile--arrived,.canvas-hint{transition:opacity 80ms}.save-dot[data-state=saving]{animation:none;opacity:.35}.save-dot[data-state=idle],.offline-banner{transition:opacity 80ms}}.slide-panel[data-panel-id=export] .slide-panel-body{display:flex;flex-direction:column;gap:22px}.export-formats{display:flex;gap:6px}.export-format{flex:1;padding:10px 0;background:none;border:.5px solid var(--border);color:var(--mid-text);cursor:pointer}.export-format--active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.export-format--disabled{color:var(--mid);cursor:default;pointer-events:none;opacity:.5}.export-group{display:flex;flex-direction:column;gap:10px}.export-group-label{color:var(--mid-text)}.export-radio{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--mid-text)}.export-radio:has(.export-radio-dot--on){color:var(--ink)}.export-radio--disabled{color:var(--mid);cursor:default;pointer-events:none}.export-radio-dot{flex:none;width:12px;height:12px;border:1px solid var(--mid-text);box-sizing:border-box}.export-radio-dot--on{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--bg),inset 0 0 0 5px var(--ink)}.export-check{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--ink)}.export-check-box{flex:none;width:12px;height:12px;border:1px solid var(--mid-text);box-sizing:border-box}.export-check-box--on{border-color:var(--ink);background:var(--ink)}.export-note{color:var(--mid-text)}.export-preflight{color:var(--ink)}.export-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.export-run,.export-copy{padding:12px 0;cursor:pointer;width:100%}.export-run{background:var(--ink);border:.5px solid var(--ink);color:var(--bg)}.export-copy{background:none;border:.5px solid var(--border);color:var(--ink)}.export-run:disabled,.export-copy:disabled{opacity:.4;cursor:default}.export-oom{display:flex;flex-direction:column;gap:16px}.export-oom-heading{color:var(--ink)}.export-input{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:12px;color:var(--ink);height:36px;padding:0 10px;background:var(--bg);border:.5px solid var(--border);border-radius:0;outline:none;width:100%}.export-input:focus{border-color:var(--ink)}.export-import{margin-top:8px;padding-top:16px;border-top:.5px solid var(--border)}.export-import-link{color:var(--mid);background:none;border:none;padding:0;cursor:pointer;transition:color var(--t-1)}.export-import-link:hover{color:var(--ink)}.export-import-note{margin-top:8px}.tile-material-meta{font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:var(--mid);background:none;border:none;padding:0;cursor:pointer;text-align:left;line-height:1;transition:color var(--t-1)}.tile-material-meta:hover{color:var(--ink)}.slide-panel[data-panel-id=material] .slide-panel-body{display:flex;flex-direction:column;padding:0}.material-preview{display:flex;align-items:center;gap:12px;height:76px;padding:12px 20px;border-bottom:.5px solid var(--border)}.material-thumb{width:60px;height:60px;flex:0 0 60px;background:var(--border);overflow:hidden}.material-thumb-img{width:60px;height:60px;object-fit:cover;display:block}.material-note-wrap{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.material-note{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:13px;color:var(--ink);outline:none;min-height:16px}.material-note-label{color:var(--mid)}.material-expander{padding:16px 20px 0}.material-expander-toggle{font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--mid);background:none;border:none;padding:0;cursor:pointer;transition:color var(--t-1)}.material-expander-toggle:hover{color:var(--ink)}.material-expander-body{overflow:hidden;max-height:0;transition:max-height var(--t-2) var(--e-out)}.material-expander-body--open{max-height:1200px}.material-fields{padding:12px 0 16px;display:flex;flex-direction:column;gap:14px}.material-field{display:flex;flex-direction:column;gap:6px}.material-field-label{font-size:7px;color:var(--mid)}.material-input{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:12px;color:var(--ink);height:36px;padding:0 10px;background:var(--bg);border:.5px solid var(--border);border-radius:0;outline:none;width:100%}.material-input:focus{border-color:var(--ink)}.material-input:disabled{opacity:.5;pointer-events:none}.material-url-head,.material-notes-head{display:flex;align-items:baseline;justify-content:space-between}.material-url-open{color:var(--ink);text-decoration:none;cursor:pointer}.material-url-open[hidden]{display:none}.material-chips{display:flex;flex-wrap:wrap;gap:12px}.material-chip{font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:var(--mid);background:none;border:none;border-bottom:1px solid transparent;padding:0 0 2px;cursor:pointer;transition:color var(--t-1)}.material-chip:hover{color:var(--ink)}.material-chip--on{color:var(--ink);border-bottom-color:var(--ink)}.material-chip:disabled{pointer-events:none}.material-notes-count{color:var(--mid)}.material-notes{font-family:DM Sans,system-ui,sans-serif;font-weight:300;font-size:12px;color:var(--ink);height:72px;resize:none;padding:8px 10px;background:var(--bg);border:.5px solid var(--border);border-radius:0;outline:none;width:100%}.material-notes:focus{border-color:var(--ink)}.material-notes:disabled{opacity:.5;pointer-events:none}.material-record-label{color:var(--mid);padding-top:2px}.material-readonly-note{color:var(--mid);font-size:7px;margin-bottom:4px}.material-remove-link{font-family:Inter Tight,system-ui,sans-serif;font-weight:700;font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:var(--mid);background:none;border:none;padding:16px 20px 20px;text-align:left;cursor:pointer;transition:color var(--t-1)}.material-remove-link:hover{color:var(--ink)}