:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--workspace:#ececef;--toolbar:#fafafaf0;--paper:#fff;--text:#1d1d1f;--secondary:#6e6e73;--tertiary:#8e8e93;--line:#3c3c4333;--control-fill:#7676801f;--accent:#007aff;--accent-hover:#0071e3;--accent-pressed:#0068d7;--success:#248a3d;--focus:#007aff57;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}html{background:var(--workspace)}body{background:var(--workspace);min-height:100vh;color:var(--text);overflow:hidden}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-frame{background:var(--workspace);grid-template-rows:52px minmax(0,1fr);width:100%;height:100dvh;display:grid;overflow:hidden}.app-header{z-index:30;border-bottom:1px solid var(--line);background:var(--toolbar);min-width:0;display:grid;position:relative}.app-header-inner{grid-area:1/1;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);align-items:center;gap:18px;width:100%;height:51px;padding:0 14px;display:grid;position:relative}.brand{width:fit-content;min-width:0;height:36px;color:var(--text);border-radius:7px;align-items:center;gap:8px;padding:0 8px 0 4px;text-decoration:none;transition:background-color .12s;display:flex}.brand:hover{background:#76768017}.brand-mark{flex:none;place-items:center;width:28px;height:28px;display:grid}.brand-mark img{width:25px;height:25px;display:block}.brand-name{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;line-height:1;overflow:hidden}.primary-nav{z-index:2;background:var(--control-fill);border:1px solid #3c3c4321;border-radius:7px;grid-area:1/1;grid-template-columns:repeat(2,minmax(0,1fr));place-self:center;gap:1px;min-width:0;height:32px;padding:2px;display:grid;position:relative;box-shadow:inset 0 1px 2px #00000009}.nav-link{min-width:116px;height:26px;color:var(--secondary);letter-spacing:0;white-space:nowrap;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s;display:flex}.nav-link svg{flex:none}.nav-link:hover{color:var(--text)}.nav-link-active,.nav-link-active:hover{color:var(--text);background:#fffffff2;border-color:#3c3c4324;box-shadow:0 1px 3px #0000001c,inset 0 1px #fffffff0}.nav-link-active svg{color:var(--accent)}.header-action{justify-content:flex-end;min-width:0;display:flex}.brand:focus-visible,.nav-link:focus-visible,.primary-action:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.primary-action{background:var(--accent);color:#fff;letter-spacing:0;cursor:pointer;border:1px solid #0058b352;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:144px;min-height:32px;padding:0 13px;font-size:12px;font-weight:600;line-height:1;transition:background-color .12s,border-color .12s,box-shadow .12s;display:inline-flex;box-shadow:0 1px 2px #00448c2e,inset 0 1px #ffffff38}.primary-action:hover:not(:disabled){background:var(--accent-hover);border-color:#004e9e66;box-shadow:0 1px 3px #00448c38,inset 0 1px #fff3}.primary-action:active:not(:disabled){background:var(--accent-pressed);border-color:#00469170;box-shadow:0 1px 1px #00448c24,inset 0 1px 1px #00000014}.primary-action:disabled{cursor:default}.primary-action-complete,.primary-action-complete:hover{background:var(--success);border-color:#15662b52;box-shadow:0 1px 2px #145c2629,inset 0 1px #fff3}.page-shell{min-width:0;min-height:0;overflow:hidden}.editor-workspace{background:var(--workspace);justify-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:22px 24px 28px;display:grid}.editor-frame{aspect-ratio:8.5/11;background:var(--paper);border:1px solid #3c3c4333;border-radius:2px;width:auto;max-width:100%;height:100%;min-height:0;transition:border-color .12s;overflow:hidden;box-shadow:0 1px 2px #0000000b,0 10px 30px #0001}.editor-frame:focus-within{border-color:var(--accent)}textarea{resize:none;width:100%;height:100%;min-height:0;color:var(--text);caret-color:var(--accent);letter-spacing:0;tab-size:4;background:0 0;border:0;outline:0;padding:52px 58px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.62;display:block}textarea::placeholder{color:var(--tertiary);opacity:1}textarea::selection{background:#007aff3d}@media (width<=760px){.app-frame{padding-bottom:calc(58px + env(safe-area-inset-bottom));grid-template-rows:52px minmax(0,1fr)}.app-header-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 10px}.brand{gap:7px;padding-left:2px}.brand-mark{width:27px;height:27px}.brand-mark img{width:24px;height:24px}.brand-name{font-size:13px}.primary-nav{z-index:40;width:100%;height:calc(58px + env(safe-area-inset-bottom));padding:5px 18px calc(4px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);box-shadow:none;-webkit-backdrop-filter:saturate(180%)blur(24px);backdrop-filter:saturate(180%)blur(24px);background:#f9f9f9f0;border-radius:0;gap:4px;position:fixed;bottom:0;left:0;right:0}.nav-link{border:0;border-radius:0;flex-direction:column;gap:2px;min-width:0;height:48px;padding:3px 4px 2px;font-size:10px}.nav-link-active,.nav-link-active:hover{color:var(--accent);box-shadow:none;background:0 0;border:0}.primary-action{min-width:140px;min-height:32px;padding:0 11px}.editor-workspace{padding:10px 8px 8px}.editor-frame{aspect-ratio:auto;border-radius:2px;width:100%;max-width:none;box-shadow:0 1px 2px #0000000a,0 6px 18px #0000000d}textarea{padding:26px 24px;font-size:15px;line-height:1.58}}@media (width<=350px){.brand-name{display:none}.primary-action{min-width:136px;padding:0 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}