:root{color:#15231f;font-synthesis:none;text-rendering:optimizelegibility;background:#f2efe6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f2efe6;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid #15231f24;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,4vw,64px);display:flex}.brand{color:inherit;letter-spacing:-.02em;align-items:center;gap:11px;font-weight:800;text-decoration:none;display:flex}.brand-mark{color:#fff;background:#0f766e;border-radius:9px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:22px;display:grid}.brand-note{color:#66716d;letter-spacing:.09em;text-transform:uppercase;border-left:1px solid #15231f40;margin-left:2px;padding-left:13px;font-size:12px;font-weight:650}.connection{color:#59645f;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.signal{background:#c56c57;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #c56c571f}.signal.online{background:#2d8a68;box-shadow:0 0 0 4px #2d8a681f}main{width:min(1480px,100% - 40px);margin:0 auto;padding:clamp(48px,7vw,92px) 0 56px}.intro{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:48px;margin-bottom:40px;display:grid}.eyebrow,.panel-kicker{color:#0f766e;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}h1{letter-spacing:-.045em;max-width:820px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,6vw,76px);font-weight:500;line-height:.98}.lede{color:#5b6762;max-width:440px;margin:0 0 5px auto;font-size:clamp(16px,1.4vw,19px);line-height:1.65}.runtime-card{background:#e7e5dc;border:1px solid #15231f1a;border-radius:14px;grid-template-columns:1fr minmax(180px,30%);align-items:center;gap:28px;padding:18px 22px;display:grid}.runtime-copy{align-items:center;gap:13px;min-width:0;display:flex}.runtime-copy div{flex-direction:column;gap:3px;min-width:0;display:flex}.runtime-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.runtime-copy span:not(.status-dot){color:#6b756f;font-size:12px}.status-dot{border:2px solid #0f766e;border-top-color:#0000;border-radius:50%;flex:none;width:10px;height:10px;animation:1s linear infinite spin}.status-dot.is-ready{background:#2d8a68;border:0;animation:none;box-shadow:0 0 0 4px #2d8a681f}.progress-track{background:#15231f1f;border-radius:99px;height:5px;overflow:hidden}.progress-track span{border-radius:inherit;background:#0f766e;height:100%;transition:width .25s;display:block}.error-banner{color:#752b1c;background:#f7dcd4;border:1px solid #e7b6aa;border-radius:12px;margin-top:14px;padding:14px 18px;font-size:14px}.workspace{background:#fff;border:1px solid #15231f24;border-radius:18px;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);min-height:690px;margin-top:20px;display:grid;overflow:hidden;box-shadow:0 24px 70px #1c2a251a}.panel{flex-direction:column;min-width:0;display:flex}.editor-panel{border-right:1px solid #15231f1f}.panel-header{border-bottom:1px solid #15231f1a;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px 18px 14px 22px;display:flex}.panel-header h2{letter-spacing:-.01em;margin:0;font-size:15px}.panel-header .panel-kicker{margin-bottom:4px;font-size:9px}.compile-button,.download-link{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 17px;font-size:13px;font-weight:750;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.compile-button:hover:not(:disabled),.download-link:hover{background:#0b615a;transform:translateY(-1px)}.compile-button:disabled{color:#88918d;cursor:wait;background:#e6e9e6}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:13px;height:13px;animation:.8s linear infinite spin}.editor-panel textarea{resize:none;color:#d9e5df;tab-size:2;background:#15231f;border:0;outline:0;flex:1;width:100%;padding:24px;font:13px/1.7 SFMono-Regular,Consolas,Liberation Mono,monospace}.preview-stage{background:#dcded8;flex:1;min-height:0;padding:26px}.preview-stage iframe{background:#fff;border:0;border-radius:4px;width:100%;height:100%;min-height:560px;box-shadow:0 12px 34px #15231f2e}.empty-preview{color:#69736e;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:560px;display:flex}.empty-preview strong{color:#293b35;margin-top:25px;font-family:Georgia,serif;font-size:20px;font-weight:500}.empty-preview>span{margin-top:7px;font-size:13px}.paper-stack{color:#0f766e;letter-spacing:.12em;background:#fff;border-radius:3px;place-items:center;width:132px;height:174px;font:800 16px/1 system-ui;display:grid;position:relative;box-shadow:8px 9px #c8cbc5,0 15px 35px #15231f29}.paper-stack:before{content:"";background:#0f766e;height:4px;position:absolute;top:20px;left:20px;right:20px;box-shadow:0 14px #dfe5e1,0 28px #dfe5e1}.log-panel{color:#d9e5df;background:#1a2823;border-radius:12px;margin-top:18px;overflow:hidden}.log-panel summary{cursor:pointer;padding:15px 18px;font-size:13px;font-weight:700}.log-panel summary span{color:#91a29a;margin-left:7px;font-weight:500}.log-panel pre{white-space:pre-wrap;border-top:1px solid #ffffff14;max-height:330px;margin:0;padding:18px;font:11px/1.65 SFMono-Regular,Consolas,monospace;overflow:auto}footer{color:#66716d;border-top:1px solid #15231f1f;justify-content:space-between;gap:20px;padding:24px clamp(20px,4vw,64px);font-size:12px;display:flex}.pwa-toast{z-index:10;color:#fff;background:#15231f;border:1px solid #ffffff24;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;width:min(430px,100vw - 44px);padding:17px 18px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 50px #15231f47}.pwa-toast>div:first-child{flex-direction:column;gap:3px;display:flex}.pwa-toast span{color:#b8c5bf;font-size:12px;line-height:1.4}.toast-actions{gap:7px;display:flex}.toast-actions button{color:#15231f;cursor:pointer;background:#eef2ef;border:0;border-radius:7px;padding:8px 11px;font-size:12px;font-weight:750}.toast-actions button.quiet{color:#d9e5df;background:0 0}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=920px){.intro{grid-template-columns:1fr;gap:25px}.lede{margin-left:0}.runtime-card{grid-template-columns:1fr;gap:14px}.workspace{grid-template-columns:1fr;min-height:0}.editor-panel{border-bottom:1px solid #15231f1f;border-right:0;min-height:630px}.preview-panel{min-height:720px}}@media (width<=560px){.topbar{height:62px}.brand-note{display:none}main{width:min(100% - 24px,1480px);padding-top:38px}h1{font-size:42px}.workspace{border-radius:13px}.panel-header{flex-direction:column;align-items:flex-start}.compile-button,.download-link{width:100%}.editor-panel textarea{padding:18px;font-size:12px}.preview-stage{padding:14px}footer{flex-direction:column}.pwa-toast{flex-direction:column;align-items:stretch}.toast-actions button{flex:1}}