:root {
  --bg:#080a0f; --panel:#12151d; --panel-solid:#12151d; --panel-raised:#171b25;
  --line:rgba(255,255,255,.08); --line-strong:rgba(255,255,255,.14);
  --text:#f4f5f8; --muted:#8f96a7; --muted-light:#b5bbca;
  --accent:#b8ff47; --accent-strong:#94e827; --ink:#16200b;
  --cyan:#55dddf; --violet:#aa86ff;
  font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
}
.atmos-header { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:88px; height:auto; padding:18px 0; border-bottom:1px solid var(--line); }
body>.atmos-header { width:calc(100% - 64px); max-width:1616px; margin:auto; }
.atmos-brand { display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--text); flex-shrink:0; }
.atmos-mark { display:flex; align-items:flex-end; gap:3px; width:35px; height:35px; padding:7px; border:1px solid #b8ff4759; border-radius:10px; background:#b8ff4714; box-shadow:inset 0 0 16px #b8ff470d; }
.atmos-mark i { display:block; width:5px; border-radius:2px; background:var(--accent); box-shadow:0 0 8px #b8ff4766; }
.atmos-mark i:nth-child(1) { height:9px; }.atmos-mark i:nth-child(2) { height:19px; }.atmos-mark i:nth-child(3) { height:14px; }
.atmos-brand-copy { display:flex; flex-direction:column; gap:6px; line-height:1; }
.atmos-brand-copy strong { font-size:15px; letter-spacing:.19em; font-weight:720; }
.atmos-brand-copy small { font-size:8px; letter-spacing:.22em; font-weight:650; color:var(--muted); }
.atmos-header .atmos-nav { display:flex; align-items:center; justify-content:center; gap:8px; height:auto; }
.atmos-header .atmos-nav a { height:auto; padding:9px 13px; border:1px solid transparent; border-radius:9px; color:var(--muted); font-size:12px; white-space:nowrap; text-decoration:none; }
.atmos-header .atmos-nav a.active { color:var(--accent); background:#b8ff4712; border-color:#b8ff4733; }
.atmos-header .atmos-nav a::after { display:none; }
.atmos-privacy { display:flex; align-items:center; gap:9px; font-size:11px; color:var(--muted); white-space:nowrap; }
.atmos-privacy>i { width:7px; height:7px; border-radius:50%; background:#67d996; box-shadow:0 0 0 4px #67d99614; }
.atmos-header .topbar-actions { display:flex; align-items:center; justify-self:auto; gap:9px; }
.atmos-header .topbar-actions .compact { min-height:36px; font-size:11px; padding:0 11px; }
body.material-app { background:radial-gradient(circle at 48% -18%,#b8ff470e,transparent 37%),linear-gradient(180deg,#0c0e14,#080a0f 45%,#07090d); }
.material-app .page { width:min(1680px,100%); max-width:none; padding:0 32px; margin:auto; }
.material-app .intro { padding:30px 0 24px; }
.material-app .intro h1 { font-size:32px; letter-spacing:-1px; line-height:1.2; margin:11px 0; font-weight:700; }
.material-app .intro .eyebrow { color:var(--accent); letter-spacing:.14em; }
.material-app .intro p,.material-app .intro-note { color:var(--muted); }
.material-app .intro-note .outline-icon { border-color:#b8ff4733; color:var(--accent); }
.material-app .workbench { background:var(--panel); border-color:var(--line); border-radius:18px; box-shadow:0 24px 80px #0004; }
.material-app .panel,.material-app .preview-panel,.material-app .settings-panel,.material-app .maps-panel { background:var(--panel); }
.material-app .preview-heading,.material-app .inspection-toolbar,.material-app .preview-auxiliary,.material-app .preview-toolbar,.material-app .lighting-controls,.material-app .diagnostics-strip { border-color:var(--line); }
.material-app .workspace-mode-switch { background:#12151d; border-color:var(--line-strong); border-radius:12px; }
.material-app .workspace-mode-switch>button { border-radius:8px; }
.material-app .workspace-mode-switch>button.active { background:#b8ff4714; color:var(--accent); box-shadow:inset 0 0 0 1px #b8ff4738; }
.material-app .workspace-mode-switch small { color:var(--muted); }.material-app .workspace-mode-switch>button.active small { color:#b6cc94; }
.material-app .workspace-resources { color:var(--muted-light); }.material-app .workspace-resources button { border-color:var(--line-strong); }
.material-app .segmented { background:#0d1017; border-color:var(--line-strong); border-radius:9px; }
.material-app .segmented button { color:var(--muted); }.material-app .segmented button.active { background:#b8ff471a; color:var(--accent); }
.material-app .primary { background:linear-gradient(135deg,#c9ff69,#a8ef38); color:#17240c; border:1px solid #d0ff7780; border-radius:10px; box-shadow:0 5px 20px #b8ff4712; }
.material-app .outline { background:#191e28; border-color:var(--line-strong); color:var(--muted-light); border-radius:8px; }
.material-app .text-button { color:#bdc9b0; }.material-app .icon-button { border-color:var(--line-strong); color:var(--muted-light); }
.material-app select,.material-app input[type=text],.material-app input[type=number] { color:var(--text); background:#0d1119; border:1px solid var(--line-strong); border-radius:7px; }
.material-app input[type=range] { accent-color:var(--accent); }
.material-app .range-field output { color:var(--accent); }
.material-app .panel-title>span:first-child,.material-app .section-label,.material-app .field,.material-app .range-field>span { color:var(--muted-light); }
.material-app .field select { background:#171c26; }.material-app .upload-area { background:#0d1119; border-color:var(--line-strong); border-radius:12px; }
.material-app .workspace-status { color:#a6b594; }.material-app .status-tag { color:#bcceaa; border-color:#b8ff4733; background:#b8ff470a; }
.material-app .layer-row { background:#171c26; border-color:var(--line-strong); }.material-app .layer-row.active { background:#b8ff4710; border-color:#b8ff4766; }
.material-app .layer-row.muted { background:#11151d; }.material-app .layer-select small { color:var(--muted); }.material-app .layer-visibility { color:#abc291; }
.material-app .layer-intro,.material-app .layer-name-field,.material-app .model-status,.material-app .footnote,.material-app .tool-description { color:var(--muted); }
.material-app .brush-toolbar { background:#171f19; border-color:#b8ff4740; border-radius:10px; }
.material-app .brush-shelf { background:#151b23; border-color:var(--line-strong); }.material-app .brush-preset { background:#10151e; border-color:var(--line-strong); border-radius:8px; }
.material-app .brush-preset.active { background:#b8ff4712; border-color:#b8ff4780; }.material-app .brush-preset>span { color:var(--muted-light); }
.material-app .brush-shelf-heading strong { color:var(--accent); }.material-app .brush-palette small,.material-app .brush-shelf-heading>span { color:var(--muted); }
.material-app .model-controls { background:#171e28; border-color:var(--line-strong); border-radius:9px; }
.material-app .viewport-tools { background:#121821ed; border-color:var(--line-strong); border-radius:9px; }.material-app .viewport-light-toggle { background:#b8ff471a; color:#d2ebaf; border-color:#b8ff473b; }
.material-app .viewport-tools select { background:#1a2130; border-color:var(--line-strong); }
.material-app .texture-viewport { background-color:#10141c; }
.material-app .lighting-controls { background:#141923; }.material-app .lighting-controls>summary { color:var(--muted-light); }
.material-app .diagnostics-strip { color:var(--muted); }.material-app .map-card { background:#171b25; border-color:var(--line-strong); border-radius:9px; }
.material-app .map-card.active { border-color:#b8ff4773; box-shadow:0 0 0 1px #b8ff4730; }.material-app .download-one { background:#2d3820; }
.material-app .export-panel { background:#171e24; }.material-app .export-panel>div:first-child { min-width:190px; }
.material-app .export-panel { flex-wrap:wrap; gap:15px; }.material-app .export-panel .export-format { margin-left:auto; font-size:11px; }.material-app .export-panel>.export-format+.export-format { margin-left:0; }
.export-progress { width:100%; display:flex; align-items:center; justify-content:space-between; gap:14px; color:var(--muted); font-size:11px; }
.material-app .production-tools>details { background:var(--panel); border-color:var(--line); border-radius:16px; }
.material-app .production-tools>details>summary { color:var(--text); }.material-app .production-tools summary span { color:var(--muted); }
.material-app .preset-card { background:#151b24; border-color:var(--line-strong); border-radius:13px; }.material-app .preset-card strong { color:var(--text); }.material-app .preset-card small { color:var(--muted); }
.material-app .preset-card .material-ball { display:block; width:100%; aspect-ratio:1; background:radial-gradient(circle at 50% 45%,#29313e,#10141c 75%); }
.material-app .preset-cards { grid-template-columns:repeat(6,minmax(0,1fr)); }
.material-app .preset-card button { background:#b8ff4710; border-color:#b8ff4733; color:#caddb3; }
.material-app .generation-settings,.material-app .global-adjustments { border-color:var(--line-strong); }.material-app .generation-settings>summary,.material-app .global-adjustments>summary { color:var(--muted-light); }
.material-app .site-footer { border-color:var(--line); color:var(--muted); }
@media(max-width:1100px) { .atmos-header .atmos-privacy { display:none; }.material-app .preset-cards { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:740px) { .atmos-header { flex-wrap:wrap; gap:12px; padding:17px 0; }.atmos-header .atmos-nav { order:3; width:100%; justify-content:flex-start; }.atmos-header .atmos-nav a { padding:8px 12px; font-size:11px; }.atmos-header .topbar-actions { margin-left:auto; }.material-app .intro-note { display:none; }.material-app .intro h1 { font-size:27px; }.material-app .page { padding:0 16px; }body>.atmos-header { width:calc(100% - 32px); }.material-app .preset-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }.material-app .export-panel>.export-format { margin-left:0; } }
@media(max-width:480px) { .material-app .preset-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }.material-app .export-panel>.primary { width:100%; }.atmos-header .topbar-actions .compact { font-size:10px; padding:0 8px; } }