:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b100d;--bg-2:#111812;--stone:#1d251f;--stone-2:#273026;--grass:#4f8f3a;--grass-hot:#78c850;--gold:#e7b84f;--water:#4fb2c8;--text:#edf4ea;--muted:#a7b5a3;--line:#334032;--danger:#f06d6d}*{box-sizing:border-box}body{background:linear-gradient(135deg, #4f8f3a21, transparent 34%), linear-gradient(315deg, #4fb2c81c, transparent 42%), var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,select,textarea,input{font:inherit}.shell{width:min(1440px,100%);margin:0 auto;padding:22px}.topbar{border:2px solid var(--line);background:#111812db;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex;box-shadow:0 8px #050805}.brand,.account,.panelTitle,.paneHead{align-items:center;gap:12px;display:flex}.brandMark{background:linear-gradient(180deg, var(--grass-hot), var(--grass));color:#071008;border:2px solid #9be170;place-items:center;width:46px;height:46px;display:grid;box-shadow:inset 0 -5px #0000003d}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:24px}.brand p,.finePrint,.gate p,.paneHead small{color:var(--muted)}.account{min-width:0;color:var(--muted)}.account img{border:2px solid var(--line);width:34px;height:34px}.gate{place-items:center;min-height:calc(100vh - 126px);display:grid}.gateBlock{background:linear-gradient(90deg, #4f8f3a21 50%, transparent 50%) 0 0 / 32px 32px, var(--stone);border:2px solid var(--line);justify-items:start;gap:18px;width:min(460px,100%);padding:34px;display:grid;box-shadow:0 10px #050805}.gateBlock h2{font-size:30px}.googleButton,.primary,.iconButton{border:2px solid var(--line);color:var(--text);background:var(--stone-2);cursor:pointer;text-decoration:none}.googleButton,.primary{background:linear-gradient(180deg, var(--grass-hot), var(--grass));color:#061007;border-color:#9be170;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 18px;font-weight:700;display:inline-flex;box-shadow:0 5px #050805}.workspace{grid-template-columns:280px 1fr;gap:18px;margin-top:22px;display:grid}.controls,.editorPane{border:2px solid var(--line);background:#111812e6;box-shadow:0 8px #050805}.controls{align-self:start;gap:18px;padding:18px;display:grid}label{color:var(--muted);gap:8px;font-size:14px;font-weight:700;display:grid}select,textarea{border:2px solid var(--line);width:100%;color:var(--text);background:#0f1610;outline:none}select{min-height:44px;padding:0 12px}input[type=range]{accent-color:var(--grass-hot)}.meter{color:var(--gold)}.primary:disabled,.iconButton:disabled{opacity:.55;cursor:not-allowed}.editorGrid{grid-template-columns:1fr 1fr;gap:18px;min-width:0;display:grid}.editorPane{grid-template-rows:auto minmax(520px,calc(100vh - 230px));min-width:0;display:grid}.paneHead{border-bottom:2px solid var(--line);background:linear-gradient(90deg, #ffffff08 50%, transparent 50%) 0 0 / 24px 24px, var(--stone);justify-content:space-between;min-height:56px;padding:0 14px;font-weight:800}textarea{resize:none;border:0;min-height:100%;padding:18px;line-height:1.6}.iconButton{place-items:center;width:38px;height:38px;display:grid}.notice{border:2px solid var(--line);color:var(--gold);background:#101812;grid-column:1/-1;padding:12px 14px}@media (max-width:900px){.topbar,.workspace,.editorGrid{grid-template-columns:1fr}.topbar{display:grid}.editorPane{grid-template-rows:auto 420px}}@media (max-width:560px){.shell{padding:12px}.brand{align-items:flex-start}h1{font-size:20px}.account{flex-wrap:wrap}}