:root{--bg: #0d1220;--bg-2: #131a2b;--panel: #182137;--panel-2: #1e2942;--line: #263252;--text: #e8eefc;--muted: #8fa0c4;--accent: #f0a73c;--accent-dim: #c9862b;--ok: #4ebb6b;--bad: #e05a4a;--radius: 10px;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Cairo,system-ui,sans-serif;font-size:14px;direction:rtl}.shell{display:grid;grid-template-columns:216px 1fr;min-height:100vh}.sidebar{background:var(--bg-2);border-left:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:6px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;font-weight:700;font-size:17px}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.brand small{color:var(--muted);font-weight:400;font-size:11px;display:block}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent}.nav-item:hover{background:var(--panel);color:var(--text)}.nav-item.active{background:var(--panel-2);color:var(--text);border-color:var(--line);box-shadow:inset 3px 0 0 var(--accent)}.nav-item .count{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:11px;color:var(--muted)}.sidebar-foot{margin-top:auto;color:var(--muted);font-size:11px;padding:8px;line-height:1.8}.sidebar-foot code{color:var(--accent)}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--bg-2);position:sticky;top:0;z-index:5}.topbar h1{font-size:16px;margin:0;font-weight:600}.topbar .spacer{flex:1}.status{font-size:12px;color:var(--muted)}.status.ok{color:var(--ok)}.status.bad{color:var(--bad)}.dirty-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.content{padding:18px;overflow:auto}button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer}button:hover:not(:disabled){background:var(--panel-2);border-color:#35456f}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent-dim);color:#201400;font-weight:700}button.primary:hover:not(:disabled){background:#ffb74d}button.ghost{background:transparent}button.danger{border-color:#5b2a26;color:#ffb3aa}button.danger:hover:not(:disabled){background:#33191a}button.active{background:var(--accent);color:#201400;border-color:var(--accent-dim);font-weight:700}.button-like{display:block;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer;text-align:center}.button-like:hover{background:var(--panel-2);border-color:#35456f}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:6px 8px;width:100%}input:focus,select:focus{outline:none;border-color:var(--accent)}input[type=color]{padding:2px;height:32px;cursor:pointer}label{display:grid;gap:4px;font-size:12px;color:var(--muted)}.row{display:flex;gap:8px;align-items:center}.grow{flex:1}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.panel h3{margin:0 0 12px;font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-weight:700}.panel+.panel{margin-top:12px}.hint{color:var(--muted);font-size:12px;line-height:1.7;margin:6px 0 0}.editor{display:grid;grid-template-columns:240px 1fr 310px;gap:12px;align-items:start}@media(max-width:1320px){.editor{grid-template-columns:220px 1fr}.editor .inspector{grid-column:1 / -1}}.world-block{border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:12px;background:var(--panel-2)}.world-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.world-title{font-weight:700;color:var(--text)}.world-count{font-size:11px;color:var(--muted);margin-inline-start:auto}.world-block .gate{margin-bottom:8px}.world-block .gate input{width:68px}.world-block .gate label{font-size:12px;color:var(--muted)}.world-block .hint{margin:0}.world-block .hint.bad{color:var(--danger, #ff6b6b)}.world-block .level-list{max-height:none}.level-list{display:flex;flex-direction:column;gap:4px;max-height:460px;overflow:auto}.level-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;border:1px solid transparent;color:var(--muted)}.level-row:hover{background:var(--panel-2);color:var(--text)}.level-row.active{background:var(--panel-2);color:var(--text);border-color:var(--line);box-shadow:inset 3px 0 0 var(--accent)}.level-row .id{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700;min-width:22px}.level-row .world{font-size:11px;color:var(--muted)}.thumb{flex:none;border-radius:4px;border:1px solid var(--line);display:block;background:var(--bg)}.diff{margin-inline-start:auto}.diff,.diff-bar{--easy: var(--ok);--medium: var(--accent);--hard: #ef7d52;--impossible: #ff5470}.diff{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap;letter-spacing:.2px}.diff-easy{color:var(--easy);background:color-mix(in srgb,var(--easy) 15%,transparent);border-color:color-mix(in srgb,var(--easy) 35%,transparent)}.diff-medium{color:var(--medium);background:color-mix(in srgb,var(--medium) 15%,transparent);border-color:color-mix(in srgb,var(--medium) 35%,transparent)}.diff-hard{color:var(--hard);background:color-mix(in srgb,var(--hard) 16%,transparent);border-color:color-mix(in srgb,var(--hard) 38%,transparent)}.diff-impossible{color:#fff;background:var(--impossible);border-color:var(--impossible)}.diff-curve{display:flex;flex-direction:column;gap:4px;margin:2px 2px 8px}.diff-bars{display:flex;align-items:flex-end;gap:3px;height:40px;padding:0 2px}.diff-bar{flex:1;min-width:6px;max-width:18px;border-radius:2px 2px 0 0;transition:height .2s ease}.diff-bar.diff-easy{background:var(--easy)}.diff-bar.diff-medium{background:var(--medium)}.diff-bar.diff-hard{background:var(--hard)}.diff-bar.diff-impossible{background:var(--impossible)}.diff-bar.dip{outline:2px solid var(--bad);outline-offset:1px}.stage{display:flex;flex-direction:column;gap:10px;align-items:center}.toolbar{display:flex;gap:6px;flex-wrap:wrap;width:100%}.toolbar .sep{width:1px;background:var(--line);margin:0 4px}.level-canvas{width:100%;max-width:420px;aspect-ratio:384 / 720;background:#000;border-radius:12px;border:1px solid var(--line);box-shadow:var(--shadow);touch-action:none;-webkit-user-select:none;user-select:none}.device{width:100%;max-width:420px;background:#05070d;border:10px solid #1b2337;border-radius:34px;box-shadow:var(--shadow);position:relative;overflow:hidden}.device .notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:18px;background:#1b2337;border-radius:0 0 12px 12px;z-index:3}.device .chrome-top{position:absolute;top:0;left:0;right:0;height:11.6%;z-index:2;background:linear-gradient(180deg,#050911f2,#05091180);display:flex;align-items:flex-end;gap:6px;padding:0 10px 6px;pointer-events:none}.device .pill{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;background:#0e1626;border:1px solid #26304a;border-radius:999px;font-size:10px;color:#cfe0ff;padding:3px 0}.device .chrome-bottom{position:absolute;bottom:0;left:0;right:0;height:7.8%;z-index:2;background:#05090f;border-top:1px solid #1a2233;display:flex;align-items:center;justify-content:center;color:#43506b;font-size:11px;letter-spacing:1px;pointer-events:none}.device .level-canvas{max-width:none;border:0;border-radius:0;box-shadow:none;display:block}.fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fields label.wide{grid-column:1 / -1}.objects{display:flex;flex-direction:column;gap:3px;max-height:240px;overflow:auto}.object-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;color:var(--muted);font-size:12px}.object-row:hover{background:var(--panel-2);color:var(--text)}.object-row.active{background:var(--panel-2);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.object-row .tag{font-size:10px;padding:1px 6px;border-radius:4px;background:var(--bg);border:1px solid var(--line)}.object-row .coords{margin-inline-start:auto;font-variant-numeric:tabular-nums;opacity:.75}.solver-result{display:flex;flex-direction:column;gap:6px}.solver-row{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;background:var(--bg);border:1px solid var(--line);font-size:12px}.solver-row.ok{border-color:#24523a}.solver-row.bad{border-color:#5b2a26;background:#2a1414}.solver-row .angles{margin-inline-start:auto;color:var(--muted);font-variant-numeric:tabular-nums}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.world-card{display:flex;flex-direction:column;gap:10px}.world-card .preview{height:130px;border-radius:8px;border:1px solid var(--line);overflow:hidden;position:relative;background:#0a0f1a}.world-card .preview .ground{position:absolute;inset:auto 0 0 0;height:38px}.world-card .preview .ledge{position:absolute;height:16px;border-radius:2px}.world-card .title{display:flex;align-items:center;gap:8px}.world-card .title strong{font-size:15px}.world-card .title .material{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 8px}.swatches{display:flex;gap:6px}.swatch{flex:1;height:22px;border-radius:6px;border:1px solid var(--line)}.sound-table{width:100%;border-collapse:collapse}.sound-table th,.sound-table td{text-align:right;padding:9px 10px;border-bottom:1px solid var(--line);font-size:13px}.sound-table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.sound-table tr:last-child td{border-bottom:0}.sound-table audio{height:30px}.badge{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.badge.live{color:var(--ok);border-color:#24523a}.econ-group{border:1px solid #22304a;border-radius:10px;padding:10px 16px 16px;margin:0 0 16px}.econ-group legend{padding:0 8px;color:#f2a91f;font-weight:700;font-size:.9rem}.econ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.econ-field{display:flex;flex-direction:column;gap:5px}.econ-field>span{font-size:.82rem;color:#c7d3e6}.econ-field input{background:#0e1626;border:1px solid #2a3a55;border-radius:8px;padding:8px 10px;color:#eaf1fb;font-size:1rem;text-align:center}.econ-field input:focus{outline:none;border-color:#f2a91f}.econ-hint{color:#7f90a8;font-size:.72rem;font-style:normal}.login{min-height:100vh;display:grid;place-items:center;background:#0b1220}.login-card{background:#131d30;border:1px solid #22304a;border-radius:16px;padding:32px 30px;width:340px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 60px -20px #0009}.login-brand{font-weight:800;font-size:1.5rem;color:#f2a91f;text-align:center}.login-brand span{display:block;font-size:.8rem;color:#8ea0bd;font-weight:600;margin-top:2px}.login-card label{display:flex;flex-direction:column;gap:6px;color:#c7d3e6;font-size:.85rem}.login-card input{background:#0e1626;border:1px solid #2a3a55;border-radius:8px;padding:10px 12px;color:#eaf1fb;font-size:1rem}.login-card input:focus{outline:none;border-color:#f2a91f}.login-hint{color:#7f90a8;font-size:.72rem;margin:0;text-align:center;line-height:1.5}.sidebar-foot .logout{display:block;margin-top:10px;background:transparent;border:1px solid #33445f;color:#9fb2cc;border-radius:8px;padding:5px 14px;cursor:pointer;font-size:.8rem}.sidebar-foot .logout:hover{border-color:#f2a91f;color:#f2a91f}