:root{--ink:#173047;--muted:#73818f;--line:#e4e9ec;--paper:#fff;--subtle:#f6f8fa;--sidebar:#f2f5f7;--accent:#0b3c5d;--select:#e3edf2;--shadow:0 26px 80px #163d5b24;--sun:#f2a541;color-scheme:light}*{box-sizing:border-box}body{margin:0;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#edf2f6}body.dark{--ink:#e1e9f0;--muted:#a0b0bf;--line:#384656;--paper:#1f2a36;--subtle:#263440;--sidebar:#23313d;--accent:#9fcce6;--select:#344d60;--shadow:0 26px 80px #0005;color-scheme:dark}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{color:inherit;border:1px solid var(--line);background:var(--paper);border-radius:7px;padding:8px 12px;cursor:pointer}button:hover{background:var(--select);border-color:#becfda}button:disabled{opacity:.48;cursor:default}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:3px solid #4c9dd0;outline-offset:3px}button svg{pointer-events:none}input,select{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:11px;border-radius:7px}input{min-width:0}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px;font-weight:650;line-height:1.2}h2{font-size:18px;letter-spacing:-.35px}h3{font-size:15px}.muted,small{color:var(--muted)}p{line-height:1.6}.prototype{height:62px;display:flex;justify-content:space-between;align-items:center;padding:0 28px;background:var(--paper);gap:20px;border-bottom:1px solid var(--line)}.prototype-brand,.toolbar{display:flex;gap:14px;align-items:center}.prototype-brand>b{font-size:17px}.prototype small{font-size:9px;letter-spacing:1.3px;border:1px solid var(--line);padding:4px 6px;border-radius:4px}.sep{height:20px;width:1px;background:var(--line)}.toolbar button{border:0;background:transparent;font-size:12px}.toolbar a{font-size:12px;margin-right:8px}.macbar{height:33px;display:flex;justify-content:space-between;align-items:center;padding:0 27px;background:#e7eff6b0;color:#223748;font-size:12px}.macbar>div{display:flex;gap:23px;align-items:center;height:100%}.macbar button{position:relative;height:29px;padding:1px 10px;border:0;background:#c7dae9;border-radius:5px}.pulse{position:absolute;bottom:4px;right:6px;width:4px;height:4px;background:#348369;border-radius:50%}.desktop{min-height:calc(100vh - 131px);padding:30px 35px 28px;background:radial-gradient(ellipse at 95% 100%,#aac2d766,transparent 60%),linear-gradient(125deg,#d8e3ed,#f0f4f7 58%,#d0e1ed)}.dark .desktop{background:linear-gradient(120deg,#142331,#243e51)}.window{max-width:1390px;margin:auto;background:var(--paper);border:1px solid #ffffff66;border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.titlebar{min-height:62px;display:flex;gap:20px;align-items:center;padding:0 20px;border-bottom:1px solid var(--line);background:var(--subtle)}.traffic{display:flex;align-items:center;gap:7px}.traffic>*{width:12px;height:12px;border-radius:50%;padding:0;border:1px solid #0001}.red{background:#ff6058}.yellow{background:#febb2f}.green{background:#28c840}#window-title{font-size:12px;font-weight:600;white-space:nowrap}.search-launch{margin:auto;display:flex;justify-content:space-between;gap:30px;width:420px;color:var(--muted);background:var(--paper);font-size:12px;text-align:left;padding:9px 12px}kbd{font-family:inherit;font-size:11px;white-space:nowrap;color:var(--muted)}.open-top{font-size:12px}.workspace{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:666px}.workspace>aside{background:var(--sidebar);border-right:1px solid var(--line);padding:25px 13px 15px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;padding:0 12px 26px;font-size:19px;font-weight:650;letter-spacing:-.4px}.nav-label{color:var(--muted);font-size:10px;letter-spacing:1px;padding:18px 13px 9px}.nav-item{display:flex;gap:11px;align-items:center;width:100%;text-align:left;border:0;background:none;padding:11px 12px;font-size:13px;margin-bottom:3px}.nav-item.active{background:var(--select);color:var(--accent);font-weight:600}.nav-item .count{margin-left:auto;font-size:11px;opacity:.7}.nav-icon{font-size:17px;width:20px;text-align:center}.sidebar-bottom{margin-top:auto;padding-top:34px}.sidebar-caption{font-size:11px;padding:15px 12px 0;color:var(--muted)}main{padding:29px 32px 30px;max-height:calc(100vh - 258px);min-height:666px;overflow:auto}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--muted);margin-bottom:11px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.page-heading p{margin-top:8px;color:var(--muted);font-size:13px}.primary{background:#0b3c5d;color:white;border-color:#0b3c5d}.primary:hover{background:#145276;color:white}.text-button{border:0;background:none;padding:5px;color:var(--accent);font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 14px}.section-heading h2{font-size:15px}.app-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.quick-app{border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:15px}.quick-app:hover{box-shadow:0 3px 12px #2345}.quick-app strong{font-size:13px}.quick-app small{font-size:10px}.app-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--app) 11%,var(--paper));border-radius:11px;color:var(--app);flex-shrink:0}.app-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}.app-icon.sm{height:32px;width:32px;border-radius:8px}.app-icon.sm svg{height:20px;width:20px}.app-icon.lg{width:70px;height:70px;border-radius:18px}.app-icon.lg svg{width:42px;height:42px}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 249px;gap:24px}.session-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.session-card{text-align:left;display:flex;flex-direction:column;gap:12px;padding:15px;border-radius:9px;background:var(--subtle)}.session-top{display:flex;align-items:center;justify-content:space-between}.badge{display:inline-block;font-size:10px;padding:4px 7px;border-radius:4px;background:var(--select);color:var(--accent);font-weight:500;white-space:nowrap}.badge.warn{background:#fbecd3;color:#8c6121}.session-card strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.session-card small{font-size:11px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sun);margin-right:6px}.window-footer{border-top:1px solid var(--line);height:32px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);background:var(--subtle)}.green-dot{display:inline-block;width:5px;height:5px;background:#348369;border-radius:50%;margin-right:5px}.files{width:100%;border-collapse:collapse;font-size:12px}.files th{text-align:left;font-size:10px;font-weight:500;color:var(--muted);padding:10px 8px;background:var(--subtle);border-bottom:1px solid var(--line)}.files td{padding:11px 8px;border-bottom:1px solid var(--line)}.files td:last-child{width:45px}.file-link{display:flex;align-items:center;gap:11px;border:0;background:transparent;padding:0;text-align:left;max-width:100%}.file-link strong{display:block;font-weight:550;font-size:12px}.file-link small{display:block;margin-top:4px;font-size:10px}.pin{border:0;background:none;font-size:18px;padding:4px;color:var(--muted)}.pin.on{color:#af791a}.preview-mini{height:143px;background:#edf0ed;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px}.mini-paper{width:120px;height:143px;background:white;margin-top:27px;padding:17px 14px;box-shadow:0 5px 20px #152c3c14;color:#19364b}.mini-paper .line{height:3px;background:#d4dce2;margin-top:7px}.mini-paper strong{font-size:10px}.mini-paper .over{font-size:6px;letter-spacing:1px;margin-bottom:10px;color:#93a4b1}.mini-paper .chart{display:flex;height:39px;align-items:flex-end;gap:5px;margin-top:9px}.mini-paper .chart i{background:#b7cfc0;width:20%;height:70%}.mini-paper .chart i:nth-child(2){height:90%}.mini-paper .chart i:nth-child(3){height:45%}.template-spot{border:1px solid var(--line);border-radius:10px;padding:14px}.template-spot p{font-size:11px;color:var(--muted);margin:7px 0 12px}.template-spot button{width:100%;font-size:11px}.tip{margin-top:18px;color:var(--muted);font-size:11px;line-height:1.7;padding:0 4px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.chip{border-radius:6px;background:var(--subtle);border:1px solid transparent;font-size:12px;padding:7px 12px}.chip.on{background:var(--select);color:var(--accent);border-color:#acc5d3}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.app-card{padding:21px;text-align:left;min-height:180px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.app-card h3{margin-top:2px}.app-card p{font-size:12px;color:var(--muted)}.app-card .badge{margin-top:auto}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-card{padding:12px;text-align:left;border-radius:10px}.template-card .preview-mini{height:160px;margin-bottom:12px}.template-card h3{font-size:13px;padding:0 4px}.template-card small{display:block;padding:6px 4px 3px}.preview-mini.sheet{background:#e8f1ed}.preview-mini.slide{background:#f4eae3}.preview-mini.note{background:#eeebf7}.template-grid .mini-paper{transform:scale(1.05)}.current-row{border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:15px;padding:20px;margin-bottom:12px}.current-row .grow{flex:1}.current-row small{display:block;margin-top:7px}.current-row h3{font-size:14px}.empty{text-align:center;padding:65px 20px;color:var(--muted)}.empty-symbol{font-size:36px;margin-bottom:18px;color:#8ba8bc}.empty h2{color:var(--ink);font-size:21px;margin-bottom:12px}.empty p{margin:0 auto 22px;max-width:370px;font-size:13px}.settings-group{max-width:740px;margin-bottom:28px}.settings-group h2{margin-bottom:12px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:18px 0;border-bottom:1px solid var(--line)}.setting-row small{display:block;margin-top:6px;line-height:1.5}.switch{width:37px;height:22px;border:0;border-radius:15px;background:#b3bdc5;padding:3px;flex-shrink:0}.switch:after{content:'';display:block;width:16px;height:16px;background:white;border-radius:50%;box-shadow:0 1px 3px #0002}.switch.on{background:#0b3c5d}.switch.on:after{margin-left:15px}.demo-note{display:flex;justify-content:space-between;gap:20px;background:var(--paper);padding:10px 28px;font-size:10px;color:var(--muted)}#desktop-empty{text-align:center;padding:130px 20px;color:#214057}#desktop-empty p{margin:18px 0 24px}.menu-pop{position:absolute;z-index:30;right:128px;top:100px;width:368px;background:var(--paper);border:1px solid var(--line);box-shadow:0 20px 60px #142f4b38;border-radius:12px;padding:17px;max-height:calc(100vh - 112px);overflow:auto}.menu-pop:before{content:'';position:absolute;top:-7px;right:57px;width:12px;height:12px;transform:rotate(45deg);background:var(--paper);border-left:1px solid var(--line);border-top:1px solid var(--line)}.menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.menu-head h2{font-size:15px}.menu-tabs{display:flex;gap:3px;background:var(--subtle);border-radius:7px;padding:3px;margin:13px 0}.menu-tabs button{flex:1;font-size:11px;border:0;background:none;padding:7px 5px}.menu-tabs button.on{background:var(--paper);box-shadow:0 1px 4px #0001}.menu-file{display:flex;gap:10px;align-items:center;border:0;width:100%;text-align:left;background:none;padding:11px 5px}.menu-file span:not(.app-icon){flex:1}.menu-file strong{display:block;font-size:12px}.menu-file small{display:block;font-size:10px;margin-top:5px}.menu-bottom{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:10px;padding-top:10px;gap:3px}.menu-bottom button{border:0;text-align:left;background:none;display:flex;justify-content:space-between;font-size:12px}.menu-bottom .primary{background:#0b3c5d;color:white;justify-content:center;margin:5px 0}.menu-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.menu-apps button{border:0;display:flex;align-items:center;flex-direction:column;gap:5px;padding:10px 2px;font-size:11px}.menu-search{width:100%;padding:9px;font-size:12px}.overlay{position:fixed;inset:0;background:#17324750;backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:25px}.dialog{width:540px;max-height:85vh;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 100px #17324750;padding:26px}.dialog.wide{width:930px}.dialog.search-dialog{width:650px;align-self:flex-start;margin-top:90px}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.dialog-head h2{font-size:19px}.close-button{border:0;background:var(--subtle);width:28px;height:28px;padding:3px}.dialog p{font-size:13px;color:var(--muted);margin:14px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px;flex-wrap:wrap}.dialog .full{width:100%;margin:10px 0}.dialog label{display:block;font-size:12px;margin-top:18px}.modal-icon{margin:8px 0 18px}.preview-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.preview-layout .preview-mini{height:330px}.preview-layout .mini-paper{transform:scale(1.7)}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.screen-grid button{text-align:left;padding:13px;font-size:12px}.screen-grid small{display:block;font-size:10px;margin-bottom:5px;color:var(--accent)}.search-result{width:100%;display:flex;align-items:center;gap:13px;padding:13px;text-align:left;border:0;background:transparent}.search-result strong{display:block;font-size:13px}.search-result small{display:block;margin-top:5px;font-size:11px}.search-label{font-size:10px;letter-spacing:1px;color:var(--muted);padding:15px 10px 6px}.notice{border:1px solid #e7cd9e;background:#fff8e9;color:#795627;padding:14px;border-radius:8px;font-size:12px;line-height:1.6}.dark .notice{background:#3b3427;color:#edcd98}.editor-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.editor-top .grow{flex:1}.editor-tools{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid var(--line);font-size:12px;border-radius:6px;background:var(--subtle);margin-bottom:24px}.document-canvas{background:#eef1f3;padding:35px;min-height:390px;border-radius:8px}.editable-paper{background:#fff;color:#263c4e;max-width:560px;min-height:350px;padding:45px;margin:auto;box-shadow:0 4px 18px #19324c12;line-height:1.85;font-size:14px;white-space:pre-wrap}.editable-paper.sheet{font-family:ui-monospace,monospace;background-image:linear-gradient(#e7eef2 1px,transparent 1px),linear-gradient(90deg,#e7eef2 1px,transparent 1px);background-size:100% 33px,100px 100%;padding:23px}.editable-paper.slide{aspect-ratio:16/9;min-height:230px;border-left:10px solid #df765e}.editor-label{font-size:10px;margin-top:15px;color:var(--muted)}#toast{position:fixed;bottom:45px;left:50%;transform:translateX(-50%);z-index:80;padding:12px 19px;border-radius:9px;background:#183b51;color:white;box-shadow:0 8px 35px #0002;opacity:0;pointer-events:none;transition:opacity .15s;font-size:12px;max-width:90vw}#toast.show{opacity:1}.spinner{width:35px;height:35px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1600px){.desktop{padding-top:48px}main{min-height:720px}.workspace{min-height:720px}}@media(max-width:1150px){.desktop{padding:20px 18px}.home-columns{grid-template-columns:1fr}.home-aside{display:none}main{padding:24px}.workspace{grid-template-columns:180px 1fr}.titlebar{gap:12px}.search-launch{width:320px}.prototype-brand small{display:none}.quick-app{padding:12px}.menu-pop{right:113px}}@media(max-width:800px){.prototype{height:auto;min-height:62px;padding:12px 15px;flex-wrap:wrap;gap:8px}.prototype-brand span:not(.sep){font-size:12px}.toolbar{gap:8px}.macbar{padding:0 12px}.macbar>div{gap:14px}.macbar>div:first-child>span{display:none}.desktop{padding:13px 9px}.titlebar{flex-wrap:wrap;padding:12px;gap:12px}.search-launch{order:4;width:100%}.open-top{margin-left:auto}.workspace{grid-template-columns:1fr}.workspace>aside{padding:8px;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;overflow:auto;gap:4px}.brand,.nav-label,.sidebar-caption{display:none}.nav-item{width:auto;white-space:nowrap;font-size:11px;padding:9px;gap:5px;margin:0}.sidebar-bottom{margin:0;padding:0;display:flex}.nav-icon{display:none}.nav-item .count{display:none}main{min-height:570px;max-height:none;padding:21px 16px}.app-strip{grid-template-columns:repeat(3,1fr)}.quick-app{gap:8px}.home-columns{display:block}.session-cards{grid-template-columns:1fr 1fr}.app-grid,.template-grid{grid-template-columns:1fr 1fr}.files .optional{display:none}.files td{padding:11px 4px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.current-row{flex-wrap:wrap;padding:14px}.current-row .grow{min-width:65%}.menu-pop{right:8px;top:123px;width:min(368px,calc(100vw - 16px))}.demo-note{padding:10px 15px;flex-wrap:wrap;font-size:9px;gap:5px}.screen-grid{grid-template-columns:1fr 1fr}.dialog{padding:20px}.overlay{padding:12px}.preview-layout{grid-template-columns:1fr}.preview-layout .preview-mini{height:210px}.preview-layout .mini-paper{transform:scale(1.25)}.document-canvas{padding:12px}.editable-paper{padding:24px}.window-footer{font-size:9px;padding:0 10px}.window-footer span:nth-child(2){display:none}.search-dialog{margin-top:60px!important}.editor-tools{gap:9px;flex-wrap:wrap}}

@media (min-width:801px) and (max-height:800px){.workspace{min-height:480px}main{min-height:480px;max-height:480px}.desktop{padding-top:18px;padding-bottom:18px}.sidebar-bottom{padding-top:15px}.workspace>aside{padding-top:18px}.brand{padding-bottom:15px}.nav-item{padding-top:9px;padding-bottom:9px}}
.dark .app-icon{color:color-mix(in srgb,var(--app) 58%,white)}.dark .brand img,.dark .prototype-brand img{filter:brightness(3)}.dark .macbar{background:#243443;color:#e6eef5}.dark .macbar button{background:#a7bccb}