:root{
  --bg:#0d1428;--panel:#17213c;--panel2:#111a31;--line:#2a3a63;--text:#f5f7ff;--muted:#9da9c7;
  --accent:#ffb800;--accent2:#39d0ff;--danger:#ff5c75;--shadow:0 18px 50px rgba(0,0,0,.32);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Fredoka,Arial,sans-serif}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:linear-gradient(180deg,#1b2a50,#121c36);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#ffd42a,#ff8a00);display:grid;place-items:center;color:#352000;font-family:"Press Start 2P";box-shadow:inset 0 -4px rgba(0,0,0,.15),0 6px 20px rgba(255,170,0,.18)}.brand strong{display:block;font-size:17px}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.top-actions{display:flex;gap:8px;flex-wrap:wrap}.btn,.mini-btn,.icon-btn{border:0;border-radius:10px;cursor:pointer;font-weight:600;transition:.15s transform,.15s opacity,.15s background}.btn:hover,.mini-btn:hover,.icon-btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn{padding:10px 14px}.btn.primary{background:linear-gradient(#ffd447,#ffad0a);color:#382400;box-shadow:inset 0 -3px rgba(0,0,0,.12)}.btn.secondary{background:#2cc8f3;color:#062434}.btn.ghost{background:#24345b;color:#edf2ff;border:1px solid #354a79}.btn.full{width:100%;margin-top:10px}.workspace{height:calc(100vh - 76px);display:grid;grid-template-columns:88px 342px 1fr;min-height:650px}.toolrail{background:#10182d;border-right:1px solid var(--line);padding:10px 7px;overflow-y:auto}.tool{width:100%;padding:10px 4px;border:0;background:transparent;color:#9eabca;border-radius:12px;margin:2px 0;cursor:pointer;font-size:11px;display:grid;gap:5px;place-items:center}.tool span{font-size:21px;font-weight:700}.tool:hover,.tool.active{background:#24345b;color:#fff}.tool.active{box-shadow:inset 3px 0 #ffbd19}.panel-wrap{background:var(--panel2);border-right:1px solid var(--line);overflow-y:auto}.panel{display:none;padding:20px}.panel.active{display:block}.panel-head{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px}.panel-head h2{margin:0;font-size:20px}.panel-head p,.help{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.panel h3{margin:20px 0 10px;font-size:14px;color:#dce4ff}label{display:block;color:#cbd5f0;font-size:12px;margin:11px 0}input,select,textarea{width:100%;margin-top:5px;background:#0d152b;border:1px solid #31436f;border-radius:9px;color:white;padding:10px;outline:none}input:focus,select:focus,textarea:focus{border-color:#53d5ff;box-shadow:0 0 0 3px rgba(83,213,255,.09)}input[type=color]{padding:2px;height:40px}input[type=range]{padding:0;border:0;box-shadow:none}.row{display:grid;gap:10px}.row.two{grid-template-columns:1fr 1fr}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-btn{padding:9px 10px;background:#24345a;color:#eaf0ff;border:1px solid #334a79;font-size:12px}.mini-btn.danger{background:#55243a;border-color:#84324d}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.swatch{height:37px;border-radius:9px;border:2px solid rgba(255,255,255,.13);cursor:pointer}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-card{height:110px;border-radius:12px;overflow:hidden;border:1px solid #33456f;cursor:pointer;position:relative;background:#22305a}.template-card .preview{position:absolute;inset:0;padding:10px;font-weight:800;font-size:14px;text-shadow:0 2px 5px #000}.template-card small{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.55);padding:4px 6px;border-radius:6px}.chip-grid{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #3c507f;background:#1b294b;color:#dbe4ff;border-radius:999px;padding:7px 9px;font-size:11px;cursor:pointer}.search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.search-row input{margin:0}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;color:var(--muted);font-size:10px}.filter-row select{width:125px;margin:0;padding:7px}.result-card{margin:12px 0;padding:12px;border:1px solid #33476f;border-radius:12px;background:#0d1528}.result-card.empty{color:var(--muted);font-size:12px}.habbo-preview{display:flex;align-items:center;gap:12px}.habbo-preview img{width:88px;height:110px;object-fit:contain;background:linear-gradient(135deg,#27395f,#11192f);border-radius:10px}.habbo-preview strong{display:block;font-size:17px}.habbo-preview span{font-size:11px;color:var(--muted)}.furni-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:540px;overflow:auto;padding-right:3px}.furni-card{min-height:96px;padding:7px;border-radius:10px;background:#17223d;border:1px solid #2c3e68;cursor:pointer;text-align:center}.furni-card:hover{border-color:#55d7ff}.furni-card img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated}.furni-card span{display:block;font-size:9px;line-height:1.15;color:#dce5ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.element-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.element{aspect-ratio:1;border-radius:11px;border:1px solid #354a74;background:#1a2848;color:#fff;display:grid;place-items:center;font-size:28px;cursor:pointer}.upload-drop{display:grid;place-items:center;border:2px dashed #405584;background:#121d37;border-radius:15px;min-height:130px;cursor:pointer;font-weight:700}.upload-drop input{max-width:230px}.layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.layer-list{display:grid;gap:6px}.layer-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:6px;align-items:center;background:#17233f;border:1px solid #2b3c64;border-radius:9px;padding:8px}.layer-row.active{border-color:#55d6ff}.layer-row .drag{color:#7f8dac}.layer-name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-icon{border:0;background:#26375d;color:white;border-radius:7px;padding:4px 6px;cursor:pointer}.toggle{display:flex;gap:8px;align-items:center}.toggle input{width:auto;margin:0}.canvas-area{min-width:0;display:grid;grid-template-rows:50px 1fr 30px;background:#0b1020}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#151f37;border-bottom:1px solid #243353}.zoom-wrap,.selection-tools{display:flex;gap:7px;align-items:center}.zoom-wrap span,.selection-tools span{font-size:11px;color:#b8c3df}.icon-btn{width:31px;height:31px;background:#24345a;color:#fff;border:1px solid #344871}.stage-scroll{overflow:auto;display:grid;place-items:center;padding:40px;position:relative;background-color:#0b1020;background-image:linear-gradient(45deg,#10182a 25%,transparent 25%),linear-gradient(-45deg,#10182a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#10182a 75%),linear-gradient(-45deg,transparent 75%,#10182a 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.stage-shadow{transform-origin:center center;box-shadow:var(--shadow);background:white;line-height:0}.canvas-container{line-height:normal}.statusbar{display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#121b30;color:#7f8ca9;font-size:10px;border-top:1px solid #233250}.toast{position:fixed;right:20px;bottom:20px;z-index:50;background:#111a2d;border:1px solid #40527d;color:white;border-radius:12px;padding:11px 14px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:1050px){.workspace{grid-template-columns:76px 290px 1fr}.topbar{height:auto;min-height:76px;padding:10px 14px;gap:10px}.top-actions{justify-content:flex-end}.brand span{display:none}}@media(max-width:780px){.workspace{height:auto;grid-template-columns:64px 1fr}.panel-wrap{min-height:500px}.canvas-area{grid-column:1/3;height:75vh}.topbar{position:relative}.top-actions .ghost{display:none}.brand strong{font-size:14px}.template-grid{grid-template-columns:1fr 1fr}.tool{font-size:9px}}