:root{--paper:#f4f3ed;--white:#fffefa;--ink:#19342b;--muted:#67746d;--line:#dbdfd5;--lime:#d9ef94;--red:#9c3d2d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 "Trebuchet MS",Verdana,sans-serif}[hidden]{display:none!important}h1,h2,p{margin-top:0}h1{font:normal 50px/1.1 Georgia,serif;letter-spacing:-1.8px;margin-bottom:14px}h2{font:normal 27px Georgia,serif;margin:8px 0 20px}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:var(--white);padding:11px 17px;border-radius:6px;color:var(--ink);cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#e9eddf}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:#2e4e3c}.primary span{float:right}.text-button{background:transparent;border:0;padding:9px 0;text-align:left}.danger{color:var(--red)}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:5px;background:var(--white);color:var(--ink)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid #8ba760;outline-offset:2px}textarea{resize:vertical}label{display:block;font-size:13px;font-weight:bold;margin:18px 0 7px}small,.muted{color:var(--muted);font-size:12px}small{display:block;margin-top:7px}.eyebrow,.section-label,.topline,.sidebar-label,.tag{font:11px/1.5 Consolas,"Liberation Mono",monospace;letter-spacing:1.3px}.eyebrow{margin-bottom:14px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:bold;color:inherit;text-decoration:none}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;font:16px Georgia,serif}.shell{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--ink);color:#f0f3e9;padding:32px 23px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-label{color:#a5b9a9;margin:58px 12px 14px}.nav{display:flex;gap:17px;width:100%;padding:13px 14px;background:transparent;border:0;text-align:left;color:#c3cfc5;margin:5px 0}.nav span{font:12px Consolas,monospace;opacity:.6}.nav.active{background:var(--lime);color:var(--ink)}.nav:hover{background:#29493b;color:white}.nav.active:hover{background:var(--lime);color:var(--ink)}.sidebar-bottom{margin-top:auto;font-size:12px;color:#c0cec1;padding:20px 11px 0}.sidebar-bottom p{margin-top:18px;color:#9eafa1}.sidebar-bottom button{color:#e1eccc}.runtime-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:5px}main{padding:0 44px;max-width:1600px;width:100%;min-width:0}.topline{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:23px 0;color:var(--muted);font-size:10px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:46px 0 34px}.page-heading p:not(.eyebrow){color:var(--muted);font-size:14px;margin:0}.accent{color:#93ad4c}.profile-workspace>*{min-width:0}.fields>*{min-width:0}.profile-workspace{display:grid;grid-template-columns:195px minmax(0,1fr);gap:25px}.section-label{display:flex;justify-content:space-between;color:var(--muted);margin:0 0 17px}.profile-option{display:block;width:100%;text-align:left;margin-bottom:9px;padding:14px;border-color:transparent;background:transparent;overflow-wrap:anywhere}.profile-option.selected{border-color:#b9c8a0;background:#e8eddb;box-shadow:inset 3px 0 #486f3c}.profile-option strong{display:block;font-size:14px}.profile-option small{font:11px Consolas,monospace;overflow-wrap:anywhere}.editor{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:27px 30px}.editor-heading{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);margin-bottom:4px}.editor-heading h2{margin:6px 0 18px}.tag{background:var(--lime);padding:4px 8px;border-radius:3px;font-size:9px}.fields{display:grid;gap:20px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr 1fr 1fr}.optional{font-weight:normal;color:var(--muted);font-size:11px;margin-left:6px}details{border-top:1px solid var(--line);margin-top:23px;padding-top:15px}summary{cursor:pointer;font-size:13px}.form-actions{display:flex;gap:10px;align-items:center;margin-top:27px;flex-wrap:wrap}.form-actions .danger{margin-left:auto;font-size:12px}.code-strip{display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:36px;padding-top:27px}.code-strip p{font-size:12px;color:var(--muted);margin:7px 0}.code-strip pre{background:#e9ece2;padding:15px 19px;border-radius:5px;margin:0}pre,code{font:12px/1.6 Consolas,"Liberation Mono",monospace;white-space:pre-wrap;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;color:var(--muted);font:10px Consolas,monospace;letter-spacing:1px;margin:45px 0 22px}.play-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.play-grid form label:first-child{margin-top:0}.play-grid button{margin-top:20px}.result-panel{background:#e9ece2;border:1px solid var(--line);border-radius:9px;padding:28px;min-width:0}.result-panel pre{font-size:14px;max-height:560px;overflow:auto}.result-panel details pre{font-size:11px}#run-state{margin-top:16px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-grid p{font-size:13px}.integration{margin-top:24px}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}#fingerprint{display:block;background:var(--paper);padding:10px}.notice{padding:12px 16px;border-radius:5px;background:#e3edd0;margin-top:15px;font-size:13px}.notice.error{background:#fbe6df;color:var(--red)}.error{color:var(--red)}.login-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-card{max-width:550px;padding:90px 65px;margin:auto}.login-card .eyebrow{display:flex;gap:12px;align-items:center}.login-card h1{font-size:64px;margin-top:46px}.login-card p{color:var(--muted)}.login-card form{margin-top:35px}.login-card button{width:100%;margin-top:16px}.login-art{background:var(--ink);color:var(--lime);display:flex;flex-direction:column;padding:65px;position:relative;overflow:hidden;justify-content:space-between}.login-art>span{font:52px/1.1 Georgia,serif;letter-spacing:-2px;z-index:1}.orb{width:70%;aspect-ratio:1;border-radius:50%;border:1px solid #b4cc78;position:absolute;top:32%;left:15%;background:repeating-radial-gradient(circle at 30% 30%,transparent 0px,transparent 14px,#73975266 15px,transparent 16px)}.login-art small{color:#b1c3a1;z-index:1}dialog{border:1px solid var(--line);border-radius:10px;padding:32px;max-width:520px;background:var(--white);color:var(--ink)}dialog::backdrop{background:#132c23aa}dialog button{margin-top:20px;margin-right:8px}@media(max-width:1100px){main{padding:0 25px}.shell{grid-template-columns:190px 1fr}.sidebar{padding:25px 15px}.profile-workspace{grid-template-columns:155px 1fr;gap:15px}.editor{padding:22px}.code-strip{grid-template-columns:1fr}.three{grid-template-columns:1fr 1fr}.page-heading h1{font-size:42px}.play-grid{grid-template-columns:1fr}}@media(max-width:760px){.shell{display:block}.sidebar{height:auto;position:static;padding:16px 20px}.sidebar-label,.sidebar-bottom,.topline>span:first-child{display:none}.sidebar nav{display:flex;margin-top:15px}.nav{justify-content:center;gap:8px;padding:10px}.brand{font-size:16px}.profile-workspace{grid-template-columns:1fr}#profile-list{display:flex;gap:8px;overflow:auto}.profile-option{min-width:160px;width:auto}.profile-workspace>aside>.text-button{margin-bottom:12px}.page-heading{margin:28px 0;align-items:flex-start}h1,.page-heading h1{font-size:35px}.page-heading>.primary{font-size:12px;white-space:nowrap;padding:10px}.two,.three,.service-grid{grid-template-columns:1fr;gap:0}.service-grid{gap:18px}.editor{padding:20px}.form-actions{gap:8px}.form-actions button{padding:9px;font-size:12px}.login-wrap{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:45px 30px}.login-card h1{font-size:54px}.code-strip{margin-top:25px}.topline{padding:16px 0}.topline>span:last-child{margin-left:auto}main{padding:0 18px}dl{grid-template-columns:1fr;gap:5px}dd{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
