:root{color-scheme:dark;--bg:#171b20;--panel:#1e232a;--line:#333b43;--text:#e6e5df;--muted:#939da6;--gold:#d7b77b;--gold-dark:#3c3426}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{background:#282f37;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:9px 13px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#37414b;border-color:#64707a}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.35;cursor:default}.primary{background:var(--gold);color:#211e17;border-color:var(--gold);font-weight:650}.primary:hover{background:#e8cb95;border-color:#e8cb95}.primary span{margin-left:12px}header{height:78px;display:flex;align-items:center;gap:16px;padding:0 26px;border-bottom:1px solid var(--line);background:#1b2026}.brand{text-decoration:none}.monogram{width:43px;height:43px;border:1px solid #9e8659;border-radius:50%;display:grid;place-items:center;font:20px Georgia;color:var(--gold)}.brandname{font-weight:600;letter-spacing:.14em;font-size:15px;white-space:nowrap}.brandname span{display:block;font-size:9px;font-weight:400;letter-spacing:.2em;color:var(--muted);margin-top:4px}.version{font-size:9px;letter-spacing:.13em;border:1px solid var(--line);padding:3px 6px;color:#a8b2ba;border-radius:4px}nav{margin-left:auto;display:flex;gap:8px}main{height:calc(100dvh - 78px);display:grid;grid-template-columns:218px minmax(200px,1fr) 240px}.tools,.settings{padding:24px 17px;overflow-y:auto;background:var(--panel);display:flex;flex-direction:column}.tools{border-right:1px solid var(--line)}.settings{border-left:1px solid var(--line)}.section-head{display:flex;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:18px}.section-head span{color:#bbc2c7}.spaced{margin-top:23px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool{padding:11px 5px;text-align:left;display:flex;align-items:center;gap:7px;font-size:11px;min-height:46px}.tool .icon{font-size:18px;width:22px;text-align:center;flex-shrink:0;color:var(--tool-color)}.tool.active{border-color:var(--gold);background:var(--gold-dark);color:#f7deb0;box-shadow:inset 0 0 0 1px #d7b77b25}.brush-heading{display:flex;justify-content:space-between;margin-top:22px;font-size:12px}.brush-heading output{color:var(--gold)}input[type=range]{width:100%;accent-color:var(--gold);margin:12px 0;cursor:pointer}input:not([type=range]):not([type=checkbox]),select{width:100%;background:#171d23;color:var(--text);padding:10px;border:1px solid #3b444d;border-radius:5px;min-width:0}.tool-info{font-size:11px;color:#a6afb7;min-height:50px;margin-top:2px}.field-label{display:block;font-size:11px;font-weight:550;color:#b7c0c6;margin:17px 0 8px}.field-label output{float:right;color:var(--gold)}.mini-note{font-size:10px;color:var(--muted);padding-top:23px}.sidebar-bottom{margin-top:auto;padding-top:26px;display:flex;flex-direction:column;gap:14px}.sidebar-bottom a{font-size:11px;color:var(--muted);text-decoration:none}.quiet{border-color:transparent;background:transparent;color:#aeb6bd;text-align:left;padding-left:0}.workspace{min-width:0;display:flex;flex-direction:column;background:#13191e}.canvas-toolbar{height:55px;flex-shrink:0;display:flex;align-items:center;padding:0 18px;gap:16px;border-bottom:1px solid #2b333b}.view-switch{display:flex;border:1px solid var(--line);border-radius:6px;padding:3px;background:#1c2228}.view-switch button{border:0;background:none;padding:5px 14px;font-size:11px;color:var(--muted)}.view-switch button.active{background:#3c444c;color:#f4f1e9}.history{margin-left:auto;display:flex;gap:5px}.history button{padding:2px 10px;font-size:22px;background:none}#renderState{font-size:10px;color:var(--muted)}#viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at center,#28333b 0,#141b21 75%)}#canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.map-caption{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;font-size:9px;letter-spacing:.15em;color:#9facb6;text-shadow:0 1px 5px #000}.zoom{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:2px;background:#1b232bed;border:1px solid #46525d;box-shadow:0 5px 24px #0006;border-radius:8px;padding:4px}.zoom button{border:none;background:none;font-size:16px;padding:4px 11px}.zoom #fit{font-size:11px;border-left:1px solid var(--line);border-radius:0}.zoom output{font-size:11px;min-width:47px;text-align:center}footer{height:32px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:9px;color:#99a6b0;border-top:1px solid var(--line)}.muted{font-size:11px;color:var(--muted);margin:0 0 7px}.seed-row{display:flex;gap:6px}.seed-row button{font-size:20px;padding:3px 11px}.check{display:flex;align-items:center;gap:8px;font-size:11px;color:#bac2c8;margin:22px 0}.check input{accent-color:var(--gold)}.wide{width:100%}.note-card{border:1px solid #465047;background:#262e2c;padding:15px;margin-top:27px;border-radius:7px}.note-card span{font-size:9px;letter-spacing:.15em;color:#b9c9b3}.note-card p{font-size:11px;color:#a8b6ad;margin:9px 0 0}.settings-bottom{font-size:9px;color:var(--muted);margin-top:auto;padding-top:28px}.status-dot{display:inline-block;width:5px;height:5px;background:#8baf83;border-radius:50%;margin-right:6px}#demo{font-size:11px;margin-top:8px}dialog{border:1px solid #62645c;background:#222a30;color:var(--text);border-radius:14px;width:min(520px,90vw);padding:34px;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#080c11aa;backdrop-filter:blur(5px)}dialog h1{font:32px Georgia;margin:12px 0 16px}dialog p,dialog li{font-size:13px;color:#b8c3ca}dialog ol{padding-left:20px}dialog li{margin:12px 0}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}#toast{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);background:#e3cca0;color:#252522;padding:12px 20px;border-radius:8px;box-shadow:0 8px 40px #0008;z-index:20;max-width:85vw;font-size:13px}@media(max-width:1150px){main{grid-template-columns:180px minmax(200px,1fr) 210px}.tools,.settings{padding:20px 12px}.tool{font-size:10px;gap:3px}.version{display:none}header{padding:0 15px}.brandname{font-size:12px}nav button{font-size:12px;padding:8px}#renderState{max-width:120px}}@media(max-width:850px){body{overflow:auto}header{height:auto;min-height:78px;flex-wrap:wrap;padding:12px;gap:10px}nav{width:100%;margin:0;justify-content:flex-end}main{height:calc(100dvh - 125px);min-height:540px;grid-template-columns:150px minmax(200px,1fr)}.settings{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;border-top:1px solid var(--line);overflow:visible}.settings .section-head{grid-column:1/-1}.settings .field-label{margin:5px 0}.settings .note-card{display:none}.tools{padding:18px 8px}.tool{flex-direction:column;gap:1px;padding:5px}.canvas-toolbar{padding:0 8px;gap:5px}#renderState{display:none}.view-switch button{padding:5px 8px}footer #saveState{display:none}.map-caption{left:10px;right:10px;letter-spacing:.05em;font-size:8px}.sidebar-bottom{padding-top:15px}.mini-note{padding-top:12px}}