:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18181b;background:#ececef;font-synthesis:none;--ink: #18181b;--muted: #71717a;--quiet: #a1a1aa;--line: #e1e1e6;--rail: #f6f6f8;--surface: #ffffff;--canvas: #e9e9ed;--violet: #675be7;--violet-soft: #eeecff;--blue: #2c73df;--green: #19865d;--red: #c64235;--amber: #a96516}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%}body{margin:0;min-height:100vh;background:var(--canvas)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(103,91,231,.2);outline-offset:1px}h1,h2,p{margin:0}[hidden]{display:none!important}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:240px minmax(260px,1fr) auto auto;align-items:center;min-height:58px;border-bottom:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;height:100%;padding:0 16px;border-right:1px solid var(--line)}.brand-mark{display:grid;place-items:center;width:28px;height:28px;color:#fff;border-radius:7px;background:var(--ink);font-size:.72rem;font-weight:800}.brand div{display:flex;flex-direction:column;min-width:0}.brand strong{font-size:.78rem;line-height:1.1}.brand span:last-child{margin-top:3px;color:var(--muted);font-size:.61rem}.document-crumb{display:flex;align-items:center;gap:9px;min-width:0;padding:0 18px;color:var(--quiet)}.document-crumb select{max-width:210px;padding:4px 23px 4px 0;border:0;color:var(--muted);background:transparent;font-size:.7rem}.document-crumb strong{overflow:hidden;color:var(--ink);font-size:.72rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.presence{display:flex;align-items:center;padding:0 16px}.presence-chip{display:flex;align-items:center;gap:7px}.presence-chip>span{display:flex;flex-direction:column}.presence-chip b{font-size:.64rem;line-height:1.1}.presence-chip small{margin-top:2px;color:var(--muted);font-size:.52rem}.avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#fff;font-size:.57rem;font-style:normal;font-weight:800}.avatar.you{background:var(--blue)}.avatar.agent{background:var(--violet)}.presence-link{width:18px;height:1px;margin:0 4px;background:linear-gradient(90deg,var(--blue),var(--violet))}.top-actions{display:flex;align-items:center;gap:4px;height:100%;padding:0 12px;border-left:1px solid var(--line)}.save-state{display:inline-flex;align-items:center;margin-right:8px;color:var(--muted);font-size:.61rem;white-space:nowrap}.save-state i{width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--green)}.save-state.working i{background:var(--violet);animation:pulse 1s infinite}.save-state.stale{color:#8a5a16}.save-state.stale i{background:#d99723}.save-state.unavailable{color:#8f2e25}.save-state.unavailable i{background:#c94c42}.quiet-button,.square-button,.icon-text-button{border:0;color:var(--muted);background:transparent;font-size:.68rem;font-weight:600}.quiet-button{min-height:34px;padding:7px 9px;border-radius:7px}.quiet-button:hover,.square-button:hover,.icon-text-button:hover{color:var(--ink);background:#f2f2f5}.quiet-button.strong{color:var(--ink)}.notice{position:fixed;top:68px;left:50%;z-index:50;max-width:min(620px,calc(100vw - 32px));padding:10px 14px;border:1px solid;border-radius:9px;box-shadow:0 12px 36px #18181b24;background:#fff;font-size:.7rem;line-height:1.45;transform:translate(-50%)}.notice.error{color:#8f2e25;border-color:#f0b7b0;background:#fff5f3}.notice.success{color:#126542;border-color:#a7ddc6;background:#f1fcf7}.install-strip{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(280px,1.25fr) auto;gap:28px;align-items:center;padding:13px 18px;color:#f3efe6;background:#151515;border-bottom:1px solid #000}.install-strip div{display:flex;align-items:baseline;gap:12px}.install-strip span{color:#ff6b46;font-size:9px;letter-spacing:.14em;white-space:nowrap}.install-strip strong{font-size:12px;font-weight:600}.install-strip p{margin:0;color:#c8c2b7;font-size:11px;line-height:1.4}.install-strip a{padding-bottom:2px;color:#f3efe6;border-bottom:1px solid #f3efe6;font-size:10px;letter-spacing:.1em;text-decoration:none;white-space:nowrap}.install-strip .install-actions{align-items:center;justify-content:flex-end;gap:14px}.install-actions button{min-height:31px;padding:7px 11px;border:1px solid #ff6b46;border-radius:999px;color:#fff;background:#ff6b46;font-size:10px;font-weight:750;letter-spacing:.04em;white-space:nowrap}.install-actions button:hover{border-color:#ff8569;background:#ff8569}.install-actions button.connected{border-color:#61c89d;color:#caffea;background:transparent}.install-actions button:disabled{cursor:wait;opacity:.7}.shared-workspace{display:grid;grid-template-columns:240px minmax(420px,1fr) 316px;height:calc(100vh - 109px);min-height:620px}.page-rail,.inspector{min-width:0;min-height:0;background:var(--rail)}.page-rail{display:flex;flex-direction:column;border-right:1px solid var(--line)}.rail-actions{display:grid;grid-template-columns:1fr 34px;gap:7px;padding:14px 13px 10px}.new-page-button{min-height:34px;padding:7px 10px;border:0;border-radius:7px;color:var(--ink);background:transparent;font-size:.69rem;font-weight:600;text-align:left}.new-page-button:hover{background:#ececf0}.new-page-button span{margin-right:7px;font-size:.85rem}.square-button{width:34px;height:34px;border-radius:7px;font-size:1rem}.create-form{margin:0 13px 10px;padding:11px;border:1px solid #d8d5fa;border-radius:9px;background:var(--violet-soft)}.create-form label,.field-heading label,#edit-form>label{display:block;margin-bottom:6px;color:var(--muted);font-size:.6rem;font-weight:650}.create-form input,#edit-form input,#edit-form textarea,.search-wrap input{width:100%;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#fff}.create-form input,#edit-form input,.search-wrap input{min-height:36px;padding:8px 10px;font-size:.72rem}.create-form>div{display:flex;gap:6px;margin-top:8px}.create-form button{min-height:29px;padding:5px 9px;border:0;border-radius:6px;color:#fff;background:var(--violet);font-size:.62rem;font-weight:700}.create-form button:last-child{color:var(--muted);background:transparent}.search-wrap{padding:0 13px 9px}.rail-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 17px 8px;color:var(--muted);font-size:.6rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.rail-heading b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;color:var(--muted);background:#e9e9ed;font-size:.56rem}.page-rail nav{flex:1;min-height:0;overflow:hidden}.page-list{height:100%;margin:0;padding:0 9px 18px;overflow-y:auto;list-style:none;scrollbar-width:thin}.page-list li{padding-left:calc(var(--depth) * 10px)}.page-list button{display:grid;grid-template-columns:18px minmax(0,1fr);gap:5px;align-items:center;width:100%;min-height:38px;padding:6px 8px;border:0;border-radius:7px;color:var(--ink);background:transparent;text-align:left}.page-list button:hover{background:#ececf0}.page-list button.active{color:#292368;background:#e8e5ff}.page-list button>span:last-child{display:flex;flex-direction:column;min-width:0}.page-list strong{overflow:hidden;font-size:.67rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.page-list small{margin-top:2px;color:var(--quiet);font-size:.51rem}.page-symbol{color:var(--quiet);font-size:.75rem}.page-list button.active .page-symbol{color:var(--violet)}.empty-copy{color:var(--muted);font-size:.66rem;line-height:1.5}.page-rail>.empty-copy{margin:10px 17px}.rail-footer{display:flex;align-items:center;gap:9px;padding:13px 16px;border-top:1px solid var(--line);background:#ffffff8a}.rail-footer>div{display:flex;flex-direction:column}.rail-footer strong{font-size:.61rem}.rail-footer small{margin-top:2px;color:var(--muted);font-size:.52rem}.connection-dot{width:8px;height:8px;border-radius:50%;background:var(--quiet)}.connection-dot.waiting{background:var(--amber)}.connection-dot.online{background:var(--green);box-shadow:0 0 0 4px #19865d17}.canvas-column{display:grid;grid-template-rows:52px minmax(0,1fr) auto auto 43px;min-width:0;min-height:0;background:var(--canvas)}.canvas-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:0 15px;border-bottom:1px solid #d8d8dd;background:#f8f8fad1}.canvas-toolbar>div:first-child{display:flex;align-items:baseline;gap:8px;min-width:0}.canvas-kicker{color:var(--muted);font-size:.58rem}.canvas-toolbar strong{overflow:hidden;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.canvas-mode{display:inline-flex;align-items:center;gap:5px;margin-left:3px;padding:3px 6px;border-radius:999px;color:#126542;background:#e7f7ef;font-size:.5rem;font-weight:700;white-space:nowrap}.canvas-mode i{width:5px;height:5px;border-radius:50%;background:var(--green)}.viewport-switch{display:flex;padding:3px;border-radius:7px;background:#dfdfe4}.viewport-switch button{min-height:26px;padding:5px 9px;border:0;border-radius:5px;color:var(--muted);background:transparent;font-size:.58rem;font-weight:650}.viewport-switch button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #18181b1a}.icon-text-button{min-height:31px;padding:6px 8px;border-radius:6px}.icon-text-button span{margin-right:4px}.canvas-stage{position:relative;display:grid;place-items:center;min-height:0;padding:28px;overflow:auto;background-color:#e7e7eb;background-image:radial-gradient(#c9c9d0 .7px,transparent .7px);background-size:12px 12px}.canvas-stage img{display:block;max-height:100%;max-width:100%;border:1px solid #cfcfd5;border-radius:3px;box-shadow:0 14px 44px #18181b1f;background:#fff;object-fit:contain;object-position:top}.canvas-stage.interactive{touch-action:none}.canvas-stage.interactive img{cursor:crosshair;-webkit-user-select:none;user-select:none}.canvas-stage.interactive:focus-within{box-shadow:inset 0 0 0 2px #675be747}.canvas-stage.interacting img{filter:saturate(.84)}.canvas-pointer{position:absolute;z-index:4;width:18px;height:18px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--blue),0 4px 12px #18181b2e;background:#2c73df2e;pointer-events:none;transform:translate(-50%,-50%)}.target-marker{position:absolute;z-index:4;display:flex;align-items:center;gap:7px;pointer-events:none;transform:translate(-9px,-9px)}.target-marker i{width:18px;height:18px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--violet),0 5px 18px #342d8c59;background:var(--violet)}.target-marker b{padding:5px 7px;border-radius:5px;color:#fff;box-shadow:0 5px 18px #342d8c40;background:#302a76;font-size:.54rem;white-space:nowrap}.canvas-keyboard{position:fixed;left:-100px;top:-100px;width:2px;height:2px;padding:0;border:0;opacity:.01;resize:none}.canvas-live-hint{position:absolute;right:12px;bottom:12px;z-index:3;max-width:calc(100% - 24px);padding:7px 9px;border:1px solid rgba(24,24,27,.12);border-radius:7px;color:#52525b;box-shadow:0 5px 16px #18181b14;background:#ffffffeb;font-size:.54rem;pointer-events:none}.canvas-stage.desktop img{width:min(100%,1120px)}.canvas-stage.mobile img{height:min(100%,844px);width:auto}.canvas-empty{display:grid;justify-items:center;max-width:390px;color:var(--muted);text-align:center}.canvas-empty strong{margin-top:20px;color:var(--ink);font-size:1.02rem}.canvas-empty p{margin-top:9px;font-size:.7rem;line-height:1.55}.empty-cursor{position:relative;display:block;width:72px;height:56px;border:1px solid #c7c7cf;border-radius:9px;background:#ffffff94}.empty-cursor:before,.empty-cursor:after{content:"";position:absolute;width:15px;height:22px;border:2px solid #fff;clip-path:polygon(0 0,100% 70%,53% 74%,32% 100%)}.empty-cursor:before{left:20px;top:15px;background:var(--blue);transform:rotate(-8deg)}.empty-cursor:after{left:38px;top:12px;background:var(--violet);transform:rotate(8deg)}.canvas-loading{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;color:var(--muted);background:#efeff2d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.canvas-loading span{width:22px;height:22px;border:2px solid #cbc9e8;border-top-color:var(--violet);border-radius:50%;animation:spin .8s linear infinite}.canvas-loading p{margin-top:10px;font-size:.65rem}.comparison-view{padding:12px 14px;border-top:1px solid #d8d8dd;background:#f8f8fa}.comparison-heading,.checkpoint-strip-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.comparison-heading>div{display:flex;flex-direction:column}.comparison-heading span,.checkpoint-strip-heading>span{color:var(--muted);font-size:.55rem;text-transform:uppercase;letter-spacing:.05em}.comparison-heading strong{margin-top:3px;font-size:.68rem}.comparison-heading button,.checkpoint-strip-heading button{padding:5px 8px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#fff;font-size:.57rem;font-weight:650}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.comparison-grid figure{position:relative;height:150px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#e9e9ed}.comparison-grid img{width:100%;height:100%;object-fit:contain;background:#fff}.comparison-grid figcaption{position:absolute;top:6px;left:6px;z-index:1;padding:4px 6px;border-radius:4px;color:#fff;background:#18181bc2;font-size:.5rem;font-weight:700}.checkpoint-strip{padding:9px 12px 10px;border-top:1px solid #d8d8dd;background:#f4f4f7}.checkpoint-cards{display:flex;gap:8px;margin-top:7px;overflow-x:auto;scrollbar-width:thin}.checkpoint-cards>p{margin:5px 0;color:var(--muted);font-size:.58rem}.checkpoint-card{display:grid;grid-template-columns:58px minmax(92px,1fr);flex:0 0 184px;gap:7px;align-items:center;min-height:50px;padding:4px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#fff;text-align:left}.checkpoint-card:hover,.checkpoint-card.active{border-color:#aaa3f1;box-shadow:0 0 0 2px #675be714}.checkpoint-card img{width:58px;height:40px;border-radius:3px;background:#eee;object-fit:cover}.checkpoint-card span{display:flex;min-width:0;flex-direction:column}.checkpoint-card strong{overflow:hidden;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}.checkpoint-card small{margin-top:4px;color:var(--muted);font-size:.47rem}.canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-top:1px solid #d8d8dd;color:var(--muted);background:#f7f7f9}.canvas-footer>div{display:flex;align-items:center;gap:7px}.canvas-footer strong{color:var(--ink);font-size:.6rem}.canvas-footer span{font-size:.57rem}.canvas-footer code{padding:3px 5px;border-radius:4px;background:#e8e8ec;font-size:.52rem}.focus-ring{width:13px;height:13px;border:2px solid;border-radius:50%;background:#fff}.focus-ring.you{border-color:var(--blue)}.focus-ring.agent{margin-left:-11px;border-color:var(--violet)}.inspector{display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--line);background:var(--surface)}.inspector-tabs{display:grid;grid-template-columns:repeat(5,minmax(58px,1fr));min-height:52px;overflow-x:auto;border-bottom:1px solid var(--line)}.inspector-tabs button{position:relative;min-width:58px;padding:0 3px;border:0;color:var(--muted);background:#fafafa;font-size:.56rem;font-weight:600}.inspector-tabs button:after{content:"";position:absolute;right:15px;bottom:-1px;left:15px;height:2px;background:transparent}.inspector-tabs button.active{color:var(--ink);background:#fff}.inspector-tabs button.active:after{background:var(--violet)}.inspector-tabs span{display:inline-grid;place-items:center;min-width:16px;height:16px;margin-left:3px;padding:0 4px;border-radius:999px;color:var(--muted);background:#ededf0;font-size:.5rem}.inspector-panel{flex:1;min-height:0;padding:17px;overflow-y:auto}.panel-intro{display:flex;flex-direction:column;margin-bottom:20px}.panel-intro span{color:var(--muted);font-size:.57rem}.panel-intro strong{margin-top:5px;font-size:.78rem}.panel-copy{margin:-10px 0 17px;color:var(--muted);font-size:.59rem;line-height:1.5}#edit-form>label{margin-top:14px}#edit-form input{margin-bottom:14px}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.field-heading label{margin:0}.field-heading strong{font-size:.64rem}.field-heading small{color:var(--muted);font-size:.54rem}#edit-form textarea{min-height:190px;padding:10px;resize:vertical;font-size:.7rem;line-height:1.55}#edit-form textarea:disabled{color:var(--muted);background:#f7f7f8;opacity:1}.field-note{margin:9px 0 13px;color:var(--muted);font-size:.59rem;line-height:1.5}.primary-action,.secondary-action,.danger-action{width:100%;min-height:38px;padding:8px 11px;border-radius:7px;font-size:.66rem;font-weight:700}.primary-action{border:0;color:#fff;background:var(--violet)}.primary-action:hover{background:#574bcf}.secondary-action{border:1px solid #c8c4f0;color:#3a337e;background:var(--violet-soft)}.danger-action{margin-top:8px;border:0;color:#fff;background:var(--red)}.assets-section{margin-top:23px;padding-top:17px;border-top:1px solid var(--line)}.asset-dropzone{display:grid;grid-template-columns:31px minmax(0,1fr);gap:2px 9px;align-items:center;min-height:61px;margin-top:9px;padding:10px;border:1px dashed #bcb7ed;border-radius:9px;color:var(--ink);background:linear-gradient(135deg,#faf9ff,#f3f1ff);cursor:pointer}.asset-dropzone:hover{border-color:var(--violet);background:#f0eeff}.asset-dropzone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.asset-dropzone>span{display:grid;grid-row:1 / 3;place-items:center;width:31px;height:31px;border-radius:8px;color:#fff;background:var(--violet);font-size:1rem}.asset-dropzone strong{align-self:end;font-size:.62rem}.asset-dropzone small{align-self:start;color:var(--muted);font-size:.49rem}.staged-asset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0 0;padding:0;list-style:none}.staged-asset-list label{position:relative;display:grid;grid-template-rows:67px auto;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.staged-asset-list label:has(input:checked){border-color:#8b82ea;box-shadow:0 0 0 2px #675be71a}.staged-asset-list input{position:absolute;top:6px;right:6px;z-index:2;accent-color:var(--violet)}.staged-asset-list img{width:100%;height:67px;background:#ececf0;object-fit:cover}.staged-asset-list label>span{display:flex;min-width:0;flex-direction:column;padding:6px}.staged-asset-list strong{overflow:hidden;font-size:.53rem;text-overflow:ellipsis;white-space:nowrap}.staged-asset-list small{margin-top:2px;color:var(--muted);font-size:.46rem}.asset-upload-action{min-height:33px;margin-top:9px;font-size:.59rem}.attached-assets-heading{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.asset-list{margin:8px 0 0;padding:0;list-style:none}.asset-list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:center;min-height:34px;border-bottom:1px solid #eeeeF1}.asset-list li>span{color:var(--violet);font-size:.65rem}.asset-list strong{overflow:hidden;font-size:.58rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.assets-section .empty-copy{margin-top:9px}.activity-list{margin:0;padding:0;list-style:none}.activity-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;padding:10px 0;border-bottom:1px solid #eeeeF1}.activity-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#fff;background:var(--violet);font-size:.54rem;font-weight:800}.activity-avatar.failed{background:var(--red)}.activity-avatar.started{color:var(--violet);border:1px solid #c8c4f0;background:var(--violet-soft)}.activity-list div{display:flex;flex-direction:column}.activity-list strong{font-size:.62rem;line-height:1.4}.activity-list small{margin-top:4px;color:var(--muted);font-size:.52rem}.history-list,.task-list{margin:0;padding:0;list-style:none}.history-list li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;padding:10px 0;border-bottom:1px solid #eeeeF1}.history-list img{width:56px;height:44px;border:1px solid var(--line);border-radius:4px;background:#eee;object-fit:cover}.history-list li>div:not(.row-actions){display:flex;min-width:0;flex-direction:column}.history-list strong{overflow:hidden;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.history-list small,.history-list span{margin-top:3px;color:var(--muted);font-size:.49rem}.history-list .row-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:5px;margin-top:-3px}.row-actions button,.task-actions button{padding:5px 8px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:#fff;font-size:.53rem;font-weight:650}.target-card{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:58px;padding:10px;border:1px solid #c8c4f0;border-radius:8px;background:var(--violet-soft)}.target-card.empty{border-style:dashed;border-color:var(--line);background:#fafafa}.target-crosshair{display:grid;place-items:center;width:28px;height:28px;border:1px solid #c8c4f0;border-radius:50%;color:var(--violet);background:#fff;font-size:.9rem}.target-crosshair.active{color:#fff;background:var(--violet)}.target-card div{min-width:0}.target-card strong{font-size:.62rem}.target-card p{margin-top:3px;overflow:hidden;color:var(--muted);font-size:.53rem;text-overflow:ellipsis;white-space:nowrap}.target-card>button{border:0;color:var(--muted);background:transparent;font-size:1rem}.task-form{margin-top:15px}.task-form label{display:block;margin-bottom:6px;color:var(--muted);font-size:.59rem;font-weight:650}.task-form textarea{width:100%;min-height:92px;padding:9px;border:1px solid var(--line);border-radius:7px;color:var(--ink);resize:vertical;font-size:.67rem;line-height:1.45}.task-form .primary-action{margin-top:8px}.task-form>p{margin-top:7px;color:var(--muted);font-size:.52rem;line-height:1.45}.task-list-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 6px;padding-top:16px;border-top:1px solid var(--line)}.task-list-heading strong{font-size:.63rem}.task-list-heading span{color:var(--muted);font-size:.52rem}.task-list li{padding:11px 0;border-bottom:1px solid #eeeeF1}.task-list li>strong{display:block;margin-top:7px;font-size:.62rem;line-height:1.4}.task-list li>p{margin-top:5px;color:var(--muted);font-size:.55rem;line-height:1.4}.task-topline,.task-actions{display:flex;align-items:center;justify-content:space-between;gap:7px}.task-topline small{color:var(--muted);font-size:.49rem}.task-status{padding:3px 6px;border-radius:999px;color:#665d13;background:#fbf6d9;font-size:.49rem;font-weight:750}.task-status.working{color:#3a337e;background:var(--violet-soft)}.task-status.review{color:#126542;background:#e7f7ef}.task-status.completed{color:var(--muted);background:#ededf0}.task-status.failed{color:#8f2e25;background:#fff0ee}.task-actions{justify-content:flex-end;margin-top:9px}.task-actions>span{color:var(--muted);font-size:.51rem}.task-actions button.accept{border-color:var(--violet);color:#fff;background:var(--violet)}.publish-warning{margin:0 0 17px;padding:12px;border:1px solid #ead8af;border-radius:8px;background:#fffaf0}.publish-warning b{font-size:.63rem}.publish-warning p,.publish-copy{margin-top:5px;color:var(--muted);font-size:.59rem;line-height:1.5}.publish-copy{margin:0 0 12px}.change-list{margin:0 0 13px;padding-left:17px;color:var(--muted);font-size:.59rem;line-height:1.5}:root{--ink: #171922;--muted: #686b78;--quiet: #989ba8;--line: #dfe2ea;--rail: #f4f5f8;--surface: #fbfcfe;--canvas: #e3e6ed;--violet: #334cff;--violet-soft: #e9ecff;--blue: #2876d8;--green: #218768;--red: #c5483d;--amber: #b76c20}body{color:var(--ink);background:#dfe2e9}.topbar{min-height:68px;grid-template-columns:260px minmax(260px,1fr) auto auto;border-color:#d6d9e2;box-shadow:0 1px #1719220a;background:#fbfcfef5}.brand{padding:0 20px;border-color:#d6d9e2}.brand-mark{position:relative;width:32px;height:32px;overflow:hidden;border:1px solid #171922;border-radius:50%;background:#fff}.brand-mark i,.brand-mark b{position:absolute;top:7px;width:13px;height:18px;border:2px solid #fff;clip-path:polygon(0 0,100% 70%,55% 74%,35% 100%)}.brand-mark i{left:5px;background:#2876d8;transform:rotate(-8deg)}.brand-mark b{right:4px;background:#334cff;transform:rotate(8deg)}.brand strong{font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-size:.82rem;letter-spacing:-.025em}.brand span:last-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.52rem;letter-spacing:.02em}.document-crumb strong,.document-crumb select{font-size:.74rem}.presence{padding:0 22px}.presence-link{width:26px;background:repeating-linear-gradient(90deg,var(--blue) 0 4px,transparent 4px 7px,var(--violet) 7px 11px)}.avatar{width:27px;height:27px;border:2px solid #fff;box-shadow:0 0 0 1px #1719221f}.shared-workspace{grid-template-columns:260px minmax(460px,1fr) 352px;height:calc(100vh - 68px)}.page-rail,.inspector{background:var(--surface)}.rail-step,.inspector-step{display:flex;align-items:center;gap:11px;min-height:62px;padding:12px 16px;border-bottom:1px solid var(--line);background:#171922;color:#fff}.rail-step>b,.inspector-step>b,.canvas-kicker b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#9ca8ff;font-size:.55rem;letter-spacing:.08em}.rail-step>span,.inspector-step>span{display:flex;min-width:0;flex-direction:column}.rail-step strong,.inspector-step strong{font-size:.68rem;letter-spacing:-.01em}.rail-step small,.inspector-step small{margin-top:3px;color:#aeb1bd;font-size:.51rem}.rail-actions{padding:12px 12px 8px}.new-page-button{min-height:38px;border:1px solid #d8dce6;background:#fff}.new-page-button:hover{border-color:#aeb6ff;background:#f3f4ff}.page-list{padding-right:11px;padding-left:11px}.page-list button{min-height:45px;border:1px solid transparent;border-radius:9px}.page-list button.active{border-color:#cdd2ff;color:#1429ae;box-shadow:inset 3px 0 0 var(--violet);background:#eef0ff}.page-list strong{font-size:.7rem}.page-list small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.48rem;text-transform:uppercase;letter-spacing:.04em}.create-form{border-color:#cdd2ff;border-radius:11px;background:#f1f2ff}.page-source-choice{display:grid;gap:5px;margin:10px 0 0;padding:0;border:0}.page-source-choice legend{margin-bottom:3px;color:var(--muted);font-size:.55rem;font-weight:700}.page-source-choice label{display:flex;align-items:center;gap:7px;min-height:27px;color:var(--ink);font-size:.58rem;cursor:pointer}.page-source-choice input{width:auto;min-height:0;margin:0;accent-color:var(--violet)}.rail-footer{background:#f1f3f7}.canvas-column{grid-template-rows:62px minmax(0,1fr) auto auto 47px;background:var(--canvas)}.canvas-toolbar{padding:0 18px;border-color:#d1d5df;background:#f7f8fbed}.canvas-toolbar>div:first-child{gap:10px}.canvas-kicker{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.5rem;text-transform:uppercase;letter-spacing:.06em}.canvas-toolbar strong{font-size:.76rem}.canvas-stage{padding:38px;background-color:#e2e5ec;background-image:linear-gradient(rgba(255,255,255,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.34) 1px,transparent 1px);background-size:28px 28px}.canvas-stage:before,.canvas-stage:after{content:"";position:absolute;top:13px;z-index:2;width:18px;height:18px;border-color:#828796;pointer-events:none}.canvas-stage:before{left:13px;border-top:1px solid;border-left:1px solid}.canvas-stage:after{right:13px;border-top:1px solid;border-right:1px solid}.canvas-stage img{border:0;border-radius:1px;box-shadow:0 24px 65px #1719222e,0 0 0 1px #17192214}.canvas-live-hint{right:16px;bottom:16px;border-radius:999px;font-size:.56rem}.canvas-footer{border-color:#d1d5df;background:#f6f7fa}.inspector{border-color:#d6d9e2}.inspector-step{min-height:62px;background:#222532}.inspector-tabs{grid-template-columns:repeat(5,minmax(64px,1fr));min-height:48px}.inspector-tabs button{background:#f3f4f7;font-size:.58rem}.inspector-tabs button.active{color:#1429ae;background:#fff}.inspector-tabs button.active:after{right:9px;left:9px;height:3px;background:var(--violet)}.inspector-panel{padding:20px}.panel-intro{margin-bottom:23px}.panel-intro span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.5rem;text-transform:uppercase;letter-spacing:.07em}.panel-intro strong{font-size:.9rem;letter-spacing:-.02em}#edit-form input,#edit-form textarea,.task-form textarea{border-color:#d9dde6;border-radius:9px}#edit-form textarea{font-size:.72rem}.primary-action{min-height:42px;border-radius:9px;background:#283ed5}.secondary-action{border-color:#bec6ff;border-radius:9px;color:#1f31a8;background:#eef0ff}.asset-dropzone{min-height:70px;border-color:#abb4ff;border-radius:11px;background:linear-gradient(135deg,#f9faff 0 62%,#eef0ff 62%)}.asset-dropzone>span{border-radius:50%;background:#334cff}.staged-asset-list label{border-radius:9px}@media(max-width:1050px){.topbar{grid-template-columns:230px minmax(200px,1fr) auto}.shared-workspace{grid-template-columns:230px minmax(400px,1fr) 310px}}@keyframes pulse{50%{opacity:.3;transform:scale(.78)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.topbar{grid-template-columns:230px minmax(200px,1fr) auto}.presence{display:none}.shared-workspace{grid-template-columns:230px minmax(380px,1fr) 310px}}@media(max-width:820px){.install-strip{grid-template-columns:1fr auto}.install-strip p{grid-column:1 / -1;grid-row:2}.topbar{grid-template-columns:185px 1fr auto}.document-crumb{padding:0 10px}.document-crumb select{max-width:120px}.save-state{display:none}.shared-workspace{grid-template-columns:210px minmax(0,1fr);height:auto;min-height:calc(100vh - 68px);grid-template-rows:minmax(620px,calc(100vh - 68px)) auto}.inspector{grid-column:1 / -1;min-height:520px;border-top:1px solid var(--line);border-left:0}}@media(max-width:620px){.install-strip{grid-template-columns:1fr;gap:8px;padding:14px}.install-strip div{display:block}.install-strip div strong{display:block;margin-top:4px}.install-strip p{grid-column:auto;grid-row:auto}.install-strip .install-actions{justify-content:flex-start;margin-top:4px}.topbar{position:static;display:grid;grid-template-columns:1fr auto;min-height:54px}.brand{border-right:0}.brand span:last-child{display:none}.document-crumb{grid-column:1 / -1;grid-row:2;min-height:40px;border-top:1px solid var(--line)}.top-actions{grid-column:2;grid-row:1}.top-actions .quiet-button:first-of-type{display:none}.shared-workspace{display:flex;height:auto;min-height:0;flex-direction:column}.rail-step,.inspector-step{min-height:54px}.page-rail{min-height:0;max-height:none;border-right:0;border-bottom:1px solid var(--line)}.rail-actions{padding:9px 13px 5px}.rail-heading{padding:5px 16px 7px}.page-rail nav{flex:none;min-height:0;overflow:visible}.page-list{display:flex;gap:6px;height:auto;padding:0 9px 12px;overflow-x:auto;overflow-y:hidden}.page-list li{flex:0 0 138px;padding-left:0}.page-list button{min-height:44px;background:#f0f0f3}.rail-footer{display:none}.canvas-column{min-height:720px;grid-template-rows:auto minmax(500px,70vh) auto auto 43px}.canvas-toolbar{grid-template-columns:minmax(0,1fr) auto;min-height:54px}.icon-text-button{grid-column:1 / -1;width:100%;border-top:1px solid var(--line)}.canvas-stage{padding:14px}.canvas-footer{align-items:flex-start;height:auto;min-height:48px;padding:8px 12px}.canvas-footer>div:last-child{flex-direction:column;align-items:flex-end;gap:2px}.inspector{min-height:560px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}