@font-face{font-family:Manrope;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/manrope.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--dw-orange: #e25c00;--dw-ink: #111111;--dw-paper: #ffffff;--dw-tint: #fbf9f6}:root{--ink: #0b0b0d;--ink-raised: #141418;--ink-overlay: rgba(20, 20, 24, .82);--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--text: #f2eee6;--text-muted: #8d8d97;--accent: #e25c00;--danger: #e0457b;--radius: 10px;--radius-lg: 16px;--shadow: 0 8px 32px rgba(0, 0, 0, .45);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: Manrope, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.01em}a{color:inherit;text-decoration:none}.muted{color:var(--text-muted)}.small{font-size:12.5px}.wordmark{font-family:var(--serif);font-size:34px;font-weight:400;letter-spacing:.01em;margin:0 0 4px}.wordmark.small{font-size:19px;margin:0;opacity:.9}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;transition:background-color .14s ease,border-color .14s ease,opacity .14s ease}.button:disabled{opacity:.45;cursor:default}.button.primary{background:var(--accent);color:#16100c;font-weight:500}.button.primary:hover:not(:disabled){filter:brightness(1.08)}.button.ghost{border-color:var(--line);color:var(--text)}.button.ghost:hover:not(:disabled){background:#ffffff0f;border-color:var(--line-strong)}.button.ghost.danger:hover:not(:disabled){color:var(--danger);border-color:#e0457b80}.button.icon{width:32px;padding:0;font-size:16px}.field{display:block;margin-bottom:14px}.field>span{display:block;margin-bottom:5px;font-size:12.5px;color:var(--text-muted)}.field small{display:block;margin-top:5px;font-size:11.5px;color:var(--text-muted)}input[type=text],input[type=email],input[type=password],input:not([type]){width:100%;height:36px;padding:0 11px;border:1px solid var(--line);border-radius:var(--radius);background:#00000047;color:var(--text);font:inherit;outline:none;transition:border-color .14s ease,box-shadow .14s ease}input:focus{border-color:#e8622ea6;box-shadow:0 0 0 3px #e8622e24}.form-error{margin:10px 0;padding:8px 11px;border-radius:var(--radius);background:#e0457b1f;color:#ff9dbe;font-size:13px}.auth-screen{display:grid;place-items:center;min-height:100%;padding:24px;background:radial-gradient(70% 55% at 50% 0%,rgba(232,98,46,.09),transparent 70%),var(--ink)}.auth-card{width:100%;max-width:360px;padding:30px 28px 26px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--ink-raised);box-shadow:var(--shadow)}.auth-lead{margin:0 0 22px;color:var(--text-muted);font-size:13px}.auth-card .button{width:100%;height:36px;margin-top:6px}.shell{display:flex;flex-direction:column;min-height:100%}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--line)}.top-bar-right{display:flex;align-items:center;gap:14px}.boards{width:100%;max-width:980px;margin:0 auto;padding:40px 24px 64px}.boards-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px}.boards-head h2{font-family:var(--serif);font-size:26px}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none}.board-card{display:flex;flex-direction:column;justify-content:flex-end;gap:5px;height:132px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg,#ffffff0d,#ffffff03);transition:border-color .16s ease,transform .16s ease}.board-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.board-card-title{font-size:15px}.board-card-meta{color:var(--text-muted);font-size:12px}.empty-state{padding:48px 0;text-align:center}.empty-state h3{font-family:var(--serif);font-size:20px;margin-bottom:6px}.empty-state p{max-width:380px;margin:0 auto;color:var(--text-muted)}.board-shell{position:relative;height:100%;overflow:hidden}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--ink);touch-action:none;transition:background-color .25s ease}.canvas.is-locked{cursor:default}.canvas.cursor-grab{cursor:grab}.canvas.cursor-grabbing{cursor:grabbing}.canvas-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--board-dot, rgba(255, 255, 255, .055)) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.canvas-layer{position:absolute;top:0;left:0;width:0;height:0;transform-origin:0 0;will-change:transform}.element{position:absolute;-webkit-user-select:none;user-select:none}.element.is-selected{z-index:5}.media-image,.media-video{display:block;width:100%;height:100%;object-fit:contain;border-radius:2px;image-rendering:auto}.element-placeholder{width:100%;height:100%;border-radius:2px;background:var(--board-dot, rgba(255, 255, 255, .045))}.element-outline{position:absolute;top:0;right:0;bottom:0;left:0;border:calc(1.5px / var(--zoom, 1)) solid var(--accent);border-radius:2px;pointer-events:none}.handle{position:absolute;width:calc(10px / var(--zoom, 1));height:calc(10px / var(--zoom, 1));border:calc(1.5px / var(--zoom, 1)) solid var(--accent);border-radius:calc(2px / var(--zoom, 1));background:var(--ink)}.handle-nw{top:calc(-5px / var(--zoom, 1));left:calc(-5px / var(--zoom, 1));cursor:nwse-resize}.handle-ne{top:calc(-5px / var(--zoom, 1));right:calc(-5px / var(--zoom, 1));cursor:nesw-resize}.handle-se{bottom:calc(-5px / var(--zoom, 1));right:calc(-5px / var(--zoom, 1));cursor:nwse-resize}.handle-sw{bottom:calc(-5px / var(--zoom, 1));left:calc(-5px / var(--zoom, 1));cursor:nesw-resize}.element-iframe-wrap{position:relative;width:100%;height:100%;border-radius:3px;overflow:hidden;background:#fff}.media-iframe{width:100%;height:100%;border:0}.element-iframe-shield{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab}.iframe-release{position:absolute;right:calc(8px / var(--zoom, 1));bottom:calc(8px / var(--zoom, 1));padding:calc(4px / var(--zoom, 1)) calc(8px / var(--zoom, 1));border:0;border-radius:calc(6px / var(--zoom, 1));background:var(--ink-overlay);color:var(--text);font-size:calc(12px / var(--zoom, 1));cursor:pointer}.element-iframe-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;padding:16px;border:1px dashed var(--line-strong);border-radius:3px;background:var(--ink-raised);text-align:center}.element-iframe-fallback p{margin:0;color:var(--text-muted)}.element-iframe-fallback a{color:var(--accent);text-decoration:underline}.iframe-host{font-family:var(--serif);font-size:16px}.cursor{position:absolute;pointer-events:none;z-index:40}.cursor-inner{position:absolute;top:0;left:0;display:flex;align-items:flex-start;gap:3px;transform:scale(calc(1 / var(--zoom, 1)));transform-origin:0 0;white-space:nowrap}.cursor-label{margin-top:12px;padding:2px 7px;border-radius:999px;color:#12100e;font-size:11.5px;font-weight:500}.cursor-badge{margin-left:6px;opacity:.7;font-weight:400}.board-bar,.board-foot{position:absolute;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.board-bar{top:14px}.board-foot{bottom:14px}.board-bar>*,.board-foot>*{pointer-events:auto}.board-bar-left,.board-bar-right,.zoom-controls{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--ink-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.board-title{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.status{width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.status-connected{background:#22a06b}.status-connecting{background:#d6a127}.status-disconnected{background:var(--danger)}.avatars{display:flex}.avatar{display:grid;place-items:center;width:24px;height:24px;margin-left:-6px;border:2px solid var(--ink-raised);border-radius:50%;color:#14100e;font-size:11px;font-weight:600}.avatar:first-child{margin-left:0}.badge{padding:3px 9px;border:1px solid var(--line);border-radius:999px;color:var(--text-muted);font-size:12px}.zoom-value{min-width:54px;font-variant-numeric:tabular-nums}.hint{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--ink-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text-muted);font-size:12px;pointer-events:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0505079e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100}.dialog{width:100%;max-width:520px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--ink-raised);box-shadow:var(--shadow)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.dialog-head h3{font-family:var(--serif);font-size:18px}.dialog-body{padding:16px}.dialog-body>.button.primary{margin:12px 0}.link-list{margin:10px 0 0;padding:0;list-style:none}.link-list li{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"badge badge badge" "url copy revoke";gap:6px;padding:10px 0;border-top:1px solid var(--line)}.link-list .mode-badge{grid-area:badge;justify-self:start}.link-list input{grid-area:url;min-width:0;height:32px;font-size:12px}.toast{position:absolute;left:50%;bottom:72px;transform:translate(-50%);padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--ink-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);font-size:13px;z-index:50}.toast.error{border-color:#e0457b73;color:#ff9dbe;cursor:pointer}.canvas.is-drop-target{box-shadow:inset 0 0 0 2px var(--accent)}.drop-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 18px;border-radius:999px;background:var(--ink-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:13px;pointer-events:none}@media(max-width:720px){.hint{display:none}.board-title{max-width:130px}}.frame{position:absolute;pointer-events:none}.frame.is-selected{z-index:3}.frame-edge,.frame-label,.frame-options,.frame .handle{pointer-events:auto}.frame-edge{position:absolute;cursor:grab}.frame-edge-n,.frame-edge-s{left:calc(-10px / var(--zoom, 1));right:calc(-10px / var(--zoom, 1));height:calc(10px / var(--zoom, 1))}.frame-edge-n{bottom:100%}.frame-edge-s{top:100%}.frame-edge-e,.frame-edge-w{top:0;bottom:0;width:calc(10px / var(--zoom, 1))}.frame-edge-w{right:100%}.frame-edge-e{left:100%}.frame.has-chrome:hover .frame-outline{border-color:var(--accent)}.frame-fill,.frame-outline{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.frame-outline{border:calc(1px / var(--zoom, 1)) solid var(--board-line, rgba(255, 255, 255, .22));border-radius:calc(3px / var(--zoom, 1))}.frame.is-selected .frame-outline{border-color:var(--accent);border-width:calc(1.5px / var(--zoom, 1))}.frame.is-selected .frame-fill{outline:calc(1.5px / var(--zoom, 1)) solid var(--accent);outline-offset:calc(2px / var(--zoom, 1))}.frame-label{position:absolute;left:0;bottom:100%;display:flex;align-items:center;gap:calc(6px / var(--zoom, 1));max-width:100%;margin-bottom:calc(6px / var(--zoom, 1));padding:calc(3px / var(--zoom, 1)) calc(9px / var(--zoom, 1));border:0;border-radius:calc(999px / var(--zoom, 1));background:var(--ink-overlay);color:var(--text-muted);font:inherit;font-size:calc(12px / var(--zoom, 1));white-space:nowrap;cursor:grab}.frame.is-selected .frame-label{color:var(--text)}.frame-number{display:inline-grid;place-items:center;width:calc(15px / var(--zoom, 1));height:calc(15px / var(--zoom, 1));border-radius:50%;background:var(--accent);color:#16100c;font-size:calc(10px / var(--zoom, 1));font-weight:600}.frames-panel{position:absolute;top:68px;left:14px;width:244px;max-height:calc(100% - 150px);overflow:auto;padding:8px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--ink-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.frames-panel.is-collapsed{width:auto}.frames-head{display:flex;align-items:center;justify-content:space-between;gap:4px}.frames-toggle{flex:1;justify-content:flex-start;padding-left:6px}.chevron{display:inline-block;transition:transform .16s ease;opacity:.6}.chevron.is-open{transform:rotate(90deg)}.frames-count{margin-left:auto;padding:0 6px;border-radius:999px;background:#ffffff14;color:var(--text-muted);font-size:11px}.frames-empty{margin:8px 6px 4px;color:var(--text-muted);font-size:12px;line-height:1.45}.frames-list{margin:6px 0 0;padding:0;list-style:none;counter-reset:frame}.frames-list li{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:var(--radius)}.frames-list li:hover,.frames-list li.is-active{background:#ffffff0f}.frames-order{display:grid;place-items:center;flex:0 0 18px;height:18px;border-radius:50%;background:#ffffff17;color:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums}.frames-list li.is-active .frames-order{background:var(--accent);color:#16100c}.frames-name{flex:1;min-width:0;padding:2px 0;border:0;background:none;color:inherit;font:inherit;font-size:13px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.frames-list input{flex:1;min-width:0;height:26px;font-size:13px}.frames-actions{display:flex;gap:1px;opacity:0;transition:opacity .12s ease}.frames-list li:hover .frames-actions,.frames-list li.is-active .frames-actions{opacity:1}.frames-actions .button.icon{width:22px;height:22px;font-size:12px}.frames-actions .button.icon.danger:hover{color:var(--danger)}.present-bar,.follow-bar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:7px 10px 7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--ink-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);z-index:60}.present-frame{display:flex;align-items:center;gap:8px;min-width:190px;justify-content:center;font-size:13px}.present-counter{padding:1px 7px;border-radius:999px;background:#ffffff14;color:var(--text-muted);font-size:11.5px;font-variant-numeric:tabular-nums}.present-divider{width:1px;height:18px;background:var(--line)}.follow-dot{width:8px;height:8px;border-radius:50%}.board-shell.is-watching .canvas-grid{opacity:.35}.preview{position:absolute;right:14px;bottom:18px;width:288px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--ink-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);z-index:60}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 4px 8px;color:var(--text-muted);font-size:12px}.preview-who{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.preview-switch{display:flex;align-items:center;gap:2px;flex:0 0 auto}.preview-switch .button.icon{width:20px;height:20px}.preview-count{font-variant-numeric:tabular-nums}.preview-screen{position:relative;width:100%;overflow:hidden;border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);background:var(--ink);contain:strict}.preview-empty{margin:4px 4px 6px;color:var(--text-muted);font-size:12px}@media(max-width:820px){.frames-panel,.preview{display:none}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mode-choice{display:grid;gap:6px;margin:14px 0 4px;padding:0;border:0}.mode-choice label{display:flex;gap:9px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.mode-choice label:hover{border-color:var(--line-strong)}.mode-choice label.is-selected{border-color:#e8622ea6;background:#e8622e14}.mode-choice input{width:auto;height:auto;margin:3px 0 0;accent-color:var(--accent);flex:0 0 auto}.mode-body{display:grid;gap:2px}.mode-label{font-size:13.5px}.mode-description{color:var(--text-muted);font-size:12px;line-height:1.45}.mode-badge{flex:0 0 auto;padding:2px 8px;border-radius:999px;background:#ffffff14;color:var(--text-muted);font-size:11px;white-space:nowrap}.mode-badge.mode-guided{background:#e8622e29;color:#f0a184}.mode-badge.mode-locked{background:#4b63d633;color:#a3b0f0}.waiting{display:grid;place-items:center;min-height:100%;padding:24px;background:radial-gradient(70% 55% at 50% 0%,rgba(232,98,46,.09),transparent 70%),var(--ink)}.waiting-card{width:100%;max-width:400px;padding:34px 30px 30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--ink-raised);box-shadow:var(--shadow);text-align:center}.waiting-title{margin:2px 0 14px;font-size:15px}.waiting-card .muted{margin:0;font-size:13px;line-height:1.55}.waiting-note{margin-top:16px!important;padding-top:14px;border-top:1px solid var(--line)}.waiting-pulse{display:flex;justify-content:center;gap:7px;margin:24px 0 4px}.waiting-pulse i{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.3;animation:waiting-fade 1.6s ease-in-out infinite}.waiting-pulse i:nth-child(2){animation-delay:.22s}.waiting-pulse i:nth-child(3){animation-delay:.44s}@keyframes waiting-fade{0%,70%,to{opacity:.25}35%{opacity:1}}@media(prefers-reduced-motion:reduce){.waiting-pulse i{animation:none;opacity:.55}}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:14px 0 18px}.swatch{aspect-ratio:1;border:1px solid var(--line-strong);border-radius:8px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.swatch:hover{transform:translateY(-2px)}.swatch.is-active{box-shadow:0 0 0 2px var(--accent)}.swatch.is-light{border-color:#0000002e}.custom-color .custom-color-row{display:flex;gap:8px;align-items:center}.custom-color input[type=color]{width:42px;height:36px;padding:2px;border:1px solid var(--line);border-radius:var(--radius);background:#00000047;cursor:pointer}.custom-color input[type=text]{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.join-board{margin:0 0 12px;font-size:15px}.participants{position:relative}.participants .avatars{display:flex;align-items:center;padding:2px;border:0;background:none;cursor:pointer}.avatar.is-me{box-shadow:0 0 0 1px var(--accent)}.avatar.is-more{background:#ffffff24;color:var(--text);font-size:10px}.participants-list{position:absolute;top:calc(100% + 12px);right:-8px;width:262px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--ink-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);z-index:70}.participants-list header{padding:2px 6px 8px;color:var(--text-muted);font-size:12px}.participants-list ul{margin:0;padding:0;list-style:none}.participants-list li{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:var(--radius)}.participants-list li:hover{background:#ffffff0d}.participant-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%}.participant-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.participant-tag{flex:0 0 auto;padding:1px 6px;border-radius:999px;background:#ffffff14;color:var(--text-muted);font-size:10.5px}.participant-status{flex:0 0 auto;color:var(--text-muted);font-size:11.5px}.participant-status.is-presenting{color:var(--accent)}.participants-empty{margin:4px 6px 2px;color:var(--text-muted);font-size:12px;line-height:1.45}.element-iframe-wrap{contain:paint}.media-iframe{display:block;border:0;background:#fff}.iframe-settings{position:absolute;left:0;bottom:100%;display:flex;align-items:center;gap:calc(6px / var(--zoom, 1));margin-bottom:calc(6px / var(--zoom, 1));padding:calc(4px / var(--zoom, 1)) calc(8px / var(--zoom, 1));border:calc(1px / var(--zoom, 1)) solid var(--line);border-radius:calc(999px / var(--zoom, 1));background:var(--ink-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap}.iframe-settings-label{color:var(--text-muted);font-size:calc(11.5px / var(--zoom, 1))}.iframe-settings select,.iframe-settings button{height:calc(22px / var(--zoom, 1));padding:0 calc(7px / var(--zoom, 1));border:calc(1px / var(--zoom, 1)) solid var(--line);border-radius:calc(999px / var(--zoom, 1));background:#0000004d;color:var(--text);font:inherit;font-size:calc(11.5px / var(--zoom, 1));cursor:pointer}.iframe-settings button:disabled{opacity:.45;cursor:default}.iframe-release{position:absolute;left:50%;bottom:calc(10px / var(--zoom, 1));transform:translate(-50%);padding:calc(5px / var(--zoom, 1)) calc(12px / var(--zoom, 1));border:calc(1px / var(--zoom, 1)) solid var(--line);border-radius:calc(999px / var(--zoom, 1));background:var(--ink-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);color:var(--text);font-size:calc(12px / var(--zoom, 1));cursor:pointer;z-index:5}.element-iframe:has(.iframe-release){outline:calc(2px / var(--zoom, 1)) solid var(--accent);outline-offset:calc(2px / var(--zoom, 1))}.media-text,.media-text-edit{display:block;width:100%;min-height:100%;margin:0;padding:0;border:0;background:none;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.media-text.is-empty{opacity:.4}.media-text-edit{resize:none;outline:none;overflow:hidden;caret-color:var(--accent)}.text-settings,.frame-options{position:absolute;left:0;bottom:100%;display:flex;align-items:center;gap:calc(4px / var(--zoom, 1));margin-bottom:calc(8px / var(--zoom, 1));padding:calc(4px / var(--zoom, 1)) calc(8px / var(--zoom, 1));border:calc(1px / var(--zoom, 1)) solid var(--line);border-radius:calc(999px / var(--zoom, 1));background:var(--ink-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);white-space:nowrap;z-index:4}.frame-options{bottom:auto;top:100%;margin:calc(8px / var(--zoom, 1)) 0 0}.text-settings select,.text-settings button,.frame-options select{height:calc(22px / var(--zoom, 1));min-width:calc(22px / var(--zoom, 1));padding:0 calc(6px / var(--zoom, 1));border:calc(1px / var(--zoom, 1)) solid transparent;border-radius:calc(999px / var(--zoom, 1));background:#ffffff0f;color:var(--text);font:inherit;font-size:calc(11.5px / var(--zoom, 1));cursor:pointer}.text-settings button.is-on{background:var(--accent);color:#16100c}.text-colors,.frame-swatches{display:flex;gap:calc(3px / var(--zoom, 1))}.text-color,.frame-swatch{width:calc(16px / var(--zoom, 1));height:calc(16px / var(--zoom, 1));padding:0;border:calc(1px / var(--zoom, 1)) solid var(--line-strong);border-radius:calc(4px / var(--zoom, 1));cursor:pointer}.text-color.is-on,.frame-swatch.is-on{box-shadow:0 0 0 calc(2px / var(--zoom, 1)) var(--accent)}.frame-swatch.is-none{background:linear-gradient(to top right,transparent calc(45% - 1px),var(--danger) 45%,var(--danger) 55%,transparent calc(55% + 1px)) no-repeat,#ffffff0f}.frame-options-label,.iframe-settings-label{color:var(--text-muted);font-size:calc(11.5px / var(--zoom, 1))}.frame-options-divider{width:calc(1px / var(--zoom, 1));height:calc(14px / var(--zoom, 1));background:var(--line)}.layers-panel{position:absolute;top:68px;right:14px;width:252px;max-height:calc(100% - 150px);overflow:auto;padding:8px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--ink-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);z-index:30}.layers-panel.is-collapsed{width:auto}.layers-head{display:flex;align-items:center}.layer-group{margin-top:6px;border-radius:var(--radius)}.layer-group.is-drop{outline:1px dashed var(--accent);outline-offset:2px;background:#e8622e14}.layer-group-head{display:flex;align-items:center;gap:6px;width:100%;padding:5px 6px;border:0;border-radius:var(--radius);background:none;color:var(--text);font:inherit;font-size:12.5px;text-align:left;cursor:pointer}.layer-group-head.is-static{color:var(--text-muted);cursor:default}.layer-group-head:hover:not(.is-static),.layer-group-head.is-active{background:#ffffff0f}.layer-group-count{margin-left:auto;color:var(--text-muted);font-size:11px}.layers-list{margin:0 0 0 10px;padding:0 0 0 8px;border-left:1px solid var(--line);list-style:none}.layers-list li{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:var(--radius);cursor:grab}.layers-list li:hover,.layers-list li.is-active{background:#ffffff0f}.layer-icon{flex:0 0 16px;color:var(--text-muted);font-size:12px;text-align:center}.layer-name{flex:1;min-width:0;padding:2px 0;border:0;background:none;color:inherit;font:inherit;font-size:12.5px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.layer-actions{display:flex;gap:1px;opacity:0;transition:opacity .12s ease}.layers-list li:hover .layer-actions,.layers-list li.is-active .layer-actions{opacity:1}.layer-actions .button.icon{width:20px;height:20px;font-size:11px}.layer-actions .button.icon.danger:hover{color:var(--danger)}@media(max-width:1100px){.layers-panel{display:none}}.color-picker{position:relative;display:inline-flex}.color-trigger{width:20px;height:20px;padding:0;border:1px solid var(--line-strong);border-radius:5px;cursor:pointer}.color-picker.is-scaled .color-trigger{width:calc(18px / var(--zoom, 1));height:calc(18px / var(--zoom, 1));border-width:calc(1px / var(--zoom, 1));border-radius:calc(5px / var(--zoom, 1))}.color-trigger.is-none,.color-dot.is-none{background:linear-gradient(to top right,transparent calc(45% - 1px),var(--danger) 45%,var(--danger) 55%,transparent calc(55% + 1px)) no-repeat,#ffffff0f}.color-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:90;width:188px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--ink-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.color-picker.is-scaled .color-popover{transform:scale(calc(1 / var(--zoom, 1)));transform-origin:top left}.color-group-label{display:block;margin:0 0 5px;color:var(--text-muted);font-size:11px}.color-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.color-dot{width:22px;height:22px;padding:0;border:1px solid var(--line-strong);border-radius:6px;cursor:pointer}.color-dot.is-on{box-shadow:0 0 0 2px var(--accent)}.color-custom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--line);color:var(--text-muted);font-size:11.5px}.color-custom input[type=color]{width:38px;height:26px;padding:2px;border:1px solid var(--line);border-radius:6px;background:#00000047;cursor:pointer}.theme-row{display:flex;align-items:center;gap:8px}.field select{width:100%;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:#00000047;color:var(--text);font:inherit}.font-preview{display:block;margin-top:8px;color:var(--text-muted);font-size:17px}.guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}.guide{position:absolute;background:var(--accent)}.guide-v{top:-100000px;bottom:-100000px;width:calc(1px / var(--zoom, 1))}.guide-h{left:-100000px;right:-100000px;height:calc(1px / var(--zoom, 1))}.frame-grid{position:absolute;pointer-events:none;z-index:39}.frame-grid-inner{position:absolute;border:calc(1px / var(--zoom, 1)) dashed var(--board-line, rgba(255, 255, 255, .22));opacity:.55}.frame-grid-line{position:absolute;background:var(--board-line, rgba(255, 255, 255, .22));opacity:.3}.frame-grid-line.is-vertical{width:calc(1px / var(--zoom, 1))}.frame-grid-line.is-horizontal{height:calc(1px / var(--zoom, 1))}.board-card{position:relative;height:168px;padding:0;overflow:hidden}.board-card-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.9}.board-card-preview.is-empty{background:linear-gradient(160deg,#ffffff0f,#ffffff03)}.board-card-title,.board-card-meta{position:relative;z-index:1;padding:0 16px}.board-card-title{margin-top:auto;padding-top:40px;background:linear-gradient(to top,#08080aeb,#08080a00)}.board-card-meta{padding-bottom:14px;background:#08080aeb}.present-bar .button.is-on{border-color:#e8622e99;color:var(--accent)}.insert-bar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:5px;border:1px solid var(--line);border-radius:999px;background:var(--ink-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);z-index:35}.insert-tool{display:flex;align-items:center;gap:7px;height:32px;padding:0 13px;border:0;border-radius:999px;background:none;color:var(--text);font:inherit;font-size:13px;cursor:pointer;transition:background-color .14s ease}.insert-tool:hover{background:#ffffff14}.insert-icon{display:grid;place-items:center;width:18px;color:var(--text-muted);font-size:13px}.insert-divider{width:1px;height:18px;margin:0 4px;background:var(--line)}.board-foot .hint{max-width:40%}@media(max-width:900px){.insert-tool{padding:0 9px}.insert-tool span:not(.insert-icon){display:none}}.layers-list li.is-drop-before{box-shadow:inset 0 2px 0 var(--accent)}.iframe-scrollbar{position:absolute;top:calc(6px / var(--zoom, 1));right:calc(4px / var(--zoom, 1));bottom:calc(6px / var(--zoom, 1));width:calc(4px / var(--zoom, 1));border-radius:calc(2px / var(--zoom, 1));background:#0000001f;pointer-events:none}.iframe-scrollbar-thumb{position:absolute;left:0;right:0;min-height:calc(14px / var(--zoom, 1));border-radius:calc(2px / var(--zoom, 1));background:#00000061}.font-list{margin:12px 0 0;padding:0;list-style:none}.font-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-top:1px solid var(--line);font-size:15px}.font-list .button.icon.danger:hover{color:var(--danger)}.theme-row input{flex:1;min-width:0}.brand-surface{--ink: var(--dw-tint);--ink-raised: var(--dw-paper);--ink-overlay: rgba(255, 255, 255, .88);--line: rgba(17, 17, 17, .12);--line-strong: rgba(17, 17, 17, .24);--text: var(--dw-ink);--text-muted: #5f5b57;--accent: var(--dw-orange);--shadow: 0 12px 34px rgba(17, 17, 17, .09);min-height:100%;background:var(--dw-tint);color:var(--dw-ink);font-weight:300;letter-spacing:-.1px;line-height:1.4}.brand-surface h1,.brand-surface h2,.brand-surface h3{font-weight:500;letter-spacing:-.3px;line-height:1.125}.brand-surface input:not([type=color]){background:var(--dw-paper);border-color:#11111129;color:var(--dw-ink)}.brand-surface input:focus{border-color:var(--dw-orange);box-shadow:0 0 0 3px #e25c0029}.brand-surface .button.primary{background:var(--dw-orange);color:#fff;font-weight:600}.brand-surface .button.ghost{border-color:#11111129}.brand-surface .button.ghost:hover:not(:disabled){background:#1111110a;border-color:#1111114d}.brand-surface .form-error{background:#cf2e2e14;color:#a51f1f}.brandmark{display:inline-flex;flex-direction:column;gap:6px}.brandmark-name{font-family:var(--sans);font-weight:800;font-style:italic;letter-spacing:-.03em;color:var(--dw-ink)}.brandmark-large .brandmark-name{font-size:40px}.brandmark-small .brandmark-name{font-size:21px}.brandmark-byline{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:11px;letter-spacing:.02em}.brandmark-byline img{height:13px;width:auto}.brandmark-small .brandmark-byline{font-size:10px}.brandmark-small .brandmark-byline img{height:11px}.brand-surface.auth-screen,.brand-surface .waiting{display:grid;place-items:center;padding:24px;background:radial-gradient(62% 46% at 50% 0%,rgba(226,92,0,.07),transparent 70%),var(--dw-tint)}.brand-surface .auth-card,.brand-surface .waiting-card{border:1px solid var(--line);border-radius:14px;background:var(--dw-paper);box-shadow:var(--shadow)}.brand-surface .auth-lead,.brand-surface .waiting-card .muted{color:var(--text-muted)}.brand-surface .waiting-pulse i{background:var(--dw-orange)}.brand-surface .top-bar{padding:16px 28px;border-bottom:1px solid var(--line);background:var(--dw-paper)}.brand-surface .boards{max-width:1120px;padding:44px 28px 72px}.brand-surface .boards-head{align-items:flex-end;margin-bottom:26px}.brand-surface .boards-head h2{font-family:var(--sans);font-weight:800;font-style:italic;font-size:30px;letter-spacing:-.03em}.boards-lead{margin:4px 0 0;color:var(--text-muted);font-size:13.5px}.brand-surface .board-grid{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:20px}.brand-surface .board-card{height:214px;border:1px solid var(--line);border-radius:12px;background:var(--dw-paper);box-shadow:0 1px 2px #1111110a;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.brand-surface .board-card:hover{transform:translateY(-3px);border-color:#e25c0073;box-shadow:0 14px 30px #1111111a}.brand-surface .board-card-preview{position:absolute;inset:0 0 auto 0;height:142px;border-bottom:1px solid var(--line);object-fit:cover;opacity:1}.brand-surface .board-card-preview.is-empty{background:repeating-linear-gradient(-45deg,rgba(226,92,0,.05) 0 10px,transparent 10px 20px),var(--dw-tint)}.brand-surface .board-card-title,.brand-surface .board-card-meta{padding:0 15px;background:none}.brand-surface .board-card-title{margin-top:150px;font-size:15px;font-weight:500}.brand-surface .board-card-meta{padding-bottom:14px;color:var(--text-muted);font-size:12px}.brand-surface .empty-state h3{font-family:var(--sans);font-weight:700;font-style:italic;font-size:22px}.brand-foot{padding:0 28px 40px;color:var(--text-muted);font-size:12px;text-align:center}.brand-foot a{color:var(--dw-orange);text-decoration:underline;text-underline-offset:2px}.color-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:89}.theme-row{flex-wrap:wrap;row-gap:8px}.org-switch select{height:32px;padding:0 26px 0 10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:13px;cursor:pointer}.badge.subtle{padding:2px 7px;border-color:transparent;background:#7f7f7f29;font-size:11px}.board-card-access{position:relative;z-index:1;padding:0 16px 14px;color:var(--text-muted);font-size:11px;letter-spacing:.02em;text-transform:uppercase}.dialog-section{margin:22px 0 8px;font-size:13px;font-weight:600}.dialog-section:first-child{margin-top:4px}.tab-row{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--line)}.tab{padding:8px 14px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--text-muted);font:inherit;font-size:13px;cursor:pointer}.tab:hover{color:var(--text)}.tab.is-active{border-bottom-color:var(--accent);color:var(--text)}.member-list{display:flex;flex-direction:column;gap:2px;margin:0 0 8px;padding:0;list-style:none}.member-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px 10px;padding:8px 10px;border-radius:8px}.member-list li:hover{background:#7f7f7f14}.member-name{display:flex;align-items:center;gap:8px;font-size:14px}.member-mail{grid-column:1;grid-row:2;overflow:hidden;text-overflow:ellipsis}.member-list select{height:28px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--text);font:inherit;font-size:12px}.member-add{padding-top:6px;border-top:1px solid var(--line)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0 0 6px;padding:0;list-style:none}.template-grid li{position:relative}.template-card{display:flex;flex-direction:column;gap:4px;width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.template-card:hover:not(:disabled){border-color:var(--accent)}.template-card:disabled{opacity:.5;cursor:progress}.template-sketch{width:100%;height:78px;border-radius:6px;background:#7f7f7f1a}.template-sketch rect{fill:#7f7f7f6b}.template-sketch .sketch-text{fill:#7f7f7f42}.template-sketch .sketch-iframe{fill:#7f7f7f57}.template-name{font-size:13px;font-weight:500}.template-remove{position:absolute;top:4px;right:4px}.frame-options-action{height:calc(22px / var(--zoom, 1));padding:0 calc(9px / var(--zoom, 1));border:calc(1px / var(--zoom, 1)) solid transparent;border-radius:calc(999px / var(--zoom, 1));background:#ffffff0f;color:var(--text);font:inherit;font-size:calc(11.5px / var(--zoom, 1));white-space:nowrap;cursor:pointer}.frame-options-action:hover{border-color:var(--accent);color:var(--accent)}.storage-line{margin:6px 0 0;font-size:13px}.storage-value{font-variant-numeric:tabular-nums;font-weight:600}.board-card-access{display:flex;justify-content:space-between;gap:10px}.board-card-size{font-variant-numeric:tabular-nums}.swatch-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.swatch-row .swatch{width:26px;height:26px;aspect-ratio:auto;padding:0;background-clip:padding-box}.swatch-row .swatch.is-selected{box-shadow:0 0 0 2px var(--accent)}.board-preview{display:flex;align-items:center;justify-content:center;min-height:118px;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:10px;color:#f2eee6}.board-preview.is-light{color:#111}.board-preview-frame{display:flex;flex-direction:column;gap:6px;width:100%;padding:14px 16px;border:2px solid;border-radius:6px}.board-preview-heading{font-size:19px;line-height:1.2}.board-preview-body{font-size:13px;opacity:.75}