:root{color-scheme:light;--ink:#252e50;--muted:#64708b;--accent:#6250c2;--accent-deep:#5140a8;--accent-soft:#eeebff;--stroke:#e1e3f0;--wash:#f7f7fc;--white:#fff;--shadow:0 9px 32px #34437317,0 2px 6px #3443730b;--font:Tenorite,'方正正准黑简体','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--wash);color:var(--ink);font-family:var(--font);font-size:14px}
button,input,textarea,select{font:inherit;color:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button{border:0;background:none;cursor:pointer;white-space:nowrap}
button:disabled{opacity:.38;cursor:default}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #7260dc;outline-offset:3px}
button:disabled:hover{transform:none}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:750;line-height:1.2;font-size:16px;white-space:nowrap}
.brand small{display:block;font-size:8.5px;letter-spacing:.155em;color:#7380a1;margin-top:4px}
.homebar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,70px);border-bottom:1px solid #e9e8f3;background:#fff}
.home-actions,.hero-actions{display:flex;gap:10px;align-items:center}
.primary,.secondary,.quiet{display:inline-flex;gap:7px;align-items:center;justify-content:center;padding:0 15px;min-height:38px;border-radius:9px;font-weight:700;transition:background .16s ease,color .16s ease,border-color .16s ease}
.primary{color:#fff;background:#6552c8;border:1px solid transparent}
.primary:hover:not(:disabled){background:#5441b2}
.secondary{background:#fff;border:1px solid #dddaf1;color:#4a4473}
.secondary:hover:not(:disabled),.quiet:hover:not(:disabled){background:#f0edfd;color:var(--accent-deep)}
.quiet{color:#5c6680}
.home-main{max-width:1480px;margin:auto;padding:30px clamp(18px,5vw,70px) 0}
.hero{display:grid;grid-template-columns:minmax(265px,.88fr) minmax(390px,1.12fr);align-items:center;gap:clamp(28px,5vw,90px);padding:clamp(30px,4.25vw,65px);border:1px solid #e2e3f6;border-radius:26px;background:radial-gradient(ellipse at 84% 105%,#e7edff 4%,transparent 58%),linear-gradient(125deg,#f9f7ff 6%,#efecff 70%,#f7f9ff);overflow:hidden}
.kicker{font-size:11px;letter-spacing:.13em;font-weight:750;color:#6b59bc}
.kicker span,.hero-meta span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7260d0;margin:0 5px 1px 0}
.hero h1{font-size:clamp(38px,5vw,72px);font-weight:780;line-height:1.16;letter-spacing:-.045em;margin:17px 0 14px;color:#283052}
.hero h1 span{color:#7766d8}
.hero p{color:#596783;line-height:1.75;max-width:365px;font-size:15px;margin:0 0 22px}
.hero-actions .primary,.hero-actions .secondary{min-height:44px;padding:0 17px}
.hero-meta{font-size:11px;font-weight:600;letter-spacing:.02em;color:#707997;margin-top:15px}
.hero-meta span{width:6px;height:6px;background:#55ad8b}
.hero-demo{position:relative;border-radius:17px;transform:rotate(-2deg);background:#fff;box-shadow:0 21px 54px #4e559930;transition:transform .18s ease,box-shadow .18s ease;border:1px solid #d6d7ed;min-width:0}
.hero-demo:hover{transform:rotate(0);box-shadow:0 22px 58px #4e55993c}
.demo-top{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#5b6285;font-weight:700;font-size:11px}
.demo-dots{display:flex;gap:4px}.demo-dots i{width:6px;height:6px;border-radius:50%;background:#d6d4e8}.demo-dots i:first-child{background:#9a86eb}
.demo-live{font-size:9px;padding:4px 7px;border-radius:7px;background:#efecff;color:#6456ab}
.demo-preview{border-top:1px solid #edf0f8;background-color:#f8faff;background-image:radial-gradient(#d4dbf0 1px,transparent 1px);background-size:12px 12px;padding:17px 12px 14px;aspect-ratio:1.87;overflow:hidden;border-radius:0 0 17px 17px}
.demo-preview svg{width:100%;height:100%;display:block}
.demo-cursor{position:absolute;color:#6756ce;right:7%;bottom:11%;font-size:21px;pointer-events:none}
.demo-cursor b{font-size:10px;color:white;background:#6756ce;padding:4px 6px;border-radius:5px;vertical-align:bottom}
.home-section{margin-top:40px}
.section-head{margin-bottom:16px}.section-head h2{font-size:27px;letter-spacing:-.025em;margin:5px 0 0}.section-head p{margin:6px 0 0;color:var(--muted)}
.recent-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(245px,100%),1fr));gap:10px}
.recent,.empty-recent{display:flex;align-items:center;gap:12px;min-height:67px;padding:12px 15px;background:#fff;border:1px solid var(--stroke);border-radius:12px;min-width:0}
.recent:hover,.template-card:hover{border-color:#b7aaee;box-shadow:0 5px 17px #45388511}
.recent .recent-icon{display:grid;place-items:center;width:34px;height:34px;background:#f0edff;color:var(--accent);border-radius:8px;flex-shrink:0}
.recent-text{min-width:0;flex:1}.recent-text b,.recent-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-text small{color:var(--muted);font-size:11px;margin-top:4px}
.recent{padding:0;gap:0}.recent-open{display:flex;align-items:center;gap:12px;min-width:0;flex:1;padding:12px 14px;min-height:67px;border-radius:12px}.recent-delete{margin-right:10px;flex-shrink:0;color:#827c99}.recent-delete:hover{color:#b53f57;background:#fff0f3}.delete-board-name{font-size:17px;font-weight:700;overflow-wrap:anywhere}.danger-button.primary{background:#bc4059;color:white}.danger-button.primary:hover:not(:disabled){background:#a3334a}
.tool-flyout[data-menu="shapes"][data-sub="library"]{width:min(362px,calc(100% - 73px));max-height:min(760px,calc(100% - 18px));padding:17px}.shape-library-pack{padding:7px 0 15px;border-bottom:1px solid #efedf6}.shape-library-pack h3{font-size:13px;margin:9px 0 8px}.shape-pack-heading{display:flex;width:100%;align-items:center;gap:8px;padding:10px 0;text-align:left}.shape-pack-heading strong{font-size:13px}.shape-pack-heading small{font-size:11px;color:#938da6}.shape-pack-heading>span{margin-left:auto;display:flex}.shape-pack-heading>span.is-open{transform:rotate(90deg)}.shape-library-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.shape-library-tile{height:43px;border-radius:7px;display:grid;place-items:center;color:#303252;padding:4px;cursor:grab}.shape-library-tile:hover,.shape-library-tile:focus-visible{background:#eeebff;color:#6250c2}.shape-library-tile:active{cursor:grabbing}.shape-pack-more{display:block;width:100%;padding:10px 0 0;color:#837d94;font-size:12px}.shape-pack-more:hover{color:var(--accent)}.shape-library-footer{position:sticky;bottom:-17px;background:#fff;padding:13px 0 0;margin-bottom:-3px;display:grid;gap:8px;border-top:1px solid #ece9f6}.shape-library-footer button{width:100%}.shape-manage-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shape-manage-list label{display:flex;gap:9px;align-items:flex-start;padding:11px;border:1px solid #e4e0f2;border-radius:9px;cursor:pointer}.shape-manage-list input{margin:2px 0 0;accent-color:var(--accent)}.shape-manage-list b{font-size:13px}.shape-manage-list small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:4px;white-space:normal}@media(max-width:720px){.tool-flyout[data-menu="shapes"][data-sub="library"]{width:min(362px,calc(100% - 58px));padding:13px}.shape-manage-list{grid-template-columns:1fr}.shape-library-grid{gap:3px}.shape-library-tile{height:39px}}
.empty-recent{color:var(--muted);border-style:dashed}
.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.template-card{text-align:left;min-width:0;border:1px solid var(--stroke);background:#fff;border-radius:13px;padding:0;overflow:hidden;white-space:normal;transition:border-color .15s ease,box-shadow .15s ease}
.template-preview{display:block;width:100%;height:120px;background:#f1f1fc;padding:11px 15px;border-bottom:1px solid #ebeaf6}
.template-preview svg{width:100%;height:100%}.template-card-body{display:block;padding:13px 13px 15px}.template-card small{color:#725fbc;font-size:10px;font-weight:700}.template-card b{display:block;margin:4px 0 3px;font-size:16px}.template-card span.note{display:block;color:var(--muted);font-size:12px;line-height:1.45}
.home-footer{margin-top:42px;border-top:1px solid var(--stroke);padding:20px 0 26px;display:flex;justify-content:space-between;gap:12px;color:#727c98;font-size:11px}
.board{position:fixed;inset:0;background:#f9faff}
.boardbar{height:64px;position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:#fff;border-bottom:1px solid #e5e7f2}
.board-identity,.board-actions{display:flex;align-items:center;gap:8px;min-width:0}
.board-home{border-radius:10px;height:34px;flex:0 0 34px}.board-divider{width:1px;height:28px;background:#e8e9f2;margin:0 4px;flex-shrink:0}
.board-titles{min-width:0}
#board-title{display:block;width:clamp(140px,24vw,365px);max-width:100%;height:25px;border:1px solid transparent;border-radius:5px;padding:0 4px;background:#fff;font-weight:750;font-size:15px;text-overflow:ellipsis}
#board-title:focus,#board-title:hover:not([readonly]){border-color:#ddd9f8}
.board-subtitle{display:flex;gap:6px;align-items:center;padding:0 5px;color:#747c99;font-size:10px;white-space:nowrap}
#status-dot{width:6px;height:6px;border-radius:100%;background:#a4a9c1}#status-dot[data-state="ok"]{background:#46ad83}#status-dot[data-state="warn"]{background:#e7aa46}#status-dot[data-state="error"]{background:#dd6374}
.role-chip{margin-left:3px;background:#f0edfc;color:#6d5abd;border-radius:4px;padding:1px 4px}
.board-actions .primary{min-height:34px;padding:0 11px}
.icon-button,.tool-button{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:7px;color:#586482;position:relative;flex:none;transition:background .12s ease,color .12s ease}
.icon-button:hover:not(:disabled),.tool-button:hover:not(:disabled){background:#f0edff;color:#6352bc}
.icon-button[aria-pressed="true"],.tool-button[aria-pressed="true"]{background:#ebe7ff;color:#5747b6}
.avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#6552c8;color:#fff;font-size:10px;font-weight:750;overflow:hidden;border:2px solid #fff;flex:none}
.avatar-stack{display:flex;align-items:center;padding:0 4px}.avatar-stack .avatar+.avatar{margin-left:-7px}.board-actions>.avatar{border:0;width:31px;height:31px}
.peer-avatar{border:2px solid #fff;cursor:pointer;flex-shrink:0;transition:box-shadow .15s,transform .15s}.peer-avatar:hover{transform:translateY(-2px);z-index:1}.peer-avatar.is-following{box-shadow:0 0 0 2px #7665d5;z-index:2}.peer-avatar:focus-visible{outline:2px solid #6553c7;outline-offset:3px;z-index:3}.peer-list-button{margin-left:4px!important;min-width:28px}.following-pill{border:1px solid #bcb2ef!important}.follow-dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.stage{position:absolute;inset:64px 0 0;overflow:hidden;outline:none!important;background-color:#f9faff;background-image:radial-gradient(circle,#d4daeb 1px,transparent 1.2px);background-size:24px 24px;touch-action:none;user-select:none}
.canvas{width:100%;height:100%;display:block;cursor:default}
.canvas[data-tool="hand"],.canvas.is-panning{cursor:grab}.canvas.is-panning{cursor:grabbing}
.canvas[data-tool="note"],.canvas[data-tool="text"],.canvas[data-tool="frame"],.canvas[data-tool="pen"],.canvas[data-tool="line"],.canvas[data-tool="comment"],.canvas[data-tool="vote"],.canvas[data-tool="place"],.canvas[data-tool="stack"],.canvas[data-tool="media-place"]{cursor:crosshair}
.canvas g[data-id]{cursor:inherit}.canvas[data-tool="select"] g[data-id]{cursor:move}
.canvas[data-tool="select"] g[data-kind="stack"]{cursor:grab}
.canvas [data-resize]{cursor:nwse-resize}.canvas [data-thread]{cursor:pointer}
.surface{background:#fff;border:1px solid var(--stroke);box-shadow:var(--shadow);border-radius:12px}
.tools{position:absolute;z-index:9;left:5px;top:50%;transform:translateY(-50%);display:flex;align-items:center;flex-direction:column;gap:8px;max-height:100%;padding:3px 3px 7px;overflow:auto;scrollbar-width:none;touch-action:pan-y}
.tool-group{display:grid;flex:none;gap:2px;padding:3px;border:1px solid #f0f0ed;border-radius:17px;background:#fff;box-shadow:0 2px 6px #24242814}
.tools .tool-button{width:40px;height:42px;border-radius:12px;color:#171814}
.tools .tool-button:hover:not(:disabled),.tools .tool-button[aria-pressed="true"]{background:#eeefec;color:#171814}
.tools .tool-button:disabled{color:#7b7f76}
.tool-flyout{position:absolute;z-index:8;left:62px;top:50%;transform:translateY(-50%);width:min(280px,calc(100% - 73px));max-height:calc(100% - 16px);overflow:auto;overscroll-behavior:contain;padding:14px;border-radius:16px;touch-action:pan-y;color:#202126;scrollbar-color:#a4a0be transparent;scrollbar-width:thin}
.tool-flyout[data-menu="media"],.tool-flyout[data-menu="more"],.tool-flyout[data-menu="templates"]{width:min(376px,calc(100% - 73px));padding:16px 18px}
.tool-flyout[data-menu="media"]{min-height:min(610px,calc(100% - 16px))}
.flyout-heading,.flyout-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.flyout-heading{margin-bottom:8px}.flyout-heading h2{font-size:17px;line-height:1.3;margin:0}
.flyout-close{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;color:#68677c}
.flyout-caption,.flyout-empty{margin:5px 0 12px;color:#6d6a82;font-size:13px;line-height:1.5}
.flyout-empty{padding:10px 2px}
.flyout-row{display:flex;align-items:center;gap:9px;min-height:38px;width:100%;padding:7px 8px;text-align:left;border-radius:8px;line-height:1.26;font-size:14px}
.flyout-row svg,.flyout-search svg{flex:none}
.flyout-row small{display:block;margin-top:3px;color:#6b6980;font-size:12px;line-height:1.3}
.flyout-row:hover,.flyout-close:hover,.flyout-tile:hover,.flyout-tile[aria-pressed="true"]{background:#f0edfc;color:#5140a8}
.flyout-section{margin:17px 0 3px}.flyout-section-head{margin-bottom:5px}
.flyout-section-head h3{font-size:14px;font-weight:700;margin:0}
.flyout-link{font-size:13px;color:#5444aa;padding:5px 6px;text-align:left;border-radius:6px}
.flyout-link:hover,.flyout-recent button{background:#f2efff}
.flyout-search{display:flex;align-items:center;gap:7px;height:39px;padding:0 10px;margin:1px 0 9px;border:1px solid #d7d6e2;border-radius:6px}
.flyout-search:focus-within{border-color:#6261f5;box-shadow:0 0 0 3px #6561ff37}
.flyout-search input{padding:0;border:0;outline:0!important;box-shadow:none!important;width:100%;height:100%;min-width:0;background:transparent;font-size:14px}
.flyout-tabs,.flyout-recent{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0 5px}
.flyout-tabs button{font-size:13px;color:#605d7e;min-height:34px;padding:6px 10px;border-radius:7px}
.flyout-tabs button:hover,.flyout-tabs button[aria-pressed="true"]{background:#eae9ff;color:#4536be}
.flyout-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
.flyout-checkbox{display:flex;align-items:center;gap:5px;margin:12px 0 0;font-size:12px;color:#6d6a82;cursor:pointer}
.flyout-checkbox input{width:auto;min-height:0}
.flyout-swatches,.flyout-tiles,.flyout-pen-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:9px}
.flyout-swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}
.flyout-tile,.flyout-swatch{display:grid;place-items:center;height:38px;border-radius:7px;background:#f7f7fa;color:#333245}
.flyout-swatch{height:auto;aspect-ratio:1;border:1px solid #39384b24;background:var(--swatch);color:var(--swatch-ink)}
.flyout-swatch:hover,.flyout-swatch[aria-pressed="true"]{outline:2px solid #6651c5;outline-offset:1px}
.pen-modes,.flyout-pen-colors{grid-template-columns:repeat(6,minmax(0,1fr))}
.flyout-pen-colors{margin-top:8px}
.flyout-media-intro{display:flex;align-items:center;gap:8px;padding:14px 0 5px}
.flyout-media-intro h2{font-size:24px;line-height:1.15;margin:0}
.flyout-media-intro p,.flyout-sticker-card p{font-size:13px;color:#777488;margin:7px 0 0;line-height:1.45}
.flyout-media-intro>span{flex:none;display:grid;place-content:center;grid-template-columns:repeat(2,32px);width:85px;height:85px;transform:rotate(-10deg);border-radius:25px;background:#f1edff;font-size:24px}
.flyout-media-intro b{font-size:36px}
.flyout-sticker-card{padding:13px 12px;border-radius:9px;background:linear-gradient(135deg,#fbfaff,#edf0ff);border:1px solid #eeebf6}
.flyout-sticker-card .flyout-link{background:#24242c;color:white;margin-top:10px;padding:6px 9px}
.flyout-media-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.flyout-media-grid button{display:grid;place-items:center;overflow:hidden;border-radius:8px;aspect-ratio:1;min-width:0;font-size:clamp(17px,4vw,25px);background:#f7f6fa}
.flyout-media-grid button:hover{outline:2px solid #7862d0;outline-offset:-2px}
.flyout-media-grid.stickers button{background:var(--sticker)}
.flyout-media-grid.gifs{grid-template-columns:repeat(4,minmax(0,1fr))}
.flyout-media-grid img{width:85%;height:85%;object-fit:contain}
.panel-list button{display:flex;align-items:center;gap:8px;text-align:left;min-height:34px;padding:6px 8px;border-radius:7px;white-space:normal}.panel-list button:hover{background:#f0edff}
.swatches{display:flex;flex-wrap:wrap;gap:6px;padding:3px 4px 6px}.swatch{width:24px;height:24px;border-radius:7px;border:1px solid #4b477139;padding:0}.swatch:hover,.swatch[aria-pressed="true"]{outline:2px solid #7760d6;outline-offset:2px}
.selection-bar{position:absolute;z-index:5;display:flex;align-items:center;padding:4px;gap:2px;min-height:40px;max-width:calc(100% - 24px)}
.selection-bar .icon-button{width:31px;height:31px}.selection-count{font-size:11px;padding:0 5px;white-space:nowrap;color:var(--muted)}
.side-panel{position:absolute;z-index:8;top:12px;right:12px;bottom:62px;width:min(350px,calc(100% - 24px));display:flex;flex-direction:column;overflow:hidden;user-select:text;touch-action:pan-y}
.panel-head{min-height:47px;padding:9px 9px 9px 14px;border-bottom:1px solid #ededf6;display:flex;align-items:center;justify-content:space-between;font-size:15px}
.panel-body{padding:13px;overflow:auto;min-height:0;flex:1}.panel-body p{margin:0 0 9px;line-height:1.55}.panel-muted{color:var(--muted);font-size:12px}.panel-list{display:grid;gap:5px;margin:5px 0 12px}.panel-list button{width:100%}
.panel-body hr{border:0;border-top:1px solid var(--stroke);margin:13px 0}
.panel-item{border:1px solid #e9e7f6;padding:9px 10px;border-radius:9px;margin-bottom:7px;line-height:1.4}
.panel-item .meta{font-size:10px;color:var(--muted);margin-top:4px}.panel-item .line{display:flex;align-items:center;justify-content:space-between;gap:8px}
.panel-item strong{overflow-wrap:anywhere}.panel-item small{color:var(--muted)}
.inline-editor{position:absolute;z-index:9;min-width:90px;min-height:45px;border:2px solid #7866d5;border-radius:7px;background:#fffdf7;padding:8px 9px;resize:none;line-height:1.35;user-select:text;touch-action:auto;outline:0;box-shadow:var(--shadow)}
.inline-editor:focus-visible{outline:0}
.view-controls{position:absolute;right:14px;bottom:14px;z-index:5;display:flex;align-items:center;gap:1px;padding:3px}
.view-controls .icon-button{width:31px;height:31px}#zoom-readout{min-width:51px;min-height:31px;padding:2px 5px;border-radius:7px;font-weight:700;color:#55607c;font-variant-numeric:tabular-nums}
#zoom-readout:hover{background:#f0edff}
.mini-map{position:absolute;bottom:62px;right:14px;z-index:6;width:200px;height:133px;padding:6px;cursor:crosshair}.mini-map svg{width:100%;height:100%}
.canvas-hint{position:absolute;left:14px;bottom:15px;padding:7px 10px;color:#6b7391;background:#fff;border:1px solid #e8e9f4;border-radius:7px;pointer-events:none;font-size:11px;max-width:65%}
.canvas-empty{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:min(350px,calc(100% - 110px));padding:21px 20px;text-align:center;color:#6b7391;border:1px dashed #cdd1e8;border-radius:14px;background:#ffffffdf;pointer-events:none}.canvas-empty b{display:block;color:#39436b;font-size:17px;margin:5px 0 8px}.canvas-empty p{margin:0;line-height:1.5}
.canvas-empty[data-blocked="true"]{pointer-events:auto}
.workshop-hud{position:absolute;z-index:6;top:13px;left:50%;transform:translateX(-50%);display:flex;gap:7px;max-width:calc(100% - 32px);white-space:nowrap}
.workshop-pill{display:flex;align-items:center;gap:7px;border-radius:999px;border:1px solid #ded9f8;padding:7px 11px;background:#f5f2ff;color:#5846ab;font-weight:700;font-size:12px;box-shadow:0 4px 14px #463aa21e}.workshop-pill strong{font-variant-numeric:tabular-nums}.workshop-pill.active{background:#6451c5;color:#fff}
.present-bar{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);z-index:9;display:flex;align-items:center;gap:7px;padding:4px 7px;font-size:12px;max-width:calc(100% - 20px)}
.board.is-presenting .tools,.board.is-presenting .tool-flyout,.board.is-presenting .selection-bar,.board.is-presenting .canvas-hint,.board.is-presenting .view-controls,.board.is-presenting .side-panel,.board.is-presenting .mini-map{display:none!important}
.dialog{width:min(475px,calc(100% - 26px));max-height:calc(100dvh - 30px);overflow:auto;border:1px solid #e0ddef;border-radius:17px;padding:0;background:#fff;color:var(--ink);box-shadow:0 20px 70px #2428494d}
.dialog::backdrop{background:#26305055;backdrop-filter:blur(2px)}
.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 13px 12px 17px;border-bottom:1px solid #ececf6}
.dialog-head h2{font-size:18px;margin:0}.dialog-body{padding:16px 17px}.dialog-body p{color:var(--muted);margin:0 0 13px;line-height:1.65}
.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}
.field{display:block;font-size:12px;font-weight:650;margin:0 0 11px}
.field input,.field textarea,.field select,.form-input{display:block;width:100%;padding:8px 9px;margin-top:5px;border:1px solid #daddf0;border-radius:7px;background:#fbfbff;color:var(--ink);min-height:34px}
.field textarea{min-height:79px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.link-row{display:flex;gap:7px;align-items:center}.link-row input{flex:1;min-width:0;margin:0}.link-row button{flex-shrink:0}
.form-error{min-height:0;margin-top:6px;color:#ad3850;font-size:12px}
.help-grid{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center}.help-grid span{color:var(--muted)}kbd{background:#f0eff9;padding:2px 5px;border:1px solid #e4e1f4;border-radius:4px;color:#5a50a1;font-family:inherit;font-size:11px}
.toasts{position:fixed;z-index:30;left:50%;bottom:16px;transform:translateX(-50%);display:grid;gap:6px;max-width:calc(100% - 20px);pointer-events:none}
.toast{border-radius:9px;background:#293252;color:white;padding:9px 13px;font-size:12px;box-shadow:var(--shadow);line-height:1.4;text-align:center}
@media(max-width:960px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:24px;grid-template-columns:minmax(225px,.85fr) minmax(300px,1.15fr)}.hero p{font-size:14px}.board-actions{gap:4px}}
@media(max-width:720px){.homebar{height:61px}.home-main{padding-top:17px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:24px 20px 29px;gap:23px;border-radius:18px}.hero h1{margin:11px 0 8px;font-size:clamp(33px,8.5vw,48px)}.hero p{margin-bottom:14px}.hero-demo{transform:rotate(0)}.hero-meta{margin-top:11px}.demo-preview{padding:9px}.home-section{margin-top:25px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.template-preview{height:91px;padding:5px}.section-head h2{font-size:23px}.template-card b{font-size:14px}.template-card-body{padding:9px}.home-actions>.quiet{display:none}.brand{gap:8px;font-size:14px}.boardbar{height:56px;padding:0 8px;gap:4px}.stage{top:56px}.board-actions [data-compact="true"]{display:none}.board-actions .primary span{display:none}.board-divider{margin:0}.board-identity{gap:5px}.board-actions .icon-button{width:29px}.board-actions .primary{padding:0 7px}#board-title{width:min(38vw,190px);font-size:13px}.tools{left:8px;padding:4px}.tools .tool-button{width:32px;height:29px}.tools svg{width:17px}.tool-flyout{left:52px}.canvas-hint{display:none}.view-controls{right:8px;bottom:8px}.side-panel{right:7px;top:7px;bottom:51px;width:min(328px,calc(100% - 58px))}.workshop-hud{top:8px}.canvas-empty{width:min(300px,calc(100% - 90px))}}
@media(max-height:560px){.tools{top:7px;bottom:7px;transform:none;overflow:auto}.tool-flyout{top:8px;transform:none}}
@media(max-width:720px){.tools{left:3px;padding:3px}.tools .tool-button{width:34px;height:34px}.tools svg{width:19px}.tool-flyout{left:51px;width:min(280px,calc(100% - 58px))}.tool-flyout[data-menu="media"],.tool-flyout[data-menu="more"],.tool-flyout[data-menu="templates"]{width:min(376px,calc(100% - 58px));padding:13px}}
@media(max-width:420px){.flyout-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.flyout-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}