:root{--bg:#f1ece3;--panel:#fbf8f1;--ink:#241d16;--muted:#7d7063;--line:rgba(57,44,31,.14);--bronze:#795633;--dark:#302216;--accent:#a37442;--danger:#9d433b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Kufi Arabic",sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.admin-header{height:72px;position:sticky;top:0;z-index:20;background:rgba(247,242,233,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.admin-brand{display:flex;align-items:center;gap:10px;font-family:"Noto Serif Arabic";font-size:23px}.admin-brand small{display:block;font:8px "Noto Kufi Arabic";letter-spacing:.08em;color:var(--muted)}.mark{width:35px;height:35px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%}.header-actions{display:flex;align-items:center;gap:10px}.status-pill{font-size:9px;border:1px solid var(--line);padding:8px 11px;border-radius:999px;color:var(--muted);background:#fff8}.ghost-btn,.text-btn,.danger-ghost,.primary-btn{border:0;cursor:pointer}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff7;padding:10px 14px;border-radius:10px;font-size:10px}.primary-btn{background:var(--dark);color:#fff;padding:12px 20px;border-radius:10px;font-size:11px;box-shadow:0 10px 22px rgba(48,34,22,.16);transition:.25s}.primary-btn:hover{transform:translateY(-1px);background:#4a3422}.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 72px)}.admin-nav{border-left:1px solid var(--line);padding:30px 18px;background:rgba(249,246,239,.48)}.admin-nav>p{font-size:9px;color:var(--muted);margin:0 12px 16px}.admin-nav a{display:flex;align-items:center;gap:9px;padding:11px 12px;margin:4px 0;border-radius:10px;font-size:10px;color:#65584b}.admin-nav a.active{background:#e4d8c6;color:#2a211a;font-weight:600}.admin-nav a span{width:20px;text-align:center;font-size:14px}.nav-note{margin:30px 10px 0;padding:15px;border-top:1px solid var(--line);font-size:8px;line-height:1.9;color:var(--muted)}.admin-content{padding:38px clamp(24px,4vw,60px) 70px}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.page-title p,.preview-head p{font-size:8px;letter-spacing:.18em;color:var(--accent);margin:0 0 4px;direction:ltr}.page-title h1{font-family:"Noto Serif Arabic";font-size:38px;margin:0 0 6px;font-weight:600}.page-title>div>span{font-size:10px;color:var(--muted)}.layout-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:24px;align-items:start}.settings-column{display:grid;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 38px rgba(61,46,32,.04)}.panel-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-head h2{font-family:"Noto Serif Arabic";font-size:21px;margin:0 0 4px}.panel-head p{font-size:9px;color:var(--muted);line-height:1.8;margin:0}.step{font:600 9px serif;color:#a38d72;border:1px solid var(--line);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;direction:ltr}.dropzone{position:relative;border:1px dashed #b8a68e;border-radius:14px;background:linear-gradient(145deg,#f7f1e6,#eee5d7);min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.25s}.dropzone:hover,.dropzone.drag{border-color:#7d5a38;background:#f1e4d1;transform:translateY(-1px)}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#2f2217;color:white;font-size:19px;margin-bottom:10px}.dropzone b{font-size:11px}.dropzone span{font-size:9px;color:var(--muted);margin:4px 0}.dropzone small{font-size:7px;color:#a28e77}.file-row{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;margin-top:14px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff8}.file-thumb{height:54px;border-radius:8px;background:#e6ded1;display:grid;place-items:center;overflow:hidden}.file-thumb img{width:100%;height:100%;object-fit:contain}.file-info b{display:block;font-size:9px;direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.file-info span{font-size:8px;color:var(--muted)}.text-btn{background:transparent;color:#7a5632;font-size:8px;padding:8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.toggle-row b{display:block;font-size:10px}.toggle-row span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.toggle{width:40px;height:22px;border-radius:999px;background:#b6966f;padding:3px}.toggle i{display:block;width:16px;height:16px;border-radius:50%;background:white}.advanced{margin-top:14px}.advanced summary{cursor:pointer;font-size:10px;padding:12px 0;display:flex;align-items:center;gap:8px}.advanced summary span{font-size:7px;background:#eadfce;padding:3px 7px;border-radius:999px;color:#7d674d}.slider-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin:12px 0 18px}.slider-grid label{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:8px;color:#5e5042}.slider-grid output{direction:ltr;color:#9a7755}.slider-grid input{grid-column:1/-1;width:100%;accent-color:#7d5a38}.reset-layout{width:100%}.bottom-actions{display:flex;justify-content:space-between;gap:12px}.danger-ghost{border:1px solid rgba(157,67,59,.22);background:transparent;color:var(--danger);padding:11px 14px;border-radius:10px;font-size:9px}.preview-column{min-width:0}.preview-sticky{position:sticky;top:94px}.preview-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.preview-head h2{font-family:"Noto Serif Arabic";margin:0;font-size:23px}.preview-head>span{font-size:8px;color:#5d7654;display:flex;gap:6px;align-items:center}.preview-head>span i{width:7px;height:7px;background:#6d9a62;border-radius:50%;box-shadow:0 0 0 4px rgba(109,154,98,.12)}.museum-preview{position:relative;min-height:680px;border-radius:20px;overflow:hidden;border:1px solid rgba(66,48,31,.18);background:linear-gradient(#efe7d9 0 71%,#d1c2ad 71% 73%,#c7b49b 73% 100%);box-shadow:0 18px 55px rgba(53,39,26,.12)}.preview-light{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 7%,rgba(255,255,255,.88),transparent 35%),linear-gradient(90deg,transparent 0 10%,rgba(255,255,255,.17),transparent 32% 70%,rgba(255,255,255,.12),transparent);pointer-events:none}.preview-art{position:relative;width:48%;margin:58px auto 0;padding:8px;background:#3f2b1c;box-shadow:0 20px 26px rgba(58,39,23,.24),inset 0 0 0 2px #b98d51,inset 0 0 0 6px #634224}.preview-art img{display:block;width:100%;aspect-ratio:.72;object-fit:cover}.preview-stand{position:relative;width:min(64%,310px);margin:-10px auto -22px;filter:drop-shadow(0 17px 14px rgba(42,29,19,.18))}.preview-stand>img{display:block;width:100%;height:auto}.preview-copy{position:absolute;left:23.2%;top:7.3%;width:67.2%;min-height:24%;padding:5.5% 6.5% 4%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:right;direction:rtl;color:#2a2119;font-family:"Noto Serif Arabic";overflow:hidden;transform-origin:center}.preview-copy b{font-size:12px;line-height:1.45}.preview-copy span{font:7px "Noto Kufi Arabic";color:#796650;margin:3px 0}.preview-copy small{font-size:7.5px;line-height:1.65}.preview-price{position:absolute;left:6.5%;top:36.6%;width:16.5%;min-height:7.2%;display:grid;place-items:center;font:700 8px "Noto Serif Arabic";transform-origin:center}.floor-shadow{position:absolute;left:24%;right:24%;bottom:42px;height:35px;border-radius:50%;background:rgba(48,34,22,.14);filter:blur(16px)}.preview-tip{text-align:center;font-size:8px;color:var(--muted);line-height:1.8;margin:10px 20px}.toast{position:fixed;z-index:50;left:28px;bottom:28px;min-width:260px;padding:13px 15px;border-radius:12px;background:#261d16;color:white;box-shadow:0 16px 35px rgba(0,0,0,.22);display:flex;gap:9px;align-items:center;transform:translateY(120px);opacity:0;transition:.35s}.toast.show{transform:none;opacity:1}.toast b{width:24px;height:24px;border-radius:50%;background:#6d8b63;display:grid;place-items:center}.toast b:after{content:'✓'}.toast span{font-size:9px}
@media(max-width:1050px){.layout-grid{grid-template-columns:1fr}.preview-column{grid-row:1}.preview-sticky{position:relative;top:auto}.museum-preview{min-height:620px}.admin-shell{grid-template-columns:180px 1fr}}
@media(max-width:720px){.admin-header{padding:0 15px;height:66px}.status-pill{display:none}.admin-shell{display:block}.admin-nav{display:none}.admin-content{padding:24px 14px 60px}.page-title{align-items:start}.page-title h1{font-size:29px}.page-title>.primary-btn{display:none}.layout-grid{display:flex;flex-direction:column}.preview-column{width:100%}.settings-column{width:100%}.museum-preview{min-height:540px}.preview-art{margin-top:40px;width:52%}.preview-stand{width:min(72%,300px)}.slider-grid{grid-template-columns:1fr}.bottom-actions{flex-direction:column}.header-actions .ghost-btn{font-size:8px;padding:8px 10px}.admin-brand{font-size:20px}}