:root{--bg: #f5f1e8;--bg-strong: #ede6db;--surface: rgba(255, 252, 247, .9);--surface-strong: #fffdfa;--surface-elevated: rgba(255, 252, 247, .96);--surface-dark: rgba(16, 24, 31, .94);--canvas-bg: #19242d;--canvas-grid: rgba(255, 255, 255, .045);--border: rgba(71, 58, 42, .12);--border-strong: rgba(71, 58, 42, .2);--text: #201913;--muted: #64594c;--accent: #176b63;--accent-soft: rgba(23, 107, 99, .12);--accent-strong: #0f5a53;--success: #317153;--danger: #b45743;--shadow-sm: 0 10px 24px rgba(50, 40, 29, .08);--shadow-md: 0 22px 48px rgba(50, 40, 29, .12);--shadow-lg: 0 30px 80px rgba(24, 18, 12, .18);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;color:var(--text);background:radial-gradient(circle at top left,rgba(23,107,99,.08),transparent 30%),linear-gradient(180deg,#f9f5ef,#f1eadf);font-family:IBM Plex Sans,Avenir Next,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit}h1,h2,h3,h4,p,dl,dd{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon{width:1rem;height:1rem;flex:0 0 auto}.screen{min-height:100vh;padding:28px}.screen-centered{display:grid;place-items:center}.muted,.detail-list dd,.field input::placeholder,.comment-textarea::placeholder{color:var(--muted)}.section-label,.eyebrow,.detail-list dt{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:none}.build-stamp{position:fixed;right:18px;bottom:18px;z-index:1000;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:#fffdfadb;box-shadow:var(--shadow-sm);color:var(--muted);pointer-events:none}.build-stamp-label{color:var(--accent);font-size:.72rem;font-weight:700}.panel,.note-card,.request-result,.app-header,.workspace-nav,.share-link-card,.inspect-section,.comment-card,.launchpad-file-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel,.request-result,.app-header,.workspace-nav{border-radius:var(--radius-xl)}.panel{padding:26px}.panel-compact{width:min(540px,100%)}.panel-hero{background:linear-gradient(135deg,#176b631a,#ffffff8c),var(--surface)}.panel-header,.section-copy,.route-stack,.main-panel-stack,.sidebar-panel,.auth-notes,.launchpad-project-list,.launchpad-file-body,.launchpad-pages-panel,.editor-stage-panel,.editor-sidebar-section,.editor-overlay-panel-body,.inspect-sections,.share-link-list,.comment-list,.workspace-nav-inner{display:grid;gap:16px}.panel-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.section-copy p{max-width:62ch}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 16px;border:1px solid transparent;border-radius:999px;cursor:pointer;font-weight:600;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.58;cursor:wait;transform:none}.button-primary{background:var(--accent);color:#f8fffd}.button-primary:hover{background:var(--accent-strong)}.button-secondary{border-color:var(--border);background:#ffffffb3;color:var(--text)}.button-secondary:hover{border-color:var(--border-strong);background:var(--surface-strong)}.button-full{width:100%}.button-icon-label{justify-content:flex-start}.button-icon-only{width:42px;min-width:42px;padding:0}.inline-alert{padding:12px 14px;border-radius:var(--radius-md);font-size:.94rem}.inline-alert-success,.request-result-success{border:1px solid rgba(49,113,83,.24);background:#31715314}.inline-alert-error,.request-result-error{border:1px solid rgba(180,87,67,.26);background:#b4574314}.request-result{margin-top:18px;padding:18px 20px}.auth-screen{display:grid;align-items:center}.auth-layout{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:28px}.auth-copy{padding:34px 12px 34px 0}.lede{max-width:42rem;font-size:1.06rem}h1{margin-top:8px;margin-bottom:14px;font-size:clamp(2.7rem,6vw,5.6rem);line-height:.94}h2{font-size:1.65rem;line-height:1.05}h3{font-size:1.08rem}.note-card{border-radius:var(--radius-lg);padding:22px}.auth-form,.field,.inline-form,.rename-form,.stack-form,.comment-form,.comment-field,.contextual-form{display:grid;gap:12px}.field span,.comment-field span{font-size:.92rem;font-weight:600}.field input,.input,.comment-textarea,.inline-form input,.rename-form input,.stack-form input,.contextual-form input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffffc2;color:var(--text)}.app-screen{width:min(1480px,100%);margin:0 auto}.app-screen-editor{width:min(1560px,100%)}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px;padding:24px 28px;background:linear-gradient(135deg,#176b6314,#ffffff8c),var(--surface)}.app-title{font-size:clamp(2rem,4vw,4rem)}.header-actions{display:flex;align-items:center;gap:12px}.identity-chip,.status-pill,.selected-page-chip,.route-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:#ffffffb8;color:var(--muted)}.identity-chip{display:grid;gap:2px;min-width:210px}.identity-chip strong{color:var(--text)}.nav-toggle{display:none}.workspace-shell{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:24px;align-items:start}.workspace-nav{position:sticky;top:28px;padding:20px}.workspace-nav-brand{display:flex;gap:12px;align-items:center}.workspace-nav-brand span{display:block;color:var(--muted);font-size:.92rem}.workspace-nav-badge{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--accent-soft);color:var(--accent)}.workspace-nav-section{display:grid;gap:10px}.workspace-nav-account{padding-top:10px;border-top:1px solid var(--border)}.workspace-content{display:grid;gap:20px}.nav-link{display:inline-flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--muted);text-align:left;cursor:pointer}.nav-link:hover{background:#ffffff8f;color:var(--text)}.nav-link-active{border-color:#176b632e;background:var(--accent-soft);color:var(--accent)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px}.breadcrumb-link{border:0;padding:0;background:transparent;color:var(--accent);cursor:pointer}.detail-list,.feature-list,.resource-list{margin:0;padding:0}.detail-list div+div,.feature-list li+li{margin-top:12px}.resource-list{list-style:none;display:grid;gap:12px}.resource-row{display:grid;gap:12px}.resource-row-inline{grid-template-columns:minmax(0,1fr) auto;align-items:center}.resource-button{width:100%;display:grid;gap:6px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffb3;color:var(--text);text-align:left;cursor:pointer}.resource-button span{color:var(--muted)}.resource-card{min-height:88px}.resource-button-active{border-color:#176b6338;background:#176b631a}.action-strip,.share-link-actions,.toolbar-strip,.editor-segmented-control,.launchpad-file-actions,.header-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.action-strip{align-items:flex-start}.page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.form-error{color:var(--danger);font-size:.92rem}.route-stack{display:grid;gap:20px}.empty-state{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:center;padding:10px 0}.empty-state-copy{display:grid;gap:8px}.illustration-card,.preview-placeholder{position:relative;min-height:132px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(160deg,#ffffffd9,#ebe3d7b8);overflow:hidden}.illustration-card span,.preview-placeholder span{position:absolute;left:14px;bottom:12px;color:var(--muted);font-size:.82rem}.illustration-block,.preview-frame{position:absolute;border:1px solid rgba(23,107,99,.15);border-radius:14px;background:#ffffffb3}.illustration-block-frame,.preview-frame-large{top:16px;right:54px;bottom:38px;left:16px}.illustration-block-sheet,.preview-frame-card{right:18px;bottom:44px;width:74px;height:44px}.illustration-block-chip,.preview-frame-chip{left:28px;bottom:28px;width:88px;height:12px;border-radius:999px}.workspace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.workspace-switch-card{display:grid;gap:10px}.launchpad-heading,.launchpad-project-header,.launchpad-pages-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:start}.launchpad-file-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.launchpad-project-section{display:grid;gap:18px}.launchpad-project-section+.launchpad-project-section{padding-top:24px;border-top:1px solid var(--border)}.launchpad-file-card{overflow:hidden;border-radius:var(--radius-xl)}.launchpad-file-preview{position:relative;min-height:180px;border-bottom:1px solid var(--border);background:radial-gradient(circle at top left,rgba(23,107,99,.08),transparent 40%),linear-gradient(180deg,#ffffffe0,#ece5dbc7)}.launchpad-file-preview-image{display:block;width:100%;height:100%;object-fit:cover}.launchpad-file-body{padding:18px}.launchpad-file-meta{display:grid;gap:6px}.launchpad-file-meta strong{font-size:1.08rem}.launchpad-pages-panel{margin-top:6px;padding-top:16px;border-top:1px solid var(--border)}.contextual-form{min-width:min(520px,100%)}.contextual-form-stack{min-width:min(720px,100%)}.compact-inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:center}.compact-resource-list{gap:10px}.page-open-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr)}.editor-stage-panel{gap:18px;background:#fffcf7d1}.editor-shell-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.editor-shell-heading{display:grid;gap:8px;max-width:640px}.editor-shell-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;align-items:center}.editor-segmented-control{padding:4px;border:1px solid var(--border);border-radius:999px;background:#fffc}.editor-mode-button-active{border-color:#176b6333;background:var(--accent-soft);color:var(--accent)}.editor-toolbar{display:grid;gap:14px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffb8}.editor-toolbar-groups{display:grid;gap:10px}.toolbar-strip-utility .button{min-height:38px}.editor-status-strip{display:flex;flex-wrap:wrap;gap:10px}.status-pill{color:var(--muted)}.presence-strip{display:flex;flex-wrap:wrap;gap:10px}.presence-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(23,107,99,.18);border-radius:999px;background:#ffffffc7;color:var(--text)}.presence-chip-self{border-color:#176b6338;background:var(--accent-soft);color:var(--accent)}.presence-dot{width:10px;height:10px;border-radius:999px}.editor-canvas-shell{position:relative;min-height:72vh;border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,var(--canvas-grid) 1px,transparent 1px),linear-gradient(var(--canvas-grid) 1px,transparent 1px),radial-gradient(circle at top,rgba(255,255,255,.06),transparent 45%),linear-gradient(180deg,#22313c,#162029);background-size:28px 28px,28px 28px,100% 100%,100% 100%}.editor-canvas{display:block;width:100%;height:72vh;touch-action:none}.editor-overlay-panel{position:absolute;top:18px;bottom:18px;z-index:6;width:min(348px,calc(100% - 36px));padding:16px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.12);background:#f8f6f1f5;box-shadow:var(--shadow-lg);display:grid;gap:14px;align-content:start;overflow:auto}.editor-overlay-panel-left{left:18px}.editor-overlay-panel-right{right:18px}.editor-overlay-panel-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.editor-overlay-panel-tabs{width:100%}.editor-empty-state{display:grid;gap:12px;padding:14px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:#ffffff80}.editor-empty-preview{display:grid;grid-template-columns:1fr .48fr;grid-template-rows:54px 10px;gap:10px}.editor-empty-preview span{display:block;border-radius:12px;border:1px solid rgba(23,107,99,.14);background:#ffffffb3}.editor-empty-preview span:last-child{grid-column:1 / span 2;height:10px;border-radius:999px}.layer-list{display:grid;gap:8px}.layer-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px 12px;border-radius:var(--radius-md);background:#ffffff9e;border:1px solid var(--border)}.layer-row-active{border-color:#176b6333;background:var(--accent-soft)}.layer-label{display:grid;gap:2px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.layer-label span,.layer-order{color:var(--muted);font-size:.82rem}.layer-actions{display:flex;gap:6px;flex-wrap:wrap}.button-icon{min-height:34px;padding:0 10px;font-size:.8rem}.comment-textarea{min-height:112px;resize:vertical}.comment-card,.inspect-section,.share-link-card{padding:14px 16px;border-radius:var(--radius-md)}.comment-card-resolved{opacity:.7}.comment-card-header,.comment-card-footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.comment-card-footer{color:var(--muted);font-size:.88rem}.comment-target-chip{flex-shrink:0}.inspect-grid{display:grid;gap:10px}.inspect-grid div{display:grid;gap:4px}.inspect-grid dd{font-weight:600;color:var(--text)}.remote-selection-overlay{position:absolute;border:2px solid;border-radius:12px;pointer-events:none;background:transparent;box-shadow:inset 0 0 0 1px currentColor}.remote-selection-label,.remote-cursor-label{position:absolute;left:0;padding:4px 8px;border-radius:999px;color:#061419;font-size:.75rem;font-weight:700;white-space:nowrap}.remote-selection-label{top:-26px}.remote-cursor{position:absolute;pointer-events:none;transform:translate(-2px,-2px)}.remote-cursor-dot{display:block;width:12px;height:12px;border-radius:999px;border:2px solid rgba(6,20,25,.8)}.remote-cursor-label{display:inline-block;margin-top:6px}.editor-text-overlay{position:absolute;resize:none;padding:8px 10px;border:1px solid rgba(23,107,99,.5);border-radius:10px;background:#fffffff5;color:var(--text);outline:none;box-shadow:var(--shadow-md)}@media(max-width:1080px){.auth-layout,.workspace-shell{grid-template-columns:1fr}.workspace-nav{position:static;display:none}.workspace-nav-open{display:block}.nav-toggle{display:inline-flex}.panel-header,.launchpad-heading,.launchpad-project-header,.launchpad-pages-header{grid-template-columns:1fr;display:grid}.header-actions{flex-wrap:wrap;justify-content:flex-start}}@media(max-width:960px){.screen{padding:18px}.app-header,.panel{padding:20px}.app-header,.editor-shell-header{flex-direction:column}.header-actions,.editor-shell-header-actions,.editor-toolbar-groups,.toolbar-strip,.compact-inline-form{width:100%}.resource-row-inline,.page-open-summary,.empty-state{grid-template-columns:1fr;display:grid}.editor-overlay-panel{top:auto;right:12px;bottom:12px;left:12px;width:auto;max-height:min(72vh,calc(100% - 24px))}.editor-canvas-shell,.editor-canvas{min-height:56vh;height:56vh}}@media(max-width:720px){h1{font-size:clamp(2.3rem,12vw,3.6rem)}.button,.resource-button{width:100%;justify-content:center}.button-icon-only{width:42px}.action-strip,.toolbar-strip,.editor-segmented-control{width:100%}.editor-segmented-control .button{flex:1 1 0}.build-stamp{right:12px;bottom:12px;max-width:calc(100vw - 24px)}}