:root {
  --bg: #0d111b;
  --panel: #131925;
  --panel-2: #171f2e;
  --panel-3: #1c2535;
  --line: #283247;
  --line-soft: #222b3d;
  --text: #f4f7fb;
  --muted: #8e9bb0;
  --muted-2: #66738a;
  --accent: #7c6cf2;
  --accent-light: #9689ff;
  --mint: #5ce1b9;
  --yellow: #ffc857;
  --red: #ff6b7d;
  --shadow: 0 18px 60px rgba(0,0,0,.32);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body { background: var(--bg); color: var(--text); font-size: 14px; }
button, input { font: inherit; }
button { color: inherit; }
button, [draggable="true"] { -webkit-user-select: none; user-select: none; }
svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- Start page ---------- */
body.start-open .app-shell { visibility: hidden; }
body.start-open .mobile-note { display: none !important; }
.start-page { position:fixed;inset:0;z-index:300;overflow-y:auto;overflow-x:hidden;background:#0a0f18;color:#f5f7fb;scroll-behavior:smooth; }
.start-page::before { content:"";position:absolute;inset:0 0 auto;height:780px;pointer-events:none;background:radial-gradient(circle at 78% 20%,rgba(105,88,225,.22),transparent 35%),radial-gradient(circle at 18% 25%,rgba(58,193,164,.08),transparent 28%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,38px 38px,38px 38px;mask-image:linear-gradient(#000 65%,transparent); }
.start-page.is-leaving { opacity:0;transform:scale(1.01);transition:opacity .25s ease,transform .25s ease; }
.start-nav { height:72px;position:relative;z-index:5;max-width:1240px;margin:auto;padding:0 22px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.075); }
.start-brand { display:flex;align-items:center;gap:11px; }
.start-brand .brand-copy strong { font-size:17px; }.start-brand .brand-copy small{font-size:8px}
.start-links { display:flex;gap:6px;margin-left:58px; }
.start-links button { border:0;background:transparent;color:#8995a9;padding:9px 12px;border-radius:8px;font-size:11px;font-weight:650;cursor:pointer; }
.start-links button:hover { color:#f2f4f8;background:rgba(255,255,255,.05); }
.start-nav-actions { margin-left:auto;display:flex;gap:8px;align-items:center; }
.start-import-btn,.start-open-btn { height:37px;border-radius:8px;padding:0 13px;display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:750;cursor:pointer; }
.start-import-btn { color:#b5bfce;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035); }.start-import-btn:hover{background:rgba(255,255,255,.075);color:#fff}
.start-import-btn svg { width:15px;height:15px; }
.start-open-btn { color:#fff;border:0;background:#7565e8;box-shadow:0 8px 24px rgba(117,101,232,.2); }.start-open-btn:hover{background:#8677f2}.start-open-btn span{font-size:15px}
.start-main { max-width:1196px;margin:auto;padding:0 22px 90px;position:relative;z-index:2; }
.start-hero { min-height:628px;padding:73px 0 62px;display:grid;grid-template-columns:minmax(430px,.9fr) minmax(470px,1.1fr);gap:72px;align-items:center;border-bottom:1px solid rgba(255,255,255,.07); }
.version-pill { width:max-content;height:25px;border:1px solid rgba(137,121,245,.3);border-radius:99px;background:rgba(124,108,242,.08);color:#a99efa;display:flex;align-items:center;gap:7px;padding:0 10px;font-size:8px;letter-spacing:1.1px;font-weight:850; }
.version-pill i { width:6px;height:6px;border-radius:50%;background:#63e2bb;box-shadow:0 0 0 4px rgba(99,226,187,.09); }
.hero-copy h1 { margin:18px 0 17px;font-size:clamp(47px,5vw,68px);line-height:.98;letter-spacing:-3.6px;font-weight:840; }
.hero-copy h1 em { font-style:normal;background:linear-gradient(100deg,#9889ff,#63e2bb 84%);-webkit-background-clip:text;background-clip:text;color:transparent; }
.hero-copy > p { max-width:530px;margin:0;color:#96a2b5;font-size:14px;line-height:1.65; }
.home-prompt-box { margin-top:28px;min-height:69px;border:1px solid #323b52;border-radius:13px;background:rgba(20,27,40,.86);display:flex;align-items:center;gap:12px;padding:9px 9px 9px 12px;box-shadow:0 15px 45px rgba(0,0,0,.2);transition:.18s; }
.home-prompt-box:focus-within { border-color:#7168bc;box-shadow:0 0 0 4px rgba(124,108,242,.08),0 15px 45px rgba(0,0,0,.22); }
.home-prompt-icon { width:38px;height:38px;border-radius:9px;display:grid;place-items:center;color:#aa9eff;background:linear-gradient(145deg,rgba(124,108,242,.2),rgba(92,225,185,.08));flex:0 0 auto; }
.home-prompt-icon svg { width:20px;height:20px;fill:currentColor;stroke:none; }
.home-prompt-box > div:nth-child(2) { min-width:0;flex:1;display:flex;flex-direction:column;gap:4px; }
.home-prompt-box label { color:#66738b;font-size:7px;letter-spacing:1.1px;font-weight:850; }
.home-prompt-box input { border:0;outline:0;background:transparent;color:#e9edf4;width:100%;font-size:11.5px; }.home-prompt-box input::placeholder{color:#637086}
.home-prompt-box button { border:0;border-radius:9px;background:#f2f3f7;color:#141925;height:47px;padding:0 15px;display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:10px;font-weight:800;cursor:pointer; }.home-prompt-box button:hover{background:#fff;transform:translateY(-1px)}.home-prompt-box button span{color:#7e8795;font-size:14px}
.hero-actions { margin-top:14px;display:flex;gap:9px; }
.hero-primary,.hero-secondary { height:43px;padding:0 16px;border-radius:9px;display:flex;align-items:center;gap:8px;font-weight:750;font-size:11px;cursor:pointer; }
.hero-primary { border:0;background:#7969ed;color:#fff;box-shadow:0 10px 30px rgba(121,105,237,.2); }.hero-primary:hover{background:#897af5;transform:translateY(-1px)}
.hero-secondary { border:1px solid #303a4e;background:#151c29;color:#b5bfce; }.hero-secondary:hover{background:#1e2737;color:#fff}
.hero-primary svg,.hero-secondary svg{width:16px;height:16px}
.hero-proof { margin-top:24px;display:flex;align-items:center;gap:12px;color:#737f92;font-size:8.5px;text-transform:uppercase;letter-spacing:.45px;font-weight:700; }.hero-proof b{color:#bcc5d2;font-size:10px}.hero-proof i{width:3px;height:3px;border-radius:50%;background:#3d485b}
.hero-showcase { min-width:0;position:relative;padding:25px 6px;perspective:1200px; }
.showcase-glow { position:absolute;width:85%;height:70%;left:10%;top:14%;background:rgba(109,91,229,.21);filter:blur(65px);border-radius:50%; }
.showcase-window { position:relative;border:1px solid #3a4560;border-radius:15px;background:#111824;box-shadow:0 35px 90px rgba(0,0,0,.48),0 0 0 7px rgba(255,255,255,.018);overflow:hidden;transform:rotateY(-2deg) rotateX(1deg); }
.showcase-topbar { height:41px;border-bottom:1px solid #2b3549;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;color:#a9b3c3;font-size:9px;font-weight:700; }
.showcase-dots { display:flex;gap:5px; }.showcase-dots i{width:7px;height:7px;border-radius:50%;background:#3a4559}.showcase-dots i:first-child{background:#ff7080}.showcase-dots i:nth-child(2){background:#ffc857}.showcase-dots i:nth-child(3){background:#5ce1b9}
.showcase-play { justify-self:end;color:#6fe4bf;font-size:7px;letter-spacing:.9px;display:flex;align-items:center;gap:5px; }.showcase-play i,.status-live{width:6px;height:6px;border-radius:50%;background:#5ce1b9;box-shadow:0 0 0 4px rgba(92,225,185,.08)}
.showcase-canvas-wrap { position:relative;aspect-ratio:16/9;background:#111827;overflow:hidden; }.showcase-canvas-wrap canvas{display:block;width:100%;height:100%}
.showcase-hud { position:absolute;left:10px;top:10px;display:flex;gap:5px; }.showcase-hud span{height:25px;padding:0 8px;border-radius:7px;background:rgba(11,17,28,.78);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:4px;font-size:10px;color:#70e7c1}.showcase-hud span:nth-child(2){color:#ff8391}.showcase-hud b{color:#fff}
.showcase-cursor { position:absolute;left:68%;top:49%;width:26px;height:26px;border:1px solid #fff;border-radius:7px;display:grid;place-items:center;background:rgba(124,108,242,.72);box-shadow:0 7px 18px rgba(0,0,0,.22);animation:cursorFloat 2.5s ease-in-out infinite; }.showcase-cursor span{font-size:16px}.showcase-cursor::after{content:"";position:absolute;width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:50%}
@keyframes cursorFloat{50%{transform:translate(10px,-8px)}}
.showcase-bottom { height:34px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;color:#68758a;font-size:8px; }.showcase-bottom span:first-child{display:flex;align-items:center;gap:7px;color:#8d99ac}
.float-card { position:absolute;z-index:2;min-width:143px;height:53px;border:1px solid #3b465c;background:rgba(24,33,48,.94);backdrop-filter:blur(10px);border-radius:11px;display:flex;align-items:center;gap:9px;padding:7px;box-shadow:0 14px 35px rgba(0,0,0,.35);animation:cardFloat 4s ease-in-out infinite; }.float-card-one{left:-35px;bottom:4px}.float-card-two{right:-23px;top:1px;animation-delay:-2s}
@keyframes cardFloat{50%{transform:translateY(-6px)}}
.float-icon { width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:16px; }.gem-float{color:#74e3ff;background:rgba(68,188,222,.16)}.portal-float{color:#b099ff;background:rgba(124,108,242,.17);box-shadow:inset 0 0 0 2px rgba(167,150,255,.2)}
.float-card div{display:flex;flex-direction:column;gap:3px}.float-card b{font-size:9.5px}.float-card small{color:#758196;font-size:8px}
.recent-section,.home-templates,.home-features { padding:65px 0 0; }
.home-section-heading { display:flex;align-items:end;justify-content:space-between;margin-bottom:21px; }.home-section-heading > div{display:flex;flex-direction:column;gap:7px}.home-section-heading span{color:#7c6cf2;font-size:8px;letter-spacing:1.5px;font-weight:850}.home-section-heading h2{font-size:25px;letter-spacing:-.7px;margin:0}.home-section-heading p{color:#768297;font-size:10.5px;margin:0 0 3px}.home-section-heading.centered{align-items:center;flex-direction:column;text-align:center;gap:9px}.home-section-heading.centered>div{align-items:center}
.recent-project-card { width:100%;min-height:154px;border:1px solid #293448;border-radius:14px;background:linear-gradient(105deg,#151d2b,#121925);display:grid;grid-template-columns:225px 1fr 54px;align-items:center;padding:10px;color:#fff;text-align:left;cursor:pointer;transition:.2s; }.recent-project-card:hover{border-color:#565383;background:linear-gradient(105deg,#1a2333,#171e2c);transform:translateY(-2px);box-shadow:0 18px 45px rgba(0,0,0,.2)}
.recent-thumb { width:100%;aspect-ratio:16/9;border-radius:9px;overflow:hidden;position:relative;background:#202a3c; }.recent-thumb canvas{width:100%;height:100%;display:block}.recent-thumb span{position:absolute;right:7px;bottom:7px;height:20px;border-radius:5px;background:rgba(12,17,27,.78);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;padding:0 6px;font-size:6.5px;letter-spacing:.8px;font-weight:800}
.recent-info { padding:0 24px; }.recent-title{display:flex;align-items:center;gap:9px}.recent-title h3{font-size:18px;margin:0;letter-spacing:-.3px}.recent-title>span{color:#63e2bb;border:1px solid rgba(99,226,187,.25);background:rgba(99,226,187,.07);border-radius:4px;padding:3px 5px;font-size:6px;letter-spacing:.7px}.recent-info p{color:#6f7c90;font-size:9px;margin:7px 0 20px}.recent-meta{display:flex;gap:20px;color:#768397;font-size:8.5px}.recent-meta b{color:#c8d0dc;font-size:9px}.recent-arrow{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#222b3e;color:#a89dfb;font-size:17px}
.home-kit-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:11px; }.home-kit-card{min-width:0;border:1px solid #293448;border-radius:12px;background:#141c29;padding:8px;color:#f1f4f8;display:grid;grid-template-columns:94px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;cursor:pointer;transition:.18s}.home-kit-card:hover{background:#1a2332;border-color:#4e4c78;transform:translateY(-2px)}.home-kit-card>div:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:5px}.home-kit-card strong{font-size:10.5px}.home-kit-card small{color:#758297;font-size:8.5px}.home-kit-card em{font-style:normal;color:#7569cb;font-size:15px;margin-right:5px}.home-kit-card.new-kit em{font-size:6px;letter-spacing:.8px;color:#6be2bd;border:1px solid rgba(92,225,185,.25);padding:4px;border-radius:4px}
.home-kit-scene { width:94px;height:58px;border-radius:7px;position:relative;overflow:hidden; }.home-kit-scene::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:#966440;border-top:4px solid #64cf76}.home-kit-scene i{position:absolute;width:55px;height:28px;border-radius:50% 50% 0 0;left:-8px;bottom:9px;background:rgba(65,150,103,.55)}.home-kit-scene b{position:absolute;width:42px;height:7px;right:13px;bottom:24px;background:#966440;border-top:3px solid #64cf76}.home-kit-scene span{position:absolute;width:7px;height:12px;border-radius:50%;right:29px;bottom:34px;background:#ffc84d;box-shadow:0 0 0 2px #ffe58b inset}.meadow-scene{background:linear-gradient(#6ec9df,#d9f0c6)}.night-scene{background:linear-gradient(#171b43,#3e4779)}.night-scene::after,.night-scene b{border-color:#7771c5;background:#423e63}.night-scene span{background:#fff0ae}.candy-scene{background:linear-gradient(#ee9bc7,#ffd5df)}.candy-scene::after,.candy-scene b{border-color:#65d7ba;background:#bd737a}.desert-scene{background:linear-gradient(#efad58,#f8ddb0)}.desert-scene::after,.desert-scene b{border-color:#d6ad5c;background:#9d633c}.frost-scene{background:linear-gradient(#7ecbe5,#e6f8ff)}.frost-scene::after,.frost-scene b{border-color:#effcff;background:#6fa7be}.frost-scene span{background:#65dcff;transform:rotate(45deg);border-radius:2px}.volcano-scene{background:linear-gradient(#331c2a,#9e3d31)}.volcano-scene::after,.volcano-scene b{border-color:#ff7043;background:#3a2a32}.volcano-scene span{background:#ffb342;box-shadow:0 0 8px #ff7043}.mega-scene{background:linear-gradient(110deg,#73cadf 0 33%,#eca0ca 33% 66%,#302858 66%)}.mega-scene::after{background:#674a3b;border-color:#64d782}.mega-scene b{width:23px;right:35px;background:#6c5bc3;border-color:#a69aff}.mega-scene span{right:12px;background:#5fe0df;box-shadow:0 0 8px #5fe0df}
.home-features { padding-bottom:20px; }.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:27px}.feature-grid article{border:1px solid #273145;border-radius:13px;background:#121925;padding:20px;min-height:178px}.feature-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;margin-bottom:19px}.feature-icon svg{width:19px;height:19px}.feature-icon.purple{background:rgba(124,108,242,.14);color:#a99dff}.feature-icon.mint{background:rgba(92,225,185,.12);color:#64e4bd}.feature-icon.yellow{background:rgba(255,200,87,.12);color:#ffd16e}.feature-icon.coral{background:rgba(255,107,125,.12);color:#ff8492}.feature-grid h3{font-size:12px;margin:0 0 8px}.feature-grid p{font-size:9.5px;line-height:1.55;color:#778499;margin:0}
.start-footer { min-height:88px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;max-width:1196px;margin:auto;padding:0 22px;color:#667389;font-size:9px}.start-footer .start-brand{gap:8px}.start-footer .brand-mark{transform:scale(.72);margin-right:-3px}.start-footer .start-brand strong{color:#dce2eb;font-size:11px}.start-footer p{margin-left:24px}.start-footer>span{margin-left:auto}.start-brand.mini .brand-mark span{display:block}

.app-shell { height: 100%; min-width: 900px; display: grid; grid-template-rows: 62px minmax(0,1fr); }
.topbar {
  height: 62px; display: flex; align-items: center; border-bottom: 1px solid var(--line-soft);
  padding: 0 16px; background: #101621; position: relative; z-index: 20;
}
.brand { display: flex; align-items: center; gap: 10px; width: 252px; flex: 0 0 auto; border:0;background:transparent;color:var(--text);padding:0;text-align:left;cursor:pointer; }
.brand-mark { width: 31px; height: 31px; position: relative; display: inline-block; }
.brand-mark span { position: absolute; display: block; width: 13px; height: 13px; border-radius: 4px; transform: rotate(-8deg); }
.brand-mark span:nth-child(1) { background: #8d7df7; top: 1px; left: 1px; }
.brand-mark span:nth-child(2) { background: #5ce1b9; top: 2px; right: 0; transform: rotate(8deg); }
.brand-mark span:nth-child(3) { background: #ffc857; bottom: 0; left: 9px; transform: rotate(4deg); }
.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy strong { font-size: 16px; letter-spacing: -.25px; }
.brand-copy small { color: var(--muted-2); font-size: 8px; font-weight: 800; letter-spacing: 1.8px; margin-top: 4px; }
.project-title-wrap { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 7px; }
.project-title { background: transparent; color: #dde3ed; border: 1px solid transparent; border-radius: 7px; text-align: center; width: 180px; padding: 6px 8px; font-weight: 650; outline: none; }
.project-title:hover, .project-title:focus { background: var(--panel-2); border-color: var(--line); }
.save-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 3px rgba(92,225,185,.1); }
.save-dot.dirty { background: var(--yellow); }
.save-copy { color: var(--muted-2); font-size: 11px; width: 34px; }
.top-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.history-controls { display: flex; gap: 2px; margin-right: 4px; border-right: 1px solid var(--line-soft); padding-right: 10px; }
.icon-btn, .tool-btn { border: 0; background: transparent; display: inline-grid; place-items: center; cursor: pointer; color: var(--muted); border-radius: 7px; transition: .16s ease; }
.icon-btn { width: 34px; height: 34px; }
.icon-btn svg, .tool-btn svg { width: 17px; height: 17px; }
.icon-btn:hover:not(:disabled), .tool-btn:hover:not(:disabled) { color: var(--text); background: var(--panel-3); }
button:disabled { opacity: .33; cursor: not-allowed; }
.primary-btn, .secondary-btn, .build-btn { border: 0; border-radius: 8px; height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 750; cursor: pointer; transition: transform .15s ease, background .15s ease, border-color .15s ease; }
.primary-btn { background: var(--accent); color: white; padding: 0 14px; box-shadow: 0 7px 18px rgba(124,108,242,.18); }
.primary-btn:hover { background: #8a7bf8; transform: translateY(-1px); }
.secondary-btn { background: var(--panel-3); color: #dce3ee; border: 1px solid var(--line); padding: 0 13px; }
.secondary-btn:hover { background: #222d40; border-color: #37445c; }
.new-project-btn{border:1px solid var(--line);background:#182130;color:#aeb8c8}.new-project-btn:hover{border-color:#4b5670!important}.preview-btn svg, .primary-btn > svg:first-child { width: 16px; height: 16px; }
.primary-btn .chevron { width: 13px; height: 13px; margin-left: 1px; }
.export-wrap { position: relative; }
.export-menu { position: absolute; width: 242px; top: 44px; right: 0; background: #192131; border: 1px solid #2f3a50; border-radius: 12px; padding: 7px; box-shadow: var(--shadow); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: .16s ease; }
.export-menu.open { opacity: 1; visibility: visible; transform: translateY(0); }
.export-menu button { width: 100%; border: 0; background: transparent; border-radius: 8px; display: flex; gap: 11px; padding: 10px; text-align: left; cursor: pointer; align-items: center; }
.export-menu button:hover { background: #232d40; }
.export-menu button > span:last-child { display: flex; flex-direction: column; gap: 3px; }
.export-menu strong { font-size: 12.5px; }
.export-menu small { color: var(--muted); font-size: 10.5px; }
.menu-icon { width: 31px; height: 31px; border-radius: 8px; display: grid; place-items: center; background: #29354a; color: #abb6c8; font-size: 11px; font-weight: 800; flex: 0 0 auto; }
.menu-icon.html-icon { color: #bcb4ff; background: rgba(124,108,242,.16); }
.menu-icon.json-icon { color: #6ce8c3; background: rgba(92,225,185,.12); }
.menu-icon svg { width: 16px; height: 16px; }
.menu-divider { height: 1px; background: var(--line); margin: 5px 4px; }

.workspace { min-height: 0; display: grid; grid-template-columns: 252px minmax(440px,1fr) 276px; }
.panel { background: var(--panel); min-height: 0; }
.left-panel { border-right: 1px solid var(--line-soft); display: grid; grid-template-rows: 49px minmax(0,1fr); }
.right-panel { border-left: 1px solid var(--line-soft); overflow-y: auto; }
.panel-tabs { display: grid; grid-template-columns: repeat(3,1fr); padding: 8px 10px 0; gap: 3px; border-bottom: 1px solid var(--line-soft); }
.panel-tab { border: 0; border-bottom: 2px solid transparent; color: var(--muted); background: transparent; cursor: pointer; font-size: 12px; font-weight: 700; }
.panel-tab:hover { color: #dce3ed; }
.panel-tab.active { color: #fff; border-bottom-color: var(--accent-light); }
.tab-content { display: none; height: 100%; min-height: 0; }
.tab-content.active { display: flex; flex-direction: column; }
.asset-search-wrap { margin: 13px 12px 7px; height: 35px; border: 1px solid var(--line); background: #0f1520; border-radius: 8px; display: flex; align-items: center; gap: 8px; padding: 0 9px; }
.asset-search-wrap:focus-within { border-color: #5c5b9c; box-shadow: 0 0 0 3px rgba(124,108,242,.08); }
.asset-search-wrap svg { width: 15px; color: var(--muted-2); }
.asset-search-wrap input { flex: 1; min-width: 0; background: transparent; color: var(--text); outline: none; border: 0; font-size: 12px; }
.asset-search-wrap input::placeholder { color: #68758a; }
kbd { font-family: inherit; }
.asset-search-wrap kbd { width: 18px; height: 18px; display: grid; place-items: center; color: #69768b; border: 1px solid #303a4e; border-radius: 4px; font-size: 9px; background: #171e2b; }
.asset-scroll { overflow-y: auto; padding: 3px 12px 22px; scrollbar-color: #344057 transparent; scrollbar-width: thin; }
.asset-section { padding-top: 12px; }
.section-label { height: 22px; display: flex; justify-content: space-between; align-items: flex-start; color: #9da9bb; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .9px; }
.section-label small { font-size: 7px; color: #536078; letter-spacing: .8px; }
.asset-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.asset-card { height: 78px; background: #182130; border: 1px solid #263149; color: #aeb9ca; border-radius: 9px; cursor: grab; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 7px; font-size: 10.5px; font-weight: 650; transition: .16s ease; position: relative; overflow: hidden; }
.asset-card::after { content:""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(145deg,rgba(255,255,255,.035),transparent 50%); pointer-events: none; }
.asset-card:hover { border-color: #5c5791; background: #20283b; color: #e2e6ed; transform: translateY(-1px); }
.asset-card:active { cursor: grabbing; transform: scale(.98); }
.asset-card.dragging { opacity: .5; }
.asset-card[hidden] { display: none; }
.asset-art { width: 42px; height: 37px; position: relative; display: block; }
.hero-art { width: 34px; height: 34px; border-radius: 13px 13px 12px 12px; background: #8e7bf4; border: 2px solid #a99aff; box-shadow: inset 0 -6px 0 rgba(55,42,135,.28), 0 3px 8px rgba(0,0,0,.22); }
.hero-art::before, .hero-art::after { content:""; position: absolute; width: 4px; height: 6px; background: #182238; border-radius: 50%; top: 10px; }
.hero-art::before { left: 8px; } .hero-art::after { right: 8px; }
.hero-art i { position: absolute; width: 8px; height: 3px; border-bottom: 2px solid #302763; border-radius: 50%; left: 11px; top: 20px; }
.hero-art b { position: absolute; width: 12px; height: 6px; background: #6858cd; border-radius: 3px; bottom: -4px; left: 0; box-shadow: 20px 0 #6858cd; }
.slime-art { height: 26px; margin-top: 8px; background: #5bd19a; border: 2px solid #78e9b3; border-radius: 16px 16px 7px 7px; box-shadow: inset 0 -6px rgba(20,100,71,.22); }
.slime-art::before, .slime-art::after { content:""; position:absolute; width: 4px; height: 5px; background: #17362f; border-radius: 50%; top: 8px; }
.slime-art::before { left: 11px; } .slime-art::after { right: 11px; }
.slime-art i { position: absolute; bottom: -5px; left: 2px; width: 10px; height: 7px; border-radius: 50%; background: #45ae7b; box-shadow: 26px 0 #45ae7b; }
.asset-card.new-object::before { content:"NEW";position:absolute;right:5px;top:5px;color:#67dfba;background:rgba(92,225,185,.1);border:1px solid rgba(92,225,185,.16);border-radius:3px;padding:2px 3px;font-size:5px;letter-spacing:.55px;font-weight:900;z-index:2; }
.bat-art { width:46px;height:31px;margin-top:3px; }
.bat-art i { position:absolute;width:23px;height:24px;border-radius:11px 11px 8px 8px;background:#8d76db;left:12px;top:5px;border:2px solid #ad9aef;z-index:2; }
.bat-art i::before,.bat-art i::after{content:"";position:absolute;width:3px;height:4px;border-radius:50%;background:#eef2ff;top:8px}.bat-art i::before{left:5px}.bat-art i::after{right:5px}
.bat-art::before,.bat-art::after { content:"";position:absolute;width:19px;height:24px;background:#6552ad;top:5px;clip-path:polygon(100% 17%,0 0,22% 40%,0 77%,100% 62%); }
.bat-art::before{left:0}.bat-art::after{right:0;transform:scaleX(-1)}
.robot-art{width:35px;height:34px;margin-left:4px;background:linear-gradient(#8da6c6,#536c8d);border:2px solid #bfd0e3;border-radius:7px 7px 5px 5px;box-shadow:inset 0 -6px rgba(30,46,70,.25)}.robot-art::before{content:"";position:absolute;width:18px;height:10px;left:6px;top:6px;background:#25354b;border-radius:4px;box-shadow:inset 5px 0 #63e0c1,inset -5px 0 #63e0c1}.robot-art::after{content:"";position:absolute;width:6px;height:7px;background:#4b607f;left:3px;bottom:-6px;box-shadow:21px 0 #4b607f}.robot-art i{position:absolute;width:3px;height:7px;background:#a9bad0;left:14px;top:-8px}.robot-art i::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#ff6679;left:-2px;top:-3px}
.cloud-art { width:47px;height:22px;margin-top:8px;background:#d8f5ff;border:2px solid #f2fcff;border-radius:16px;box-shadow:inset 0 -5px rgba(73,155,190,.16) }
.cloud-art::before,.cloud-art::after{content:"";position:absolute;border-radius:50%;background:#d8f5ff;border:2px solid #f2fcff;border-bottom:0}.cloud-art::before{width:21px;height:18px;left:5px;top:-10px}.cloud-art::after{width:18px;height:15px;right:5px;top:-7px}
.boost-art { width:47px;height:14px;margin-top:12px;border-radius:5px;background:linear-gradient(90deg,#3b8dcc,#65e0d4);border:2px solid #9bf1e8;box-shadow:0 0 8px rgba(92,225,185,.2)}.boost-art b{position:absolute;left:14px;top:-5px;color:#fff;font-size:20px;letter-spacing:-4px}
.vanish-art{width:47px;height:14px;margin-top:11px;border:2px dashed #bcabff;border-radius:5px;background:rgba(124,108,242,.2);box-shadow:0 0 8px rgba(124,108,242,.25)}.vanish-art i{position:absolute;inset:3px;background:repeating-linear-gradient(90deg,#8b7bea 0 5px,transparent 5px 9px)}
.conveyor-art{width:48px;height:17px;margin-top:10px;border-radius:6px;background:#475e7b;border:2px solid #8ca2bd;box-shadow:inset 0 -5px #32465f}.conveyor-art b{position:absolute;left:9px;top:-4px;color:#70e1c1;font-size:15px;letter-spacing:-2px}.conveyor-art::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#b7c5d5;left:4px;bottom:1px;box-shadow:35px 0 #b7c5d5}
.fan-art{width:38px;height:38px;margin-left:3px;border-radius:50%;background:#385068;border:3px solid #7895ad}.fan-art::before{content:"";position:absolute;inset:6px;background:conic-gradient(#72dfcf 0 20%,transparent 20% 25%,#72dfcf 25% 45%,transparent 45% 50%,#72dfcf 50% 70%,transparent 70% 75%,#72dfcf 75% 95%,transparent 95%);border-radius:50%}.fan-art i{position:absolute;width:7px;height:7px;border-radius:50%;background:#d5f9f2;left:12px;top:12px}
.gem-art { width:29px;height:34px;margin-left:7px;background:linear-gradient(135deg,#b7f4ff,#42bfdf 55%,#3284c2);clip-path:polygon(50% 0,92% 24%,76% 78%,50% 100%,23% 78%,8% 24%);filter:drop-shadow(0 0 5px rgba(87,211,244,.4))}.gem-art i{position:absolute;left:7px;top:5px;width:9px;height:15px;background:rgba(255,255,255,.55);clip-path:polygon(0 0,100% 20%,55% 100%)}
.star-art{width:36px;height:36px;margin-left:3px;background:linear-gradient(135deg,#fff6a2,#ffc13e);clip-path:polygon(50% 0,62% 35%,100% 36%,69% 58%,80% 95%,50% 73%,20% 95%,31% 58%,0 36%,38% 35%);filter:drop-shadow(0 0 6px rgba(255,198,67,.5))}.star-art i{position:absolute;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.7);left:11px;top:8px}
.shield-art{width:31px;height:36px;margin-left:6px;background:linear-gradient(135deg,#a8f5e7,#45bfae);clip-path:polygon(50% 0,94% 15%,87% 65%,50% 100%,13% 65%,6% 15%);filter:drop-shadow(0 3px 3px rgba(22,93,87,.25))}.shield-art::after{content:"";position:absolute;inset:6px;background:#e2fff9;clip-path:polygon(50% 0,100% 25%,82% 75%,50% 100%,18% 75%,0 25%);opacity:.55}
.heart-art { width:34px;height:31px;margin:3px 0 0 4px;background:linear-gradient(145deg,#ff9aa5,#e34f67);clip-path:path('M17 30 C14 25 2 18 2 10 C2 2 12 0 17 7 C22 0 32 2 32 10 C32 18 20 25 17 30 Z');filter:drop-shadow(0 3px 2px rgba(88,20,38,.25))}.heart-art i{position:absolute;width:7px;height:6px;border-radius:50%;background:rgba(255,255,255,.48);left:8px;top:6px}
.key-art { width:42px;height:34px;margin-top:2px;transform:rotate(-18deg)}.key-art::before{content:"";position:absolute;width:17px;height:17px;border:5px solid #ffd45e;border-radius:50%;left:0;top:1px;box-shadow:inset 0 0 0 2px #d49422}.key-art::after{content:"";position:absolute;width:25px;height:6px;border-radius:3px;background:#ffc241;left:16px;top:15px;box-shadow:12px 5px 0 -1px #ffc241}.key-art i{position:absolute;width:5px;height:11px;background:#ffc241;right:2px;top:15px}
.lava-art { width:48px;height:23px;margin-top:8px;background:linear-gradient(#ffb33d,#f34b2e);border-radius:5px 5px 9px 9px;border:2px solid #ffce58;box-shadow:0 3px 8px rgba(244,70,41,.28)}.lava-art::before{content:"";position:absolute;left:-2px;right:-2px;top:-5px;height:10px;background:#ffcf4f;clip-path:polygon(0 55%,12% 20%,25% 65%,39% 10%,52% 65%,67% 18%,81% 63%,100% 15%,100% 100%,0 100%)}
.saw-art { width:34px;height:34px;margin-left:5px;border-radius:50%;background:repeating-conic-gradient(#dbe1e9 0 10deg,#7b899e 10deg 20deg);clip-path:polygon(50% 0,59% 12%,71% 4%,75% 19%,90% 15%,87% 31%,100% 39%,86% 50%,98% 61%,82% 68%,86% 84%,69% 82%,59% 98%,50% 84%,39% 98%,31% 82%,14% 86%,18% 68%,2% 61%,14% 50%,0 39%,13% 31%,10% 15%,25% 19%,29% 4%,41% 12%)}.saw-art i{position:absolute;width:10px;height:10px;border-radius:50%;background:#536277;left:12px;top:12px}
.portal-art { width:31px;height:37px;margin-left:7px;border:5px solid #9b84ff;border-radius:50%;box-shadow:0 0 0 2px #5542bd,0 0 11px #8067ef,inset 0 0 9px #5ce1d0;background:#28366e}.portal-art i{position:absolute;inset:3px;border:2px solid #62e1d2;border-radius:50%}
.door-art { width:29px;height:37px;margin-left:8px;background:linear-gradient(90deg,#6657a7,#917adb);border:3px solid #b19ef2;border-radius:5px 5px 2px 2px;box-shadow:inset 0 0 0 2px #493d80}.door-art i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffd15d;right:5px;top:17px}.door-art b{position:absolute;width:13px;height:7px;left:5px;top:5px;border:2px solid rgba(255,255,255,.35);border-radius:2px}
.switch-art{width:46px;height:13px;margin-top:14px;background:#44566f;border:2px solid #8093aa;border-radius:5px}.switch-art i{position:absolute;width:22px;height:9px;left:10px;top:-6px;background:#ffca4c;border:2px solid #ffe18b;border-radius:4px;transform:rotate(-7deg);transform-origin:right}.switch-art b{position:absolute;width:6px;height:6px;border-radius:50%;background:#62e1bd;right:3px;top:2px}
.gate-art{width:32px;height:37px;margin-left:6px;border:3px solid #7585a0;border-radius:4px;background:repeating-linear-gradient(90deg,#9cacc0 0 4px,transparent 4px 8px);box-shadow:inset 0 0 0 2px #38485f}.gate-art::after{content:"A";position:absolute;left:9px;top:9px;width:10px;height:10px;border-radius:50%;background:#6558ca;color:#fff;font-size:7px;display:grid;place-items:center}
.sign-art { width:43px;height:31px;margin-top:4px;background:#a96d3e;border:3px solid #d89a5e;border-radius:4px;box-shadow:0 8px 0 -5px #7b5134}.sign-art::after{content:"";position:absolute;width:5px;height:12px;background:#90603a;left:17px;bottom:-12px}.sign-art b{position:absolute;left:14px;top:1px;font-size:18px;color:#ffe4a1}
.tree-art { width:43px;height:39px }.tree-art::before{content:"";position:absolute;width:10px;height:20px;background:#8f5e37;left:17px;bottom:-1px;border-radius:3px}.tree-art i,.tree-art::after{content:"";position:absolute;border-radius:50%;background:#53bf79;border:2px solid #7fe09a}.tree-art i{width:31px;height:28px;left:6px;top:0}.tree-art::after{width:22px;height:21px;left:0;top:11px;box-shadow:22px 0 #53bf79}
.torch-art { width:31px;height:38px;margin-left:7px }.torch-art::before{content:"";position:absolute;width:8px;height:24px;background:#91613c;left:12px;bottom:0;transform:rotate(8deg);border-radius:3px}.torch-art i{position:absolute;width:21px;height:24px;left:5px;top:-2px;background:linear-gradient(#ffe56b,#ff7b37 70%);clip-path:polygon(50% 0,75% 31%,100% 50%,81% 91%,50% 100%,16% 89%,0 53%,24% 31%);filter:drop-shadow(0 0 6px rgba(255,123,55,.55))}
.platform-art { width: 46px; height: 27px; top: 5px; background: #8f613c; border-radius: 4px 4px 8px 8px; border: 2px solid #b27b4e; box-shadow: inset 0 -6px rgba(69,37,24,.22); }
.platform-art i { position:absolute; left:-2px; right:-2px; top:-2px; height:8px; background:#64ca77; border:2px solid #84e192; border-radius:5px 5px 3px 3px; }
.crate-art { width: 32px; height: 32px; margin-left:5px; background: #b77b43; border:3px solid #d59a5b; border-radius:3px; box-shadow: inset 0 0 0 2px #86552f; }
.crate-art::before, .crate-art::after { content:""; position:absolute; width:3px; height:36px; background:#e0a665; left:12px; top:-5px; transform: rotate(43deg); }
.crate-art::after { transform: rotate(-43deg); }
.moving-art { width: 46px; height: 14px; margin-top:10px; background:#6383b9; border:2px solid #84a3d4; border-radius:4px; box-shadow: inset 0 -4px rgba(31,57,96,.3); }
.moving-art b { position:absolute; top:15px; left:14px; color:#7f91aa; font-size:15px; }
.spring-art i { position:absolute; top:3px; left:8px; width:28px; height:7px; background:#ff717d; border:2px solid #ff9ca5; border-radius:4px; }
.spring-art b { position:absolute; left:13px; top:11px; width:18px; height:20px; border-left:3px solid #a8b7c9; border-right:3px solid #a8b7c9; transform:skewX(-22deg); }
.spring-art::after { content:""; position:absolute; bottom:0; left:7px; width:30px; height:6px; background:#54708d; border-radius:3px; }
.coin-art { width:26px; height:34px; margin-left:8px; background:#ffc84d; border:3px solid #ffe387; border-radius:50%; box-shadow: inset -5px 0 rgba(213,141,24,.25), 0 0 9px rgba(255,200,77,.2); }
.coin-art i { position:absolute; inset:6px; border:2px solid #df9e28; border-radius:50%; }
.spike-art { width:46px; height:31px; top:5px; background: repeating-linear-gradient(90deg,#aab7ca 0 14px,#d1d9e5 14px 16px); clip-path: polygon(0 100%,16% 10%,32% 100%,50% 5%,68% 100%,84% 10%,100% 100%); filter: drop-shadow(0 2px 0 #65738a); }
.checkpoint-art i, .goal-art i { position:absolute; width:4px; height:36px; left:8px; top:1px; background:#b7c2d2; border-radius:2px; }
.checkpoint-art b { position:absolute; left:12px; top:4px; width:26px; height:16px; background:#58d9ad; clip-path:polygon(0 0,100% 16%,79% 100%,0 84%); }
.goal-art b { position:absolute; left:12px; top:3px; width:29px; height:20px; background: conic-gradient(#fff 25%,#323d51 0 50%,#fff 0 75%,#323d51 0); background-size:12px 12px; clip-path:polygon(0 0,100% 10%,85% 100%,0 87%); }

.kit-intro { padding: 20px 16px 11px; }
.eyebrow { color: #7f8ba1; font-size: 8px; line-height: 1; letter-spacing: 1.5px; font-weight: 850; }
.kit-intro h3 { margin: 6px 0 5px; font-size: 18px; letter-spacing: -.3px; }
.kit-intro p { color: var(--muted); margin: 0; line-height: 1.45; font-size: 11.5px; }
.kit-list { padding: 4px 12px 20px; overflow-y: auto; display: flex; flex-direction: column; gap: 9px; }
.kit-card { border: 1px solid var(--line); background: #182130; border-radius: 10px; padding: 7px; display: flex; align-items: center; gap: 9px; color: var(--text); cursor: pointer; text-align: left; }
.kit-card:hover { background:#202a3b; border-color:#53527e; transform:translateY(-1px); }
.kit-card > span:last-child { min-width:0; display:flex; flex-direction:column; gap:4px; }
.kit-card strong { font-size:11px; }
.kit-card small { font-size:8.5px; color:var(--muted); white-space:nowrap; }
.kit-preview { width:66px; height:48px; flex:0 0 auto; border-radius:7px; overflow:hidden; position:relative; }
.meadow-kit { background:linear-gradient(#7ed6e8 65%,#9be27d 65%); }
.meadow-kit .hill { position:absolute; width:50px; height:25px; border-radius:50% 50% 0 0; bottom:9px; background:#66c886; }
.meadow-kit .hill.one { left:-9px; } .meadow-kit .hill.two { right:-16px; background:#77d490; }
.meadow-kit b,.night-kit b,.candy-kit b,.desert-kit b { position:absolute; left:8px; right:8px; bottom:5px; height:7px; background:#835f3f; border-top:3px solid #57bd65; }
.night-kit { background:linear-gradient(#232a5d 72%,#1b2043 72%); }
.night-kit i { position:absolute; width:12px;height:12px;border-radius:50%;background:#fff1aa;right:10px;top:7px;box-shadow:-2px 1px 0 1px #232a5d; }
.night-kit b { border-color:#6b67b9;background:#3b395f; }
.candy-kit { background:linear-gradient(#f4a8d0 68%,#ffc8dd 68%); }
.candy-kit i { position:absolute;width:16px;height:22px;background:#fff;opacity:.35;border-radius:50% 50% 5px 5px;left:12px;bottom:8px; }
.candy-kit b { background:#c77678;border-color:#74d7bd; }
.desert-kit { background:linear-gradient(#f0b65e 70%,#df9c4e 70%); }
.desert-kit i { position:absolute;width:8px;height:22px;background:#4f9b70;right:13px;bottom:8px;border-radius:5px;box-shadow:6px 6px 0 -2px #4f9b70; }
.desert-kit b { background:#a66f42;border-color:#d0a25f; }
.frost-kit { background:linear-gradient(#86cce4 68%,#dff7ff 68%); }.frost-kit i{position:absolute;width:8px;height:8px;background:#fff;transform:rotate(45deg);left:14px;top:9px;box-shadow:29px 13px rgba(255,255,255,.8)}.frost-kit b{background:#719eb0;border-color:#eefcff}
.volcano-kit { background:linear-gradient(#2e1b2b 65%,#7e322e 65%); }.volcano-kit i{position:absolute;width:38px;height:28px;background:#3c2933;clip-path:polygon(50% 0,100% 100%,0 100%);left:13px;bottom:7px}.volcano-kit b{background:#352933;border-color:#ff6d3f}.volcano-kit::after{content:"";position:absolute;left:28px;bottom:10px;width:7px;height:26px;background:#ff6b39;transform:rotate(15deg);box-shadow:0 0 7px #ff6b39}
.mega-kit{background:linear-gradient(110deg,#77cfe2 0 33%,#ed9bc5 33% 66%,#302653 66%)}.mega-kit i{position:absolute;left:4px;right:4px;bottom:7px;height:6px;background:#875d3d;border-top:3px solid #66d67d}.mega-kit b{position:absolute;left:27px;width:18px;bottom:20px;height:5px;background:#7359c9;border-top:0}

.layers-tab { overflow:hidden; }
.layers-head { height:48px;border-bottom:1px solid var(--line-soft);padding:0 12px;display:flex;align-items:center;justify-content:space-between; }.layers-head>div{display:flex;align-items:center;gap:7px}.layers-head span{color:#8490a3;font-size:8px;letter-spacing:.9px;font-weight:850}.layers-head b{min-width:19px;height:17px;padding:0 5px;border-radius:8px;background:#252f42;color:#aeb9c8;display:grid;place-items:center;font-size:8px}.layers-head button{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#718096;display:grid;place-items:center;cursor:pointer}.layers-head button:hover{background:#212b3c;color:#d6dce5}.layers-head svg{width:15px;height:15px}
.layers-tip { margin:11px 10px 7px;padding:9px;border:1px solid rgba(124,108,242,.17);border-radius:8px;background:rgba(124,108,242,.06);display:flex;gap:8px;color:#77859a;font-size:8.5px;line-height:1.4; }.layers-tip svg{width:15px;height:15px;color:#9285f3;flex:0 0 auto}.layer-list{overflow-y:auto;padding:3px 8px 18px;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin}.layer-empty{padding:35px 15px;text-align:center;color:#667389;font-size:10px;line-height:1.5}.layer-row{height:40px;border:1px solid transparent;border-radius:7px;display:grid;grid-template-columns:25px minmax(0,1fr) 26px 26px;align-items:center;padding:0 3px;color:#9eabbc;cursor:pointer}.layer-row:hover{background:#1a2331}.layer-row.active{background:rgba(124,108,242,.1);border-color:rgba(124,108,242,.32);color:#e3e0ff}.layer-row.is-hidden{opacity:.55}.layer-row.is-locked .layer-name::after{content:"LOCKED";font-size:5px;color:#887bf0;margin-left:5px;letter-spacing:.5px}.layer-type-icon{width:23px;height:23px;border-radius:6px;background:#253044;display:grid;place-items:center;color:#9184ef;font-size:8px;font-weight:850;text-transform:uppercase}.layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:600}.layer-row button{width:23px;height:23px;border:0;border-radius:5px;background:transparent;color:#647188;display:grid;place-items:center;cursor:pointer}.layer-row button:hover{background:#2a3549;color:#d3dae5}.layer-row button.off{color:#414d62}.layer-row svg{width:13px;height:13px}

.editor-main { min-width: 0; min-height: 0; display: grid; grid-template-rows: 47px minmax(0,1fr) 67px; background:#0b1019; }
.stage-toolbar { background:#111722; border-bottom:1px solid var(--line-soft); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 12px; }
.scene-path { display:flex; align-items:center; gap:6px; font-size:10px; }
.scene-path span { color:#5f6d82; font-size:8px; letter-spacing:1px; font-weight:850; }
.scene-path strong { color:#c5ccd7; font-size:10px; }
.scene-path svg { width:12px; color:#4f5b6e; }
.quick-size-wrap{height:27px;margin-left:8px;padding:0 5px 0 7px;border:1px solid #2b3548;border-radius:7px;background:#171e2b;display:flex;align-items:center;gap:4px;color:#8e82ec}.quick-size-wrap svg{width:13px;color:#8e82ec}.quick-size-wrap select{width:105px;border:0;outline:0;background:transparent;color:#aeb8c8;font-size:8px;font-weight:700;cursor:pointer}.quick-size-wrap option{background:#17202e;color:#e2e6ed}
.stage-tools { justify-self:center; display:flex; align-items:center; gap:2px; border:1px solid #252e40; background:#151c29; border-radius:8px; padding:3px; }
.tool-btn { width:30px; height:28px; }
.tool-btn.active { background:#2b3548; color:#e2e7ef; }
.tool-separator { width:1px; height:17px; background:#30394d; margin:0 3px; }
.magnet { font-size:18px; line-height:1; transform:rotate(180deg); font-family:Georgia,serif; }
.zoom-tools { justify-self:end; display:flex; align-items:center; gap:1px; }
.zoom-tools .tool-btn { font-size:17px; }
.zoom-label { border:0;background:transparent;color:#8e9aaf;font-size:9px;width:41px;cursor:pointer; }
.stage-workbench { min-height:0; position:relative; overflow:hidden; background-color:#0c111a; background-image:radial-gradient(#222b3a 1px,transparent 1px); background-size:18px 18px; }
.world-minimap{position:absolute;right:14px;bottom:13px;z-index:8;width:250px;border:1px solid #3b465b;border-radius:9px;background:rgba(12,18,28,.9);box-shadow:0 10px 30px rgba(0,0,0,.32);padding:5px;opacity:0;visibility:hidden;transform:translateY(5px);transition:.18s}.world-minimap.visible{opacity:1;visibility:visible;transform:none}.minimap-label{height:16px;padding:0 3px;display:flex;align-items:center;justify-content:space-between;color:#78859a;font-size:6px;letter-spacing:.8px;font-weight:850}.minimap-label b{color:#aa9efa;font-size:6px}.world-minimap canvas{display:block;width:240px;height:54px;border-radius:5px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.stage-scroller { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; overflow:auto; padding:34px; }
.stage-scroller.wide-world{justify-content:flex-start}
.stage-frame { width:min(100%, 960px); aspect-ratio:16/9; position:relative; transform-origin:center; flex:0 0 auto; border-radius:12px; box-shadow:0 0 0 1px #323b4f,0 22px 70px rgba(0,0,0,.4); overflow:hidden; background:#111827; transition:box-shadow .2s ease; }
.stage-frame.drag-over { box-shadow:0 0 0 2px var(--mint),0 0 0 7px rgba(92,225,185,.1),0 22px 70px rgba(0,0,0,.4); }
#stageCanvas { width:100%; height:100%; display:block; cursor:default; outline:none; touch-action:none; }
#stageCanvas.dragging-object { cursor:grabbing; }
#stageCanvas.playing { cursor:default; }
.drop-coach { position:absolute; inset:0; background:rgba(9,15,24,.55); backdrop-filter:blur(2px); color:#dffaf1; display:flex; flex-direction:column; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:.15s; font-weight:750; gap:9px; }
.drop-coach svg { width:29px; height:29px; color:var(--mint); }
.stage-frame.drag-over .drop-coach { opacity:1; }
.play-help { position:absolute; left:50%; transform:translateX(-50%); bottom:12px; background:rgba(12,17,27,.78); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(8px); padding:6px 8px 6px 10px; border-radius:9px; display:none; align-items:center; gap:13px; color:#d6dce7; font-size:9px; box-shadow:0 6px 20px rgba(0,0,0,.18); }
.play-help.visible { display:flex; }
.play-help span { display:flex; align-items:center; gap:4px; white-space:nowrap; }
.play-help kbd { min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:4px;background:#2d3749;border:1px solid #445066;box-shadow:0 2px 0 #151a25;color:#f3f5f8;font-size:8px; }
.play-help button { border:0;background:rgba(255,255,255,.09);border-radius:5px;color:#d6dce7;padding:5px 7px;font-size:9px;cursor:pointer; }
.play-help button:hover { background:rgba(255,255,255,.16); }
.prompt-dock { background:#111722;border-top:1px solid var(--line-soft);padding:10px 13px;display:flex;align-items:center;gap:10px; }
.prompt-icon { width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,rgba(124,108,242,.23),rgba(92,225,185,.12));color:#a99cff;display:grid;place-items:center;flex:0 0 auto; }
.prompt-icon svg { width:20px;height:20px;fill:currentColor;stroke:none; }
.prompt-input-wrap { height:42px;min-width:0;flex:1;background:#0d131d;border:1px solid #293247;border-radius:9px;padding:5px 11px;display:flex;flex-direction:column;justify-content:center;gap:1px; }
.prompt-input-wrap:focus-within { border-color:#655fa1;box-shadow:0 0 0 3px rgba(124,108,242,.08); }
.prompt-input-wrap label { color:#6f7c90;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.9px; }
.prompt-input-wrap input { border:0;background:transparent;outline:none;color:#e4e9f1;padding:0;font-size:11px;width:100%; }
.prompt-input-wrap input::placeholder { color:#657286; }
.surprise-btn { width:35px;height:35px;display:grid;place-items:center;border:0;background:transparent;color:#748096;border-radius:7px;cursor:pointer; }
.surprise-btn:hover { background:#1c2534;color:#b8c1cf; }
.surprise-btn svg { width:17px;height:17px; }
.build-btn { height:38px;background:#eff1f5;color:#151a24;padding:0 13px;font-size:11px; }
.build-btn:hover { background:#fff;transform:translateY(-1px); }
.build-btn span { color:#7b8492;font-weight:500; }

.inspector-header { height:69px;padding:16px 14px 11px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between; }
.inspector-header > div { display:flex;flex-direction:column;gap:5px; }
.inspector-header h2 { margin:0;font-size:14px;letter-spacing:-.15px; }
.inspector-body { padding-bottom:18px; }
.inspector-section { padding:15px 14px;border-bottom:1px solid var(--line-soft); }
.field-label { display:block;color:#8e9aae;font-size:9px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;margin-bottom:8px; }
.theme-grid { display:grid;grid-template-columns:1fr 1fr;gap:7px; }
.theme-chip { height:54px;border:1px solid #293448;border-radius:8px;background:#182130;color:#aeb8c7;display:flex;align-items:center;gap:8px;padding:7px;cursor:pointer;font-size:9.5px;font-weight:700; }
.theme-chip:hover { background:#202a3b; }
.theme-chip.active { border-color:#746bca;background:rgba(124,108,242,.11);color:#e4e0ff;box-shadow:inset 0 0 0 1px rgba(124,108,242,.15); }
.theme-swatch { width:34px;height:37px;border-radius:5px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); }
.theme-swatch::before { content:"";position:absolute;left:-8px;right:-8px;bottom:-8px;height:22px;border-radius:50%; }
.theme-swatch.meadow { background:#73cddd; }.theme-swatch.meadow::before{background:#69cc7d}
.theme-swatch.night { background:#252b5e }.theme-swatch.night::before{background:#504c88}
.theme-swatch.candy { background:#eba2c8 }.theme-swatch.candy::before{background:#76d5bb}
.theme-swatch.desert { background:#efb45f }.theme-swatch.desert::before{background:#cc8545}
.theme-swatch.frost { background:#82cce6 }.theme-swatch.frost::before{background:#e8fbff}
.theme-swatch.volcano { background:#402238 }.theme-swatch.volcano::before{background:#e95538}
.theme-swatch.forest{background:#579b81}.theme-swatch.forest::before{background:#286249}.theme-swatch.jungle{background:#285f52}.theme-swatch.jungle::before{background:#194334}.theme-swatch.ocean{background:#55c1df}.theme-swatch.ocean::before{background:#2486bb}.theme-swatch.space{background:#0b0e2d}.theme-swatch.space::before{background:#25235b}.theme-swatch.cave{background:#252e3d}.theme-swatch.cave::before{background:#495568}.theme-swatch.city{background:#869aae}.theme-swatch.city::before{border-radius:0;background:#506176}.theme-swatch.sunset{background:#bd668b}.theme-swatch.sunset::before{background:#e99578}.theme-swatch.haunted{background:#203735}.theme-swatch.haunted::before{background:#385349}.theme-swatch.plain{background:#1b2433}.theme-swatch.plain::before{display:none}.default-terrain-control{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft)}.terrain-select-row{display:flex;gap:5px}.terrain-select-row select{min-width:0;flex:1}.terrain-select-row button{width:66px;border:1px solid #3a455a;border-radius:7px;background:#202a3a;color:#9ca8b8;font-size:7px;font-weight:700;cursor:pointer}.terrain-select-row button:hover{border-color:#635aa2;color:#e1ddff}.default-terrain-control>small{display:block;margin-top:6px;color:#5f6d82;font-size:7px}
.world-size-section .section-heading output{color:#8f82f2;font-size:7px;letter-spacing:.65px}.size-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-bottom:13px}.size-presets button{height:42px;border:1px solid #2d374c;border-radius:7px;background:#171f2d;color:#8591a5;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:0 7px;cursor:pointer;text-align:left}.size-presets button:hover{background:#202a3a}.size-presets button.active{border-color:#7165c4;background:rgba(124,108,242,.12);color:#ddd8ff}.size-presets button.epic-size{grid-column:1/-1}.size-presets button>span{display:flex;flex-direction:column;gap:2px}.size-presets button>i{width:25px;height:14px;border:1px solid #40506a;border-radius:3px;position:relative;flex:0 0 auto}.size-presets button>i::after{content:"";position:absolute;left:2px;bottom:2px;height:3px;border-radius:2px;background:#7165d5;width:30%}.size-presets button:nth-child(2)>i::after{width:42%}.size-presets button:nth-child(3)>i::after{width:52%}.size-presets button:nth-child(4)>i::after{width:63%}.size-presets button:nth-child(5)>i::after{width:75%}.size-presets button:nth-child(6)>i::after{width:86%}.size-presets button:nth-child(7)>i::after{width:calc(100% - 4px);background:linear-gradient(90deg,#7c6cf2,#5ce1b9)}.size-presets b{font-size:8.5px}.size-presets small{font-size:6.5px;color:#68758b}.world-range{margin-top:4px!important}.size-estimate{height:27px;margin:-2px 0 9px;padding:0 7px;border-radius:6px;background:#111823;display:flex;align-items:center;justify-content:space-between;color:#657289;font-size:6.8px}.size-estimate b{color:#b9c3d1;font-size:7.5px}.world-size-actions{display:flex;flex-direction:column;gap:5px}.fit-world-btn{width:100%;min-height:33px;border:1px solid #343f54;border-radius:7px;background:#1b2433;color:#abb6c6;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;font-weight:700;cursor:pointer}.fit-world-btn:hover{border-color:#5f579e;color:#e5e1ff;background:rgba(124,108,242,.09)}.fit-world-btn.accent{border-color:rgba(92,225,185,.28);background:rgba(92,225,185,.07);color:#94ebcf}.fit-world-btn.accent:hover{background:rgba(92,225,185,.13);border-color:rgba(92,225,185,.45)}.fit-world-btn svg{width:13px;height:13px}
.section-heading { display:flex;justify-content:space-between;align-items:center;color:#aab4c4;text-transform:uppercase;font-size:9px;letter-spacing:.8px;font-weight:850;margin-bottom:14px; }
.section-heading button { border:0;background:none;color:#7c6cf2;font-size:9px;cursor:pointer;padding:0; }
.range-field { display:flex;flex-direction:column;gap:7px;margin:0 0 14px; }
.range-field:last-child { margin-bottom:0; }
.range-field > span { display:flex;justify-content:space-between;color:#aeb8c7;font-size:10px; }
.range-field b { font-weight:600; }.range-field output{color:#748096;font-variant-numeric:tabular-nums}
input[type="range"] { -webkit-appearance:none;appearance:none;width:100%;height:3px;background:#303a50;border-radius:9px;outline:none; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#9184f8;border:3px solid #d8d4ff;box-shadow:0 0 0 3px rgba(124,108,242,.12);cursor:pointer; }
.toggle-row { display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;cursor:pointer; }
.toggle-row:last-child { margin-bottom:0; }
.toggle-row > span { display:flex;flex-direction:column;gap:3px; }
.toggle-row b { font-size:10.5px;color:#bcc5d2; }.toggle-row small{font-size:8.5px;color:#66738a}
.toggle-row input { position:absolute;opacity:0; }
.toggle-row i { width:31px;height:17px;border-radius:10px;background:#303a4e;position:relative;transition:.18s; }
.toggle-row i::after { content:"";position:absolute;width:11px;height:11px;left:3px;top:3px;border-radius:50%;background:#8490a2;transition:.18s; }
.toggle-row input:checked + i { background:rgba(124,108,242,.55); }.toggle-row input:checked + i::after{left:17px;background:#d9d4ff}
.world-summary { margin:14px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;background:#171f2d;overflow:hidden; }
.world-summary div { padding:12px 5px;text-align:center;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:3px; }.world-summary div:last-child{border:0}
.world-summary span { font-size:15px;font-weight:800; }.world-summary small{font-size:7px;letter-spacing:.8px;color:#68758a;font-weight:800}
.selected-preview { margin:14px;min-height:58px;border:1px solid #353b59;background:linear-gradient(135deg,rgba(124,108,242,.13),rgba(92,225,185,.04));border-radius:9px;display:flex;align-items:center;gap:11px;padding:9px; }
.selection-icon { width:38px;height:38px;border-radius:8px;background:#2c3550;display:grid;place-items:center;position:relative;overflow:hidden; }
.selection-icon svg { width:34px;height:34px;display:block; }
.selected-preview > div { display:flex;flex-direction:column;gap:4px; }.selected-preview strong{font-size:12px}.selected-preview small{font-size:7px;color:#758197;letter-spacing:1px}
.text-field { width:100%;height:34px;border:1px solid #303a50;background:#101620;color:#dce2eb;border-radius:7px;padding:0 9px;outline:none;font-size:11px; }
.text-field:focus,.coordinate-grid input:focus,.select-field:focus { border-color:#665f9f;box-shadow:0 0 0 3px rgba(124,108,242,.07); }
.coordinate-grid { display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px; }
.coordinate-grid label { height:34px;border:1px solid #303a50;background:#101620;border-radius:7px;display:flex;align-items:center;padding-left:8px; }
.coordinate-grid label > span { color:#67748a;font-size:9px;font-weight:800;width:18px; }
.coordinate-grid input { width:100%;min-width:0;border:0;border-left:1px solid #2a3448;height:21px;background:transparent;color:#bcc5d2;padding:0 7px;outline:none;font-size:10px;font-variant-numeric:tabular-nums; }
.object-flags{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.object-flags label{cursor:pointer}.object-flags input{position:absolute;opacity:0}.object-flags span{height:31px;border:1px solid #303a50;background:#121925;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:6px;color:#6f7c90;font-size:8.5px}.object-flags svg{width:13px;height:13px}.object-flags input:checked+span{border-color:#554f8b;background:rgba(124,108,242,.1);color:#c7c0ff}
.select-field { width:100%;height:34px;border:1px solid #303a50;background:#101620;color:#c5cdd9;border-radius:7px;padding:0 8px;outline:none;font-size:10px; }
.behavior-row { display:flex;flex-direction:column;gap:6px;margin-bottom:11px; }.behavior-row:last-child{margin-bottom:0}
.behavior-row > span { color:#828fa3;font-size:9px; }
.inspector-actions { display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:14px; }
.inspector-actions button { height:35px;border:1px solid #303a50;background:#1b2433;color:#aeb8c7;border-radius:7px;cursor:pointer;font-size:9.5px;display:flex;align-items:center;justify-content:center;gap:6px; }
.inspector-actions button:hover { background:#232e40;color:#e1e6ed; }.inspector-actions button.danger:hover{border-color:rgba(255,107,125,.5);color:#ff8997;background:rgba(255,107,125,.08)}
.inspector-actions svg { width:14px;height:14px; }

.modal-backdrop { position:fixed;inset:0;z-index:100;background:rgba(5,8,14,.72);backdrop-filter:blur(9px);display:grid;place-items:center; }
.modal-backdrop[hidden] { display:none; }
.game-modal { width:370px;border:1px solid #343e53;background:#17202e;border-radius:18px;padding:30px 30px 26px;text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.55);position:relative;overflow:hidden;animation:modalIn .28s ease-out; }
.game-modal::before { content:"";position:absolute;width:260px;height:130px;left:55px;top:-80px;background:rgba(124,108,242,.22);filter:blur(50px); }
@keyframes modalIn { from{opacity:0;transform:translateY(10px) scale(.97)} to{opacity:1;transform:none} }
.modal-burst { width:60px;height:60px;border-radius:20px;background:linear-gradient(145deg,#8878f5,#6655d1);margin:0 auto 18px;display:grid;place-items:center;transform:rotate(8deg);box-shadow:0 12px 24px rgba(124,108,242,.28); }
.modal-burst span { font-size:28px;color:#fff6bf;transform:rotate(-8deg); }
.game-modal h2 { font-size:24px;margin:8px 0 6px;letter-spacing:-.7px; }.game-modal p{color:#8f9bae;font-size:12px;margin:0}
.result-stats { margin:21px 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #303a4e;border-radius:10px;background:#121925; }
.result-stats div { padding:13px;display:flex;flex-direction:column;gap:4px;border-right:1px solid #303a4e}.result-stats div:last-child{border:0}
.result-stats span{font-size:16px;font-weight:800}.result-stats small{font-size:7px;color:#69758b;letter-spacing:1px;font-weight:850}
.modal-actions { display:grid;grid-template-columns:1fr 1fr;gap:8px; }.modal-actions button{height:40px}
.new-level-backdrop{z-index:400}.new-level-modal{width:min(920px,calc(100vw - 34px));max-height:calc(100vh - 34px);overflow-y:auto;border:1px solid #354158;border-radius:17px;background:#151d2a;box-shadow:0 35px 110px rgba(0,0,0,.58);animation:modalIn .25s ease-out}.new-level-head{min-height:90px;padding:18px 20px;border-bottom:1px solid #293347;display:grid;grid-template-columns:48px 1fr 34px;align-items:center;gap:13px}.new-level-icon{width:45px;height:45px;border-radius:12px;background:linear-gradient(145deg,rgba(124,108,242,.25),rgba(92,225,185,.1));color:#aa9ef9;display:grid;place-items:center}.new-level-icon svg{width:22px;height:22px}.new-level-head h2{margin:5px 0 3px;font-size:19px;letter-spacing:-.4px}.new-level-head p{margin:0;color:#7d899c;font-size:9.5px}.new-level-head>button{width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:#77849a;display:grid;place-items:center;cursor:pointer}.new-level-head>button:hover{background:#222c3d;color:#fff}.new-level-head>button svg{width:16px}.new-level-body{padding:18px 20px 20px}.modal-section-label{display:block;color:#77849a;font-size:7px;letter-spacing:1.2px;font-weight:850;margin-bottom:8px}.new-size-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.new-size-grid button{min-width:0;height:76px;border:1px solid #2f3a50;border-radius:9px;background:#192231;color:#8996aa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.new-size-grid button:hover{background:#212b3c;transform:translateY(-1px)}.new-size-grid button.active{border-color:#776bd0;background:rgba(124,108,242,.13);color:#e4e0ff;box-shadow:inset 0 0 0 1px rgba(124,108,242,.13)}.new-size-grid button.epic{background-image:linear-gradient(145deg,rgba(124,108,242,.1),rgba(92,225,185,.04))}.new-size-grid b{font-size:9px}.new-size-grid small{font-size:6.5px;color:#65738a}.new-size-grid i{width:42px;height:16px;border:1px solid #46546b;border-radius:4px;position:relative;margin-bottom:3px}.new-size-grid i::after{content:"";position:absolute;left:2px;bottom:2px;height:4px;border-radius:2px;background:linear-gradient(90deg,#7c6cf2,#5ce1b9);width:calc(12% * var(--bars))}.environment-label{margin-top:17px}.background-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.background-picker button{height:54px;min-width:0;border:1px solid #2e394e;border-radius:8px;background:#182130;color:#7f8da1;padding:5px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:7.5px;font-weight:700}.background-picker button:hover{background:#202a3a}.background-picker button.active{border-color:#7065bd;background:rgba(124,108,242,.12);color:#dedaff}.bg-thumb{width:34px;height:38px;flex:0 0 auto;border-radius:5px;position:relative;overflow:hidden;background:linear-gradient(#6ec9df,#d9f0c6)}.bg-thumb::after{content:"";position:absolute;left:-8px;right:-8px;bottom:-8px;height:22px;border-radius:50%;background:#65be82}.bg-thumb.forest{background:linear-gradient(#4e987f,#a8d198)}.bg-thumb.forest::after{background:#245f46;box-shadow:12px -10px 0 -4px #327557}.bg-thumb.jungle{background:linear-gradient(#235e53,#71aa67)}.bg-thumb.jungle::after{background:#174332;box-shadow:-8px -9px 0 -3px #256347}.bg-thumb.ocean{background:linear-gradient(#57c5e3 0 62%,#257fbd 62%)}.bg-thumb.ocean::after{background:#5cc4ae;bottom:-13px}.bg-thumb.night{background:linear-gradient(#171b43,#3e4779)}.bg-thumb.night::after{background:#34365e}.bg-thumb.space{background:radial-gradient(circle at 70% 25%,#b39cff 0 3px,transparent 4px),linear-gradient(#080b25,#242357)}.bg-thumb.space::after{background:#171637}.bg-thumb.candy{background:linear-gradient(#ee9bc7,#ffd5df)}.bg-thumb.candy::after{background:#65d7ba}.bg-thumb.desert{background:linear-gradient(#efad58,#f8ddb0)}.bg-thumb.desert::after{background:#b87242}.bg-thumb.frost{background:linear-gradient(#6ebbdc,#e8f9ff)}.bg-thumb.frost::after{background:#d8f5fb}.bg-thumb.volcano{background:linear-gradient(#251729,#8c342f)}.bg-thumb.volcano::after{background:#35252f;box-shadow:0 -5px 0 -3px #ff643c}.bg-thumb.cave{background:linear-gradient(#1c2432,#48546a)}.bg-thumb.cave::after{background:#252c3a}.bg-thumb.city{background:linear-gradient(#7990a7,#c4d1db)}.bg-thumb.city::after{border-radius:0;background:repeating-linear-gradient(90deg,#4f6175 0 6px,#697b8e 6px 11px)}.bg-thumb.sunset{background:linear-gradient(#754c93,#f18a78 65%,#ffc778)}.bg-thumb.sunset::after{background:#825b6b}.bg-thumb.haunted{background:linear-gradient(#172b2b,#53695c)}.bg-thumb.haunted::after{background:#1e3933}.bg-thumb.plain{background:#1b2433}.bg-thumb.plain::after{display:none}.terrain-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.terrain-picker button{height:37px;min-width:0;border:1px solid #2c374b;border-radius:7px;background:#171f2d;color:#7d899c;padding:4px 6px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:7px;font-weight:700}.terrain-picker button:hover{background:#202939}.terrain-picker button.active{border-color:#665da8;background:rgba(124,108,242,.1);color:#ddd9ff}.terrain-thumb{width:29px;height:18px;flex:0 0 auto;border-radius:4px;background:#966440;border-top:6px solid #64cf76}.terrain-thumb.auto{background:linear-gradient(90deg,#966440 0 50%,#69768a 50%);border-color:#8bd595}.terrain-thumb.forest{background:#6f4830;border-color:#327354}.terrain-thumb.sand{background:#c68c4c;border-color:#efd07c}.terrain-thumb.stone{background:#69768a;border-color:#aab5c2}.terrain-thumb.snow{background:#72a5b9;border-color:#f4fdff}.terrain-thumb.ice{background:#74bed4;border-color:#c8f4fa}.terrain-thumb.candy{background:#bd737a;border-color:#70d8bd}.terrain-thumb.metal{background:#465b75;border-color:#9bacc0}.terrain-thumb.wood{background:#8b5834;border-color:#d49a5f}.terrain-thumb.lavaRock{background:#352b32;border-color:#ff6b3d}.new-level-options{display:grid;grid-template-columns:1.4fr .6fr;gap:17px;margin-top:19px}.layout-options{display:flex;flex-direction:column;gap:5px}.layout-options button{height:53px;border:1px solid #2d384c;border-radius:8px;background:#182130;color:#8d9aac;padding:5px 8px;display:grid;grid-template-columns:68px 1fr;align-items:center;gap:10px;text-align:left;cursor:pointer}.layout-options button:hover{background:#202a3a}.layout-options button.active{border-color:#625a9e;background:rgba(124,108,242,.1);color:#e1ddff}.layout-options button>span:last-child{display:flex;flex-direction:column;gap:3px}.layout-options strong{font-size:9px}.layout-options small{font-size:7.5px;color:#68758b}.layout-art{width:65px;height:39px;border-radius:5px;background:linear-gradient(#263752,#1b2739);position:relative;overflow:hidden}.layout-art::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:#865e3e;border-top:3px solid #5dcc75}.layout-art i,.layout-art b{position:absolute;height:5px;background:#6c7d96;border-top:2px solid #81a1be}.layout-art.runner i{width:24px;left:8px;bottom:18px}.layout-art.runner b{width:20px;right:5px;bottom:27px}.layout-art.climb i{width:20px;left:7px;bottom:13px}.layout-art.climb b{width:20px;right:7px;bottom:27px}.layout-art.blank i{display:none}.layout-art.blank b{width:4px;height:19px;right:8px;bottom:7px;border:0;background:#e8edf4}.new-theme-select{width:100%;height:39px;border:1px solid #334057;border-radius:8px;background:#101722;color:#c7cfda;padding:0 10px;outline:none;font-size:9px}.new-level-summary{margin-top:9px;min-height:80px;border:1px solid #303b51;border-radius:9px;background:linear-gradient(145deg,rgba(124,108,242,.12),rgba(92,225,185,.04));padding:14px;display:flex;flex-direction:column;gap:7px}.new-level-summary span{font-size:19px;font-weight:800;letter-spacing:-.4px}.new-level-summary b{color:#9ba6b7;font-size:8px;font-weight:650}.new-level-summary small{color:#66748a;font-size:7px;line-height:1.4}.new-level-actions{min-height:68px;border-top:1px solid #293347;padding:13px 20px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.new-level-actions button{height:39px;min-width:110px}.new-level-actions .primary-btn svg{width:15px;height:15px}
.toast-stack { position:fixed;right:18px;bottom:18px;z-index:150;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none; }
.toast { min-width:230px;max-width:360px;border:1px solid #364158;background:#1b2433;color:#e5e9ef;border-radius:10px;box-shadow:0 15px 45px rgba(0,0,0,.38);padding:11px 13px;display:flex;align-items:center;gap:10px;font-size:11px;animation:toastIn .25s ease-out; }
.toast.out { opacity:0;transform:translateY(5px);transition:.2s; }.toast i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(92,225,185,.09)}
.toast.error i { background:var(--red);box-shadow:0 0 0 4px rgba(255,107,125,.09) }
@keyframes toastIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.mobile-note { display:none; }

@media (max-width: 760px) {
  .new-size-grid{grid-template-columns:repeat(4,1fr)}.new-size-grid button:last-child{grid-column:span 2}.background-picker{grid-template-columns:repeat(4,1fr)}.terrain-picker{grid-template-columns:repeat(3,1fr)}.new-level-options{grid-template-columns:1fr}.new-level-modal{max-height:calc(100vh - 18px)}
}
@media (max-width: 470px) {
  .new-level-head{grid-template-columns:38px 1fr 30px;padding:14px}.new-level-icon{width:38px;height:38px}.new-level-body{padding:14px}.new-size-grid{grid-template-columns:repeat(2,1fr)}.new-size-grid button{height:64px}.background-picker{grid-template-columns:repeat(2,1fr)}.terrain-picker{grid-template-columns:repeat(2,1fr)}.new-level-actions{padding:11px 14px}.new-level-actions button{min-width:0;flex:1}
}

@media (max-width: 1040px) {
  .start-hero{grid-template-columns:minmax(390px,.92fr) minmax(390px,1.08fr);gap:35px}.float-card-one{left:-12px}.float-card-two{right:-10px}.home-kit-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 900px) {
  .start-nav{height:64px;padding:0 16px}.start-links{display:none}.start-import-btn{display:none}.start-main{padding:0 17px 70px}.start-hero{padding:50px 0;grid-template-columns:1fr;gap:35px}.hero-copy h1{font-size:52px}.hero-copy>p{font-size:13px}.hero-showcase{max-width:620px;width:100%;margin:auto}.float-card{display:none}.recent-project-card{grid-template-columns:150px 1fr 40px}.recent-info{padding:0 15px}.recent-meta{gap:10px;flex-wrap:wrap}.home-kit-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.start-footer p{display:none}
}
@media (max-width: 520px) {
  .start-nav-actions .start-open-btn{padding:0 10px}.start-open-btn span{display:none}.start-main{padding-inline:14px}.start-hero{padding-top:40px}.hero-copy h1{font-size:43px;letter-spacing:-2.6px}.version-pill{font-size:6.8px}.home-prompt-box{align-items:stretch;flex-wrap:wrap;padding:10px}.home-prompt-icon{display:none}.home-prompt-box>div:nth-child(2){padding:5px}.home-prompt-box button{width:100%;height:40px;justify-content:center}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions button{justify-content:center}.hero-proof{display:none}.showcase-window{transform:none}.recent-project-card{grid-template-columns:1fr;padding:8px}.recent-thumb{max-height:180px}.recent-info{padding:12px 5px}.recent-arrow{display:none}.home-section-heading{align-items:start;flex-direction:column;gap:8px}.home-kit-grid,.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:150px}.start-footer>span{display:none}
}

@media (max-width: 1120px) {
  .workspace { grid-template-columns:225px minmax(420px,1fr) 245px; }
  .brand { width:225px; }
  .project-title-wrap { display:none; }
  .asset-grid { gap:6px; }
  .right-panel { font-size:12px; }
}
@media (max-width: 900px) {
  .app-shell { min-width:760px; }
  .workspace { grid-template-columns:210px minmax(0,1fr); }
  .right-panel { display:none; }
  .brand { width:210px; }
  .preview-btn span { display:none; }
  .asset-grid { grid-template-columns:1fr 1fr; }
  .prompt-input-wrap input { font-size:10px; }
}
@media (max-width: 759px) {
  .app-shell { display:none; }
  body { overflow:auto;min-height:100%;background:radial-gradient(circle at 50% 20%,#24234d 0,#0d111b 55%); }
  .mobile-note { min-height:100vh;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; }
  .mobile-note .brand-mark { transform:scale(1.5);margin-bottom:28px; }
  .mobile-note h1 { max-width:420px;font-size:30px;line-height:1.1;letter-spacing:-1px;margin:0 0 12px; }
  .mobile-note p { max-width:380px;color:#9ca7b8;line-height:1.55;margin:0; }
}