body{margin:0;background:#f6f7f8;color:#111;font-family:"Instrument Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-nav{position:sticky;top:0;height:100vh;background:#111;color:#fff;padding:24px;overflow:auto}.admin-nav h1{font-size:27px;letter-spacing:-.07em;margin:0 0 28px}.admin-nav a{display:block;color:#cfd3d7;text-decoration:none;padding:9px 0;font-weight:600;font-size:14px}.admin-main{padding:36px;max-width:1280px}.login-card{max-width:420px;margin:10vh auto;background:#fff;border-radius:28px;padding:30px;box-shadow:0 20px 60px #0001}.login-card h1,h2{font-size:48px;letter-spacing:-.075em;line-height:.9;margin:0 0 26px}h3{font-size:24px;letter-spacing:-.05em}label{display:block;margin:13px 0;font-weight:700;font-size:13px;color:#4f565e}input,textarea,select{width:100%;border:1px solid #dfe3e6;border-radius:14px;padding:12px;font:inherit;background:#fff;color:#111}textarea{min-height:120px}.code{min-height:480px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.btn,button{display:inline-flex;align-items:center;gap:8px;border:0;background:#111;color:#fff;border-radius:14px;padding:12px 16px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.btn.small,button.small{padding:7px 10px;font-size:12px}.btn.ghost{background:#fff;color:#111;border:1px solid #dfe3e6}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 30px #00000008}.card b{display:block;font-size:44px;letter-spacing:-.07em}table{width:100%;border-collapse:collapse;background:#fff;border-radius:22px;overflow:hidden;margin-top:18px}td,th{padding:14px;border-bottom:1px solid #eef0f2;text-align:left;vertical-align:top}.flash{background:#ecfff1;border:1px solid #a7edbc;border-radius:14px;padding:12px;margin-bottom:18px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:20px}.media-grid figure{background:#fff;border-radius:18px;padding:10px;margin:0}.media-grid img{width:100%;height:160px;object-fit:cover;border-radius:12px}.media-grid figcaption{font-size:12px;color:#656d76;margin-top:8px}.hint{color:#727982;font-size:13px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.danger{background:#e33}.editor-shell{height:100vh;display:grid;grid-template-columns:380px 1fr;background:#f2f3f4}.editor-panel{background:#111;color:#fff;overflow:auto;padding:22px}.editor-panel h1{letter-spacing:-.07em}.editor-panel input,.editor-panel textarea,.editor-panel select{background:#1c1c1c;border-color:#333;color:#fff}.editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.block-list{display:grid;gap:8px;margin:20px 0}.block-item{border:1px solid #333;background:#1a1a1a;border-radius:14px;padding:12px;cursor:pointer;display:flex;justify-content:space-between}.block-item.active{border-color:#7137ff;background:#231a3a}.preview-wrap{padding:24px;overflow:auto}.devicebar{display:flex;gap:8px;margin-bottom:14px}.preview-frame{border:0;background:#fff;border-radius:22px;box-shadow:0 20px 60px #0002;height:calc(100vh - 92px);width:100%;display:block;margin:0 auto;transition:width .35s cubic-bezier(.19,1,.22,1)}.preview-frame.tablet{width:820px}.preview-frame.mobile{width:390px}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-nav{position:relative;height:auto}.grid2,.grid3,.cards,.editor-shell{grid-template-columns:1fr}.admin-main{padding:20px}.preview-frame.tablet,.preview-frame.mobile{width:100%}}

/* v12 Live Layer Editor */
.editor-shell-v12{grid-template-columns:430px 1fr}.editor-panel-v12{padding:18px 18px 80px}.editor-topbar h1{font-size:32px;margin:0 0 8px;line-height:.92}.editor-group{border:1px solid #2d2d2d;border-radius:18px;margin:12px 0;background:#161616;overflow:hidden}.editor-group summary{cursor:pointer;padding:14px 16px;font-weight:800;color:#fff;background:#1d1d1d}.editor-group label,.editor-group .hint,.toggle-row{padding-left:14px;padding-right:14px}.editor-group input,.editor-group textarea,.editor-group select{border-radius:12px}.grid2.tight{gap:8px;padding:0 14px}.grid2.tight label{padding:0}.sticky-actions{position:sticky;top:0;z-index:5;background:#111;padding:10px 0;border-bottom:1px solid #252525}.toggle-row{display:flex;align-items:center;gap:10px;color:#d8d8d8}.toggle-row input{width:auto}.block-item,.layer-item{transition:background .25s,border-color .25s,transform .25s}.block-item:hover,.layer-item:hover{transform:translateX(2px)}.layer-list{display:grid;gap:8px;padding:0 14px 10px}.layer-item{border:1px solid #333;background:#1a1a1a;border-radius:14px;padding:10px 12px;cursor:pointer;display:flex;justify-content:space-between;color:#fff}.layer-item.active{border-color:#22c55e;background:#102419}.layer-item small{color:#9097a1}.layer-editor{padding-bottom:14px}.preview-wrap-v12{background:#e9ebee}.preview-frame.mobileLarge{width:430px}.preview-frame.mobile{width:390px}.preview-frame.tablet{width:820px}.danger{background:#ef4444!important;color:#fff!important}@media(max-width:1100px){.editor-shell-v12{grid-template-columns:1fr}.editor-panel-v12{height:auto}.preview-wrap-v12{height:80vh}.preview-frame.tablet,.preview-frame.mobile,.preview-frame.mobileLarge{width:100%}}

/* v13 Figma-style Design Studio */
:root{--studio-bg:#0b0d12;--studio-panel:#11141b;--studio-panel-2:#171b24;--studio-line:#252b36;--studio-text:#f4f7fb;--studio-muted:#8b95a5;--studio-accent:#8b5cf6;--studio-blue:#38bdf8;--studio-green:#22c55e;--studio-danger:#fb4d5b;--studio-radius:14px}
.figma-studio{height:100vh;display:grid;grid-template-columns:300px minmax(420px,1fr) 360px;background:radial-gradient(circle at 35% 0%,#1f2540 0,#0b0d12 34%,#090a0e 100%);color:var(--studio-text);overflow:hidden;font-family:"Instrument Sans",system-ui,sans-serif}
.figma-studio *{box-sizing:border-box}.figma-studio button{font:inherit}.studio-left,.studio-right{background:linear-gradient(180deg,rgba(22,26,36,.98),rgba(13,15,21,.98));border-color:var(--studio-line);overflow:auto}.studio-left{border-right:1px solid var(--studio-line)}.studio-right{border-left:1px solid var(--studio-line)}.studio-brand{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--studio-line)}.studio-brand strong{display:block;font-size:16px;letter-spacing:-.04em}.studio-brand small{display:block;color:var(--studio-muted);font-size:12px;margin-top:2px}.logo-dot{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--studio-accent),var(--studio-blue));box-shadow:0 0 34px rgba(139,92,246,.42)}
.studio-tabs,.right-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;border-bottom:1px solid var(--studio-line);position:sticky;top:0;background:#11141be8;backdrop-filter:blur(14px);z-index:4}.studio-tabs button,.right-tabs button,.device-switch button{border:0;background:transparent;color:var(--studio-muted);border-radius:10px;padding:9px 10px;font-weight:700;font-size:12px;cursor:pointer}.studio-tabs button.active,.right-tabs button.active,.device-switch button.active{background:#242a36;color:#fff;box-shadow:inset 0 0 0 1px #303747}.studio-tab,.inspector{display:none;padding:14px}.studio-tab.is-active,.inspector.is-active{display:block}.panel-title{display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:800;font-size:13px;margin:12px 0 10px}.tiny-note{font-size:12px;color:var(--studio-muted);line-height:1.35;margin:8px 0 12px}.figma-tree{display:grid;gap:8px}.tree-block{border:1px solid var(--studio-line);border-radius:14px;background:rgba(255,255,255,.025);overflow:hidden}.tree-block.active{border-color:var(--studio-accent);box-shadow:0 0 0 1px rgba(139,92,246,.2)}.tree-block-head,.tree-layer{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;color:#e8edf5;padding:11px 12px;cursor:pointer;text-align:left}.tree-block-head span,.tree-layer span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-block-head small,.tree-layer small{color:var(--studio-muted);font-size:11px}.tree-layers{padding:0 8px 8px 18px;display:grid;gap:5px}.tree-layer{border-radius:10px;color:#cdd5df;background:#0d1017;padding:8px 10px}.tree-layer.active{background:linear-gradient(90deg,rgba(139,92,246,.25),rgba(56,189,248,.12));box-shadow:inset 0 0 0 1px rgba(139,92,246,.45);color:#fff}.insert-grid,.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.insert-grid button,.preset-grid button,.ghost-btn,.primary-btn,.danger-btn,.icon-btn{border:1px solid var(--studio-line);background:#161b25;color:#e7ecf5;border-radius:12px;padding:10px 11px;font-weight:750;font-size:12px;cursor:pointer;text-align:left;transition:transform .18s,background .18s,border-color .18s}.insert-grid button:hover,.preset-grid button:hover,.ghost-btn:hover,.primary-btn:hover{transform:translateY(-1px);border-color:#3f4858;background:#202735}.primary-btn{background:linear-gradient(135deg,var(--studio-accent),#6d5dfc);border:0;color:#fff;text-align:center}.danger-btn{background:rgba(251,77,91,.12);border-color:rgba(251,77,91,.28);color:#ff9ba4}.mini-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.icon-btn{width:34px;height:34px;padding:0;display:grid;place-items:center;text-align:center}.studio-canvas{position:relative;display:grid;grid-template-rows:58px 1fr;min-width:0;overflow:hidden}.canvas-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(220px,auto);align-items:center;gap:16px;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,10,14,.78);backdrop-filter:blur(18px);z-index:5}.crumbs{display:flex;align-items:center;gap:9px;min-width:0}.crumbs span{color:var(--studio-muted);font-size:12px}.crumbs strong{font-size:13px}.crumbs em{font-style:normal;color:#b9c1ce;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-switch{display:flex;gap:6px;background:#111722;border:1px solid var(--studio-line);padding:4px;border-radius:14px}.save-cluster{display:flex;align-items:center;justify-content:flex-end;gap:8px}.save-cluster label{font-size:12px;color:var(--studio-muted);display:flex;align-items:center;gap:5px}.save-cluster input{width:auto}.save-cluster #saveStatus{font-size:12px;color:var(--studio-muted);min-width:48px}.stage{overflow:auto;padding:34px 34px 60px;display:grid;place-items:start center;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:32px 32px}.ruler-x{position:absolute;left:0;right:0;top:58px;height:20px;background:rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.05);z-index:2}.ruler-y{position:absolute;top:58px;bottom:0;left:0;width:20px;background:rgba(255,255,255,.035);border-right:1px solid rgba(255,255,255,.05);z-index:2}.figma-studio .preview-frame{width:100%;height:calc(100vh - 160px);background:#fff;border:0;border-radius:18px;box-shadow:0 40px 120px rgba(0,0,0,.48);transition:width .35s cubic-bezier(.19,1,.22,1),height .35s cubic-bezier(.19,1,.22,1)}.figma-studio .preview-frame.tablet{width:820px}.figma-studio .preview-frame.mobileLarge{width:430px}.figma-studio .preview-frame.mobile{width:390px}.inspector-block{border-bottom:1px solid var(--studio-line);padding:15px 0}.inspector-block h3{font-size:12px;margin:0 0 12px;color:#fff;text-transform:uppercase;letter-spacing:.08em}.figma-studio label{display:block;margin:9px 0;color:#a8b1bf;font-weight:700;font-size:11px}.figma-studio input,.figma-studio textarea,.figma-studio select{width:100%;background:#0d1118;border:1px solid #29313d;color:#fff;border-radius:10px;padding:9px 10px;font:inherit;font-size:12px;outline:none}.figma-studio textarea{min-height:72px;resize:vertical}.figma-studio input:focus,.figma-studio textarea:focus,.figma-studio select:focus{border-color:var(--studio-accent);box-shadow:0 0 0 3px rgba(139,92,246,.12)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.figma-studio .code{min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.preset-grid.compact{grid-template-columns:1fr 1fr}.editor-preview [data-block-index]{outline:1px dashed rgba(139,92,246,.45);outline-offset:-3px}.editor-preview [data-block-index]:hover{outline:2px solid rgba(139,92,246,.8)!important}.editor-preview .cms-layer{cursor:grab;outline:1px dashed transparent}.editor-preview .cms-layer:hover{outline-color:#8b5cf6!important;outline-offset:2px}.editor-preview .cms-layer:active{cursor:grabbing}@media(max-width:1200px){.figma-studio{grid-template-columns:270px 1fr}.studio-right{position:absolute;right:0;top:58px;bottom:0;width:360px;z-index:8;box-shadow:-30px 0 80px rgba(0,0,0,.45)}}@media(max-width:900px){.figma-studio{grid-template-columns:1fr;height:auto;min-height:100vh}.studio-left,.studio-right{height:auto}.canvas-topbar{grid-template-columns:1fr}.figma-studio .preview-frame,.figma-studio .preview-frame.tablet,.figma-studio .preview-frame.mobile,.figma-studio .preview-frame.mobileLarge{width:100%;height:70vh}.ruler-x,.ruler-y{display:none}.stage{padding:16px}}

/* v14 Figma/Framer visual editing polish */
.figma-studio.left-closed{grid-template-columns:0 minmax(420px,1fr) 360px}.figma-studio.right-closed{grid-template-columns:300px minmax(420px,1fr) 0}.figma-studio.left-closed.right-closed{grid-template-columns:0 1fr 0}.figma-studio.left-closed .studio-left,.figma-studio.right-closed .studio-right{transform:translateX(-100%);opacity:0;pointer-events:none}.figma-studio.right-closed .studio-right{transform:translateX(100%)}.panel-collapse{position:absolute;top:72px;z-index:20;width:32px;height:48px;border-radius:0 14px 14px 0!important;background:#171b24!important;border:1px solid var(--studio-line)!important;color:#fff!important;display:grid!important;place-items:center!important;padding:0!important}.left-collapse{left:0}.right-collapse{right:0;border-radius:14px 0 0 14px!important}.inline-toolbar{display:flex;align-items:center;gap:6px;background:#111722;border:1px solid var(--studio-line);border-radius:14px;padding:4px}.inline-toolbar button,.inline-toolbar select,.inline-toolbar input{height:30px;border:0;background:#222938;color:#fff;border-radius:9px;padding:0 9px;font-size:12px;width:auto}.inline-toolbar input[type=color]{width:34px;padding:2px}.mini-textarea{min-height:88px!important}.media-field,.color-pair{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center}.color-pair{grid-template-columns:42px 1fr}.color-pair input[type=color]{height:38px;padding:3px}.media-modal{position:fixed;inset:0;display:none;z-index:99999;background:rgba(4,6,10,.62);backdrop-filter:blur(10px);place-items:center}.media-modal.open{display:grid}.media-modal-panel{width:min(980px,92vw);max-height:86vh;overflow:auto;background:#11141b;border:1px solid #2a3040;border-radius:24px;box-shadow:0 40px 120px rgba(0,0,0,.55);color:#fff}.media-modal-panel header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#151925;border-bottom:1px solid #2a3040;z-index:2}.media-modal-panel header button{width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:50%;background:#242b39}.media-upload-row{display:flex;gap:10px;padding:16px;border-bottom:1px solid #242b36}.media-upload-row input{background:#0d1118}.media-grid-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px}.asset-card{display:grid!important;gap:7px!important;text-align:left!important;background:#171c27!important;border:1px solid #2a3040!important;border-radius:14px!important;padding:8px!important;color:#dfe7f3!important}.asset-card img,.asset-card video{width:100%;height:112px;object-fit:cover;border-radius:10px;background:#0b0d12}.asset-card span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage.drag-over{box-shadow:inset 0 0 0 3px rgba(139,92,246,.65);background-color:rgba(139,92,246,.08)}.editor-preview [contenteditable=true]{cursor:text!important}.editor-preview [contenteditable=true]:focus{outline:2px solid #38bdf8!important;outline-offset:4px;background:rgba(56,189,248,.08)}
@media(max-width:900px){.figma-studio.left-closed,.figma-studio.right-closed,.figma-studio.left-closed.right-closed{grid-template-columns:1fr}.panel-collapse{display:none!important}.inline-toolbar{flex-wrap:wrap}.canvas-topbar{gap:8px}.media-field{grid-template-columns:1fr}.media-upload-row{display:grid}}
.advanced-data{margin:18px 0;background:#1018280a;border:1px solid #e3e8ef;border-radius:18px;padding:14px}.advanced-data summary{cursor:pointer;font-weight:700}.inline-edit{display:grid;grid-template-columns:1.2fr 1.6fr .7fr .7fr auto;gap:10px;align-items:center}.inline-edit textarea{min-height:58px}.admin-nav a[href*="footer"],.admin-nav a[href*="menus"]{color:#fff}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.ghost{background:#eef2f7;color:#111}.small.danger{background:#df1f3a;color:#fff}

/* v18 hero offset controls */
.hero-offset-editor{margin:14px 0;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035)}
.hero-offset-editor h3{margin:0 0 6px;font-size:13px;color:#fff}
.offset-group{display:grid;grid-template-columns:1fr 78px;gap:8px;align-items:center;margin:12px 0;padding:10px;border-radius:14px;background:rgba(255,255,255,.04)}
.offset-group strong{grid-column:1/-1;font-size:12px;color:#cbd5e1}
.offset-group label{margin:0;font-size:11px;color:#94a3b8}
.offset-group input[type="range"]{width:100%;accent-color:#8b5cf6}
.offset-group input:not([type="range"]){height:30px;padding:6px 8px;border-radius:10px;font-size:12px}
.asset-card-wrap{position:relative;background:#10151f;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.asset-card-wrap .asset-card{border:0;border-radius:0;width:100%;background:#111827;text-align:left;color:#e5e7eb}
.asset-card-wrap .asset-delete{margin:8px;border:1px solid rgba(239,68,68,.45);background:rgba(239,68,68,.12);color:#fecaca;border-radius:10px;padding:8px 10px;font-weight:700;cursor:pointer}
.asset-card-wrap .asset-delete:hover{background:rgba(239,68,68,.25)}
.media-grid video,.media-grid-picker video{width:100%;height:120px;object-fit:cover;border-radius:12px;background:#111}
.media-grid figure form{margin-top:8px}

/* v21 polished admin + easier Design Studio UX */
body{background:linear-gradient(135deg,#eef2f7 0%,#f8fafc 44%,#ffffff 100%);color:#111827}
.admin-shell-v21{grid-template-columns:286px minmax(0,1fr);background:transparent}
.admin-shell-v21 .admin-nav{background:linear-gradient(180deg,#0b1020 0%,#101828 55%,#0f172a 100%);border-right:1px solid rgba(255,255,255,.08);box-shadow:18px 0 60px rgba(15,23,42,.12);padding:18px 16px}
.admin-brand{display:flex;gap:12px;align-items:center;margin-bottom:18px;padding:8px 8px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-logo{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#38bdf8);display:grid;place-items:center;font-weight:800;color:#fff;letter-spacing:-.05em;box-shadow:0 18px 44px rgba(139,92,246,.3)}
.admin-brand h1{margin:0;font-size:24px;line-height:1}.admin-brand small{display:block;color:#94a3b8;font-size:12px;margin-top:3px}.admin-primary-link{display:flex!important;align-items:center;justify-content:center;margin:8px 0 18px;padding:13px 14px!important;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff!important;box-shadow:0 18px 50px rgba(124,58,237,.28);font-weight:800!important}.admin-primary-link:before{content:'✦';margin-right:8px}.nav-section{margin:15px 0}.nav-section span{display:block;color:#64748b;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;margin:0 8px 5px}.admin-nav .nav-section a{padding:9px 10px!important;border-radius:12px;color:#cbd5e1!important;transition:background .18s,color .18s,transform .18s}.admin-nav .nav-section a:hover{background:rgba(255,255,255,.08);color:#fff!important;transform:translateX(2px)}
.admin-main{max-width:none;padding:28px 34px 70px}.admin-pagebar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 26px;padding:16px 18px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border:1px solid rgba(148,163,184,.18);border-radius:26px;box-shadow:0 20px 60px rgba(15,23,42,.06)}.admin-pagebar span{color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.admin-pagebar h2{font-size:36px;margin:4px 0 0}.admin-main>h2{display:none}.admin-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;margin-bottom:20px}.admin-hero>div{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:30px;padding:28px;box-shadow:0 24px 80px rgba(15,23,42,.07)}.admin-hero h1{font-size:clamp(36px,5vw,70px);letter-spacing:-.08em;line-height:.9;margin:4px 0 14px}.admin-hero p{color:#64748b;font-size:16px;line-height:1.45;max-width:760px}.eyebrow{font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:#7c3aed!important}.admin-hero-panel{display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#111827,#312e81)!important;color:#fff}.admin-hero-panel strong{font-size:22px;letter-spacing:-.04em}.admin-hero-panel span{color:#cbd5e1;line-height:1.4;margin-top:8px}.cards-v21 .card{text-decoration:none;transition:transform .18s,box-shadow .18s}.cards-v21 .card:hover{transform:translateY(-3px);box-shadow:0 24px 70px rgba(15,23,42,.12)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.quick-grid a{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:22px;padding:20px;text-decoration:none;box-shadow:0 16px 50px rgba(15,23,42,.05);transition:.18s}.quick-grid a:hover{transform:translateY(-2px);border-color:#8b5cf6}.quick-grid strong{display:block;font-size:18px;letter-spacing:-.04em}.quick-grid span{display:block;color:#64748b;margin-top:6px;font-size:13px;line-height:1.35}table{box-shadow:0 18px 60px rgba(15,23,42,.06);border:1px solid rgba(148,163,184,.16)}input,textarea,select{border-color:#d7dee8;box-shadow:0 1px 0 rgba(15,23,42,.02)}input:focus,textarea:focus,select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px rgba(139,92,246,.12)}.btn{border-radius:14px;background:linear-gradient(135deg,#111827,#1f2937);box-shadow:0 10px 28px rgba(15,23,42,.12)}.btn.ghost,.ghost{background:#fff!important;border:1px solid #d8e0ea!important;color:#111827!important;box-shadow:none}.flash{background:#f0fdf4;border-color:#86efac;color:#166534;box-shadow:0 12px 40px rgba(22,101,52,.08)}
.figma-studio{grid-template-columns:320px minmax(500px,1fr) 390px}.figma-studio .studio-canvas{grid-template-rows:58px 40px 1fr}.studio-helpbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:rgba(17,24,39,.86);border-bottom:1px solid rgba(255,255,255,.07);color:#cbd5e1;font-size:12px;z-index:4}.studio-helpbar kbd{background:#0f172a;border:1px solid #334155;border-bottom-width:2px;border-radius:8px;padding:4px 8px;color:#fff;font-size:11px}.studio-quickstart{margin:12px 12px 4px;padding:14px;border:1px solid rgba(139,92,246,.22);border-radius:18px;background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(56,189,248,.07))}.studio-quickstart strong{display:block;font-size:13px;color:#fff}.studio-quickstart span{display:block;color:#b8c2cf;font-size:12px;line-height:1.35;margin:6px 0 10px}.quick-action-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.quick-action-row button{border:1px solid rgba(255,255,255,.1);background:#202736;color:#fff;border-radius:11px;padding:8px 7px;font-weight:800;font-size:11px;cursor:pointer}.quick-action-row button:hover{background:#2c3447}.figma-studio .ruler-x{top:98px}.figma-studio .ruler-y{top:98px}.figma-studio .stage{padding-top:26px}.insert-grid button,.preset-grid button{min-height:42px}.tree-block-head span{font-weight:800}.tree-block-head small:empty:before{content:'section';color:#4b5563}.right-tabs button[data-inspector="data"]{color:#fb923c}.inspector-block{padding:18px 0}.inspector-block h3{display:flex;align-items:center;gap:8px}.inspector-block h3:before{content:'';width:7px;height:7px;border-radius:99px;background:#8b5cf6}.canvas-topbar{grid-template-columns:minmax(180px,1fr) auto auto auto}.save-cluster .primary-btn{min-width:84px;text-align:center;justify-content:center}.save-cluster #saveStatus{min-width:70px}.media-modal-panel{border-radius:28px}.panel-collapse{top:112px}.figma-studio.left-closed{grid-template-columns:0 minmax(500px,1fr) 390px}.figma-studio.right-closed{grid-template-columns:320px minmax(500px,1fr) 0}.editor-preview .cms-editor-selected{outline:3px solid #8b5cf6!important;outline-offset:4px!important}@media(max-width:1100px){.admin-shell-v21{grid-template-columns:1fr}.admin-shell-v21 .admin-nav{position:relative;height:auto}.admin-hero,.quick-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.figma-studio{grid-template-columns:1fr}.figma-studio .studio-canvas{grid-template-rows:auto auto 1fr}.studio-helpbar{display:none}}

/* v22 — Figma/Framer Studio polish inspired by the supplied editor.php */
:root{--studio-bg0:#070707;--studio-bg1:#0f0f0f;--studio-bg2:#161616;--studio-bg3:#1c1c1c;--studio-bg4:#242424;--studio-line:rgba(255,255,255,.075);--studio-line-2:rgba(255,255,255,.13);--studio-text:#eeeeee;--studio-muted:#888;--studio-dim:#4c4c4c;--studio-accent:#4f7cff;--studio-accent-2:#6b91ff;--studio-green:#22c55e;--studio-red:#ef4444}
.figma-studio{grid-template-columns:292px minmax(560px,1fr) 350px;background:#222!important;background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px)!important;background-size:20px 20px!important;font-family:'Geist','Instrument Sans',system-ui,sans-serif;color:var(--studio-text)}
.studio-left,.studio-right{background:var(--studio-bg1)!important;border-color:var(--studio-line)!important;box-shadow:0 0 0 1px rgba(0,0,0,.3)}
.studio-brand{height:58px;padding:0 14px!important;background:var(--studio-bg1);border-bottom:1px solid var(--studio-line)!important}.logo-dot{width:24px!important;height:24px!important;border-radius:7px!important;background:var(--studio-accent)!important;box-shadow:0 0 22px rgba(79,124,255,.28)!important}.studio-brand strong{font-size:13px!important}.studio-brand small{font-size:11px!important;color:var(--studio-muted)!important}
.studio-quickstart{margin:10px!important;padding:12px!important;border:1px solid rgba(79,124,255,.22)!important;border-radius:14px!important;background:rgba(79,124,255,.08)!important}.studio-quickstart strong{font-size:12px!important}.studio-quickstart span{font-size:11px!important;color:#a7a7a7!important}.quick-action-row button{background:var(--studio-bg2)!important;border:1px solid var(--studio-line)!important;border-radius:8px!important;color:#ddd!important;min-height:30px!important;padding:7px!important}
.studio-tabs,.right-tabs{height:42px;padding:4px!important;gap:2px!important;background:var(--studio-bg1)!important;border-bottom:1px solid var(--studio-line)!important;position:sticky;top:0}.studio-tabs button,.right-tabs button,.device-switch button{height:32px;border-radius:7px!important;font-size:11px!important;color:var(--studio-muted)!important;font-weight:600!important;padding:0 9px!important}.studio-tabs button.active,.right-tabs button.active,.device-switch button.active{background:var(--studio-bg4)!important;color:#fff!important;box-shadow:none!important}
.studio-canvas{grid-template-rows:46px 34px 1fr!important}.canvas-topbar{height:46px;padding:0 10px!important;background:var(--studio-bg1)!important;border-bottom:1px solid var(--studio-line)!important;backdrop-filter:none!important;grid-template-columns:minmax(180px,1fr) auto auto auto!important}.studio-helpbar{height:34px;background:#121212!important;border-bottom:1px solid var(--studio-line)!important;color:#aaa!important;font-size:11px!important}.studio-helpbar kbd{background:#1b1b1b!important;border-color:var(--studio-line-2)!important;color:#ddd!important}
.crumbs span,.crumbs em{color:var(--studio-muted)!important}.crumbs strong{font-size:12px!important;color:#eee}.device-switch,.inline-toolbar{background:var(--studio-bg2)!important;border:1px solid var(--studio-line)!important;border-radius:8px!important;padding:2px!important}.inline-toolbar button,.inline-toolbar select,.inline-toolbar input{height:26px!important;background:var(--studio-bg3)!important;border-radius:6px!important;color:#ddd!important;font-size:11px!important}.save-cluster label,.save-cluster #saveStatus{color:var(--studio-muted)!important;font-size:11px!important}.primary-btn{height:28px!important;background:var(--studio-accent)!important;border:0!important;border-radius:7px!important;font-weight:600!important;display:inline-flex;align-items:center;justify-content:center;box-shadow:none!important}.ghost-btn,.danger-btn,.icon-btn{border-radius:7px!important;background:var(--studio-bg2)!important;border:1px solid var(--studio-line)!important;color:#cfcfcf!important;min-height:28px!important;padding:7px 10px!important}.danger-btn{background:rgba(239,68,68,.1)!important;color:#ff8d8d!important;border-color:rgba(239,68,68,.22)!important}
.stage{padding:20px 20px 60px!important;background:#222!important;background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px)!important;background-size:20px 20px!important}.ruler-x,.ruler-y{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.055)!important}.figma-studio .preview-frame{border-radius:10px!important;box-shadow:0 0 0 1px rgba(0,0,0,.35),0 24px 80px rgba(0,0,0,.45)!important;height:calc(100vh - 130px)!important}.figma-studio .preview-frame:focus{outline:none}
.panel-title{font-size:10px!important;letter-spacing:.08em;text-transform:uppercase;color:#aaa!important;margin:13px 0 8px!important}.figma-tree{gap:5px!important}.tree-block{background:transparent!important;border:0!important;border-radius:8px!important;overflow:visible!important}.tree-block.active{box-shadow:none!important}.tree-block-head,.tree-layer{border-radius:7px!important;padding:8px 9px!important;background:transparent!important;color:#d8d8d8!important}.tree-block-head:hover,.tree-layer:hover{background:var(--studio-bg3)!important}.tree-block.active>.tree-block-head,.tree-layer.active{background:rgba(79,124,255,.14)!important;color:var(--studio-accent-2)!important;box-shadow:none!important}.tree-layer{margin-left:12px;background:transparent!important;color:#9d9d9d!important}
.insert-grid,.preset-grid{gap:6px!important}.insert-grid button,.preset-grid button{border-radius:8px!important;min-height:34px!important;background:var(--studio-bg2)!important;border:1px solid var(--studio-line)!important;color:#dcdcdc!important;font-size:11px!important;padding:8px 9px!important;text-align:left!important}.insert-grid button:hover,.preset-grid button:hover,.ghost-btn:hover,.primary-btn:hover{transform:none!important;background:var(--studio-bg3)!important;border-color:var(--studio-line-2)!important}.preset-grid button small{display:block;color:#666;font-size:9px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.preset-grid button[data-apply-anim*="dim"],.preset-grid button[data-apply-anim*="darken"],.preset-grid button[data-apply-anim*="brighten"],.preset-grid button[data-apply-anim="letter-reveal"]{background:linear-gradient(135deg,rgba(79,124,255,.16),rgba(255,255,255,.035))!important;border-color:rgba(79,124,255,.28)!important}
.inspector-block{padding:13px 14px!important;border-bottom:1px solid var(--studio-line)!important}.inspector-block h3{font-size:10px!important;letter-spacing:.08em;color:#aaa!important;margin-bottom:9px!important}.inspector-block h3:before{background:var(--studio-accent)!important;width:5px!important;height:5px!important}.figma-studio label{font-size:10px!important;color:#858585!important;font-weight:500!important;margin:7px 0!important}.figma-studio input,.figma-studio textarea,.figma-studio select{height:28px;background:var(--studio-bg2)!important;border:1px solid var(--studio-line)!important;border-radius:6px!important;color:#eee!important;font-size:11px!important;padding:0 8px!important}.figma-studio textarea{height:auto!important;min-height:62px!important;padding:7px 8px!important}.figma-studio input:focus,.figma-studio textarea:focus,.figma-studio select:focus{border-color:var(--studio-accent)!important;box-shadow:0 0 0 2px rgba(79,124,255,.16)!important}.field-row{gap:6px!important}.color-pair input[type=color]{height:28px!important;padding:2px!important}.media-field{grid-template-columns:1fr 28px 28px!important;gap:5px!important}.media-field button{height:28px!important;display:grid!important;place-items:center!important;padding:0!important}
.animation-lab{background:linear-gradient(180deg,rgba(79,124,255,.08),transparent)!important}.anim-hint{font-size:11px;color:#a6b7ff;background:rgba(79,124,255,.09);border:1px solid rgba(79,124,255,.16);border-radius:8px;padding:8px;line-height:1.35;margin:8px 0}.quick-anim-groups{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin:8px 0}.quick-anim-groups button{border:1px solid rgba(79,124,255,.2);background:rgba(79,124,255,.1);color:#d9e2ff;border-radius:7px;padding:7px 5px;font-size:10px;font-weight:700;cursor:pointer}.quick-anim-groups button:hover{background:rgba(79,124,255,.18)}
.panel-collapse{top:86px!important;background:#131313!important;border-color:var(--studio-line)!important;color:#ddd!important}.figma-studio.left-closed{grid-template-columns:0 minmax(560px,1fr) 350px!important}.figma-studio.right-closed{grid-template-columns:292px minmax(560px,1fr) 0!important}.media-modal-panel{background:var(--studio-bg1)!important;border-color:var(--studio-line-2)!important;border-radius:14px!important}.media-modal-panel header{background:#121212!important;border-color:var(--studio-line)!important}.asset-card{background:var(--studio-bg2)!important;border-color:var(--studio-line)!important;border-radius:8px!important}.asset-card img,.asset-card video{border-radius:6px!important}
@media(max-width:1100px){.figma-studio,.figma-studio.left-closed,.figma-studio.right-closed{grid-template-columns:1fr!important}.studio-left,.studio-right{max-height:42vh}.studio-canvas{min-height:70vh}.figma-studio .preview-frame{height:64vh!important}}

/* v24 focus modal and studio polish */
.focus-modal{position:fixed;inset:0;z-index:100000;display:none;place-items:center;background:rgba(5,7,12,.68);backdrop-filter:blur(14px)}.focus-modal.open{display:grid}.focus-panel{width:min(920px,94vw);max-height:88vh;display:grid;grid-template-rows:auto 1fr auto;background:#10131a;border:1px solid #2a3140;border-radius:24px;color:#fff;box-shadow:0 40px 140px rgba(0,0,0,.62);overflow:hidden}.focus-panel header,.focus-panel footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:#151a24;border-bottom:1px solid #2a3140}.focus-panel footer{border-top:1px solid #2a3140;border-bottom:0}.focus-panel header strong{display:block;font-size:16px}.focus-panel header span{display:block;color:#9099aa;font-size:12px;margin-top:3px}.focus-panel header button{width:36px;height:36px;border-radius:50%;border:1px solid #31394a;background:#1e2532;color:#fff}.focus-body{overflow:auto;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.focus-body section{background:#0c1017;border:1px solid #252c3a;border-radius:18px;padding:14px}.focus-body h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#aab4c3;margin:0 0 10px}.focus-body label{display:block;color:#9aa5b5;font-size:11px;font-weight:700;margin:9px 0}.focus-body input,.focus-body textarea,.focus-body select{width:100%;background:#121823;border:1px solid #2e3747;border-radius:10px;color:#fff;padding:10px;font:inherit;font-size:12px}.focus-body textarea{min-height:90px}.figma-studio .preview-frame{max-width:none}.figma-studio .preview-frame.tablet{width:900px!important}.figma-studio .preview-frame.mobileLarge{width:480px!important}.figma-studio .preview-frame.mobile{width:390px!important}.editor-preview .cms-editor-selected{outline-offset:2px!important}@media(max-width:900px){.focus-body{grid-template-columns:1fr}}


/* v27 supplied studio style override: Design Studio look from uploaded zip, current v26 controls retained. */
body{margin:0;background:#f6f7f8;color:#111;font-family:"Instrument Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-nav{position:sticky;top:0;height:100vh;background:#111;color:#fff;padding:24px;overflow:auto}.admin-nav h1{font-size:27px;letter-spacing:-.07em;margin:0 0 28px}.admin-nav a{display:block;color:#cfd3d7;text-decoration:none;padding:9px 0;font-weight:600;font-size:14px}.admin-main{padding:36px;max-width:1280px}.login-card{max-width:420px;margin:10vh auto;background:#fff;border-radius:28px;padding:30px;box-shadow:0 20px 60px #0001}.login-card h1,h2{font-size:48px;letter-spacing:-.075em;line-height:.9;margin:0 0 26px}h3{font-size:24px;letter-spacing:-.05em}label{display:block;margin:13px 0;font-weight:700;font-size:13px;color:#4f565e}input,textarea,select{width:100%;border:1px solid #dfe3e6;border-radius:14px;padding:12px;font:inherit;background:#fff;color:#111}textarea{min-height:120px}.code{min-height:480px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.btn,button{display:inline-flex;align-items:center;gap:8px;border:0;background:#111;color:#fff;border-radius:14px;padding:12px 16px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.btn.small,button.small{padding:7px 10px;font-size:12px}.btn.ghost{background:#fff;color:#111;border:1px solid #dfe3e6}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 30px #00000008}.card b{display:block;font-size:44px;letter-spacing:-.07em}table{width:100%;border-collapse:collapse;background:#fff;border-radius:22px;overflow:hidden;margin-top:18px}td,th{padding:14px;border-bottom:1px solid #eef0f2;text-align:left;vertical-align:top}.flash{background:#ecfff1;border:1px solid #a7edbc;border-radius:14px;padding:12px;margin-bottom:18px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:20px}.media-grid figure{background:#fff;border-radius:18px;padding:10px;margin:0}.media-grid img{width:100%;height:160px;object-fit:cover;border-radius:12px}.media-grid figcaption{font-size:12px;color:#656d76;margin-top:8px}.hint{color:#727982;font-size:13px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.danger{background:#e33}.editor-shell{height:100vh;display:grid;grid-template-columns:380px 1fr;background:#f2f3f4}.editor-panel{background:#111;color:#fff;overflow:auto;padding:22px}.editor-panel h1{letter-spacing:-.07em}.editor-panel input,.editor-panel textarea,.editor-panel select{background:#1c1c1c;border-color:#333;color:#fff}.editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.block-list{display:grid;gap:8px;margin:20px 0}.block-item{border:1px solid #333;background:#1a1a1a;border-radius:14px;padding:12px;cursor:pointer;display:flex;justify-content:space-between}.block-item.active{border-color:#7137ff;background:#231a3a}.preview-wrap{padding:24px;overflow:auto}.devicebar{display:flex;gap:8px;margin-bottom:14px}.preview-frame{border:0;background:#fff;border-radius:22px;box-shadow:0 20px 60px #0002;height:calc(100vh - 92px);width:100%;display:block;margin:0 auto;transition:width .35s cubic-bezier(.19,1,.22,1)}.preview-frame.tablet{width:820px}.preview-frame.mobile{width:390px}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-nav{position:relative;height:auto}.grid2,.grid3,.cards,.editor-shell{grid-template-columns:1fr}.admin-main{padding:20px}.preview-frame.tablet,.preview-frame.mobile{width:100%}}

/* v12 Live Layer Editor */
.editor-shell-v12{grid-template-columns:430px 1fr}.editor-panel-v12{padding:18px 18px 80px}.editor-topbar h1{font-size:32px;margin:0 0 8px;line-height:.92}.editor-group{border:1px solid #2d2d2d;border-radius:18px;margin:12px 0;background:#161616;overflow:hidden}.editor-group summary{cursor:pointer;padding:14px 16px;font-weight:800;color:#fff;background:#1d1d1d}.editor-group label,.editor-group .hint,.toggle-row{padding-left:14px;padding-right:14px}.editor-group input,.editor-group textarea,.editor-group select{border-radius:12px}.grid2.tight{gap:8px;padding:0 14px}.grid2.tight label{padding:0}.sticky-actions{position:sticky;top:0;z-index:5;background:#111;padding:10px 0;border-bottom:1px solid #252525}.toggle-row{display:flex;align-items:center;gap:10px;color:#d8d8d8}.toggle-row input{width:auto}.block-item,.layer-item{transition:background .25s,border-color .25s,transform .25s}.block-item:hover,.layer-item:hover{transform:translateX(2px)}.layer-list{display:grid;gap:8px;padding:0 14px 10px}.layer-item{border:1px solid #333;background:#1a1a1a;border-radius:14px;padding:10px 12px;cursor:pointer;display:flex;justify-content:space-between;color:#fff}.layer-item.active{border-color:#22c55e;background:#102419}.layer-item small{color:#9097a1}.layer-editor{padding-bottom:14px}.preview-wrap-v12{background:#e9ebee}.preview-frame.mobileLarge{width:430px}.preview-frame.mobile{width:390px}.preview-frame.tablet{width:820px}.danger{background:#ef4444!important;color:#fff!important}@media(max-width:1100px){.editor-shell-v12{grid-template-columns:1fr}.editor-panel-v12{height:auto}.preview-wrap-v12{height:80vh}.preview-frame.tablet,.preview-frame.mobile,.preview-frame.mobileLarge{width:100%}}

/* v13 Figma-style Design Studio */
:root{--studio-bg:#0b0d12;--studio-panel:#11141b;--studio-panel-2:#171b24;--studio-line:#252b36;--studio-text:#f4f7fb;--studio-muted:#8b95a5;--studio-accent:#8b5cf6;--studio-blue:#38bdf8;--studio-green:#22c55e;--studio-danger:#fb4d5b;--studio-radius:14px}
.figma-studio{height:100vh;display:grid;grid-template-columns:300px minmax(420px,1fr) 360px;background:radial-gradient(circle at 35% 0%,#1f2540 0,#0b0d12 34%,#090a0e 100%);color:var(--studio-text);overflow:hidden;font-family:"Instrument Sans",system-ui,sans-serif}
.figma-studio *{box-sizing:border-box}.figma-studio button{font:inherit}.studio-left,.studio-right{background:linear-gradient(180deg,rgba(22,26,36,.98),rgba(13,15,21,.98));border-color:var(--studio-line);overflow:auto}.studio-left{border-right:1px solid var(--studio-line)}.studio-right{border-left:1px solid var(--studio-line)}.studio-brand{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--studio-line)}.studio-brand strong{display:block;font-size:16px;letter-spacing:-.04em}.studio-brand small{display:block;color:var(--studio-muted);font-size:12px;margin-top:2px}.logo-dot{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--studio-accent),var(--studio-blue));box-shadow:0 0 34px rgba(139,92,246,.42)}
.studio-tabs,.right-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;border-bottom:1px solid var(--studio-line);position:sticky;top:0;background:#11141be8;backdrop-filter:blur(14px);z-index:4}.studio-tabs button,.right-tabs button,.device-switch button{border:0;background:transparent;color:var(--studio-muted);border-radius:10px;padding:9px 10px;font-weight:700;font-size:12px;cursor:pointer}.studio-tabs button.active,.right-tabs button.active,.device-switch button.active{background:#242a36;color:#fff;box-shadow:inset 0 0 0 1px #303747}.studio-tab,.inspector{display:none;padding:14px}.studio-tab.is-active,.inspector.is-active{display:block}.panel-title{display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:800;font-size:13px;margin:12px 0 10px}.tiny-note{font-size:12px;color:var(--studio-muted);line-height:1.35;margin:8px 0 12px}.figma-tree{display:grid;gap:8px}.tree-block{border:1px solid var(--studio-line);border-radius:14px;background:rgba(255,255,255,.025);overflow:hidden}.tree-block.active{border-color:var(--studio-accent);box-shadow:0 0 0 1px rgba(139,92,246,.2)}.tree-block-head,.tree-layer{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;color:#e8edf5;padding:11px 12px;cursor:pointer;text-align:left}.tree-block-head span,.tree-layer span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-block-head small,.tree-layer small{color:var(--studio-muted);font-size:11px}.tree-layers{padding:0 8px 8px 18px;display:grid;gap:5px}.tree-layer{border-radius:10px;color:#cdd5df;background:#0d1017;padding:8px 10px}.tree-layer.active{background:linear-gradient(90deg,rgba(139,92,246,.25),rgba(56,189,248,.12));box-shadow:inset 0 0 0 1px rgba(139,92,246,.45);color:#fff}.insert-grid,.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.insert-grid button,.preset-grid button,.ghost-btn,.primary-btn,.danger-btn,.icon-btn{border:1px solid var(--studio-line);background:#161b25;color:#e7ecf5;border-radius:12px;padding:10px 11px;font-weight:750;font-size:12px;cursor:pointer;text-align:left;transition:transform .18s,background .18s,border-color .18s}.insert-grid button:hover,.preset-grid button:hover,.ghost-btn:hover,.primary-btn:hover{transform:translateY(-1px);border-color:#3f4858;background:#202735}.primary-btn{background:linear-gradient(135deg,var(--studio-accent),#6d5dfc);border:0;color:#fff;text-align:center}.danger-btn{background:rgba(251,77,91,.12);border-color:rgba(251,77,91,.28);color:#ff9ba4}.mini-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.icon-btn{width:34px;height:34px;padding:0;display:grid;place-items:center;text-align:center}.studio-canvas{position:relative;display:grid;grid-template-rows:58px 1fr;min-width:0;overflow:hidden}.canvas-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(220px,auto);align-items:center;gap:16px;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,10,14,.78);backdrop-filter:blur(18px);z-index:5}.crumbs{display:flex;align-items:center;gap:9px;min-width:0}.crumbs span{color:var(--studio-muted);font-size:12px}.crumbs strong{font-size:13px}.crumbs em{font-style:normal;color:#b9c1ce;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-switch{display:flex;gap:6px;background:#111722;border:1px solid var(--studio-line);padding:4px;border-radius:14px}.save-cluster{display:flex;align-items:center;justify-content:flex-end;gap:8px}.save-cluster label{font-size:12px;color:var(--studio-muted);display:flex;align-items:center;gap:5px}.save-cluster input{width:auto}.save-cluster #saveStatus{font-size:12px;color:var(--studio-muted);min-width:48px}.stage{overflow:auto;padding:34px 34px 60px;display:grid;place-items:start center;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:32px 32px}.ruler-x{position:absolute;left:0;right:0;top:58px;height:20px;background:rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.05);z-index:2}.ruler-y{position:absolute;top:58px;bottom:0;left:0;width:20px;background:rgba(255,255,255,.035);border-right:1px solid rgba(255,255,255,.05);z-index:2}.figma-studio .preview-frame{width:100%;height:calc(100vh - 160px);background:#fff;border:0;border-radius:18px;box-shadow:0 40px 120px rgba(0,0,0,.48);transition:width .35s cubic-bezier(.19,1,.22,1),height .35s cubic-bezier(.19,1,.22,1)}.figma-studio .preview-frame.tablet{width:820px}.figma-studio .preview-frame.mobileLarge{width:430px}.figma-studio .preview-frame.mobile{width:390px}.inspector-block{border-bottom:1px solid var(--studio-line);padding:15px 0}.inspector-block h3{font-size:12px;margin:0 0 12px;color:#fff;text-transform:uppercase;letter-spacing:.08em}.figma-studio label{display:block;margin:9px 0;color:#a8b1bf;font-weight:700;font-size:11px}.figma-studio input,.figma-studio textarea,.figma-studio select{width:100%;background:#0d1118;border:1px solid #29313d;color:#fff;border-radius:10px;padding:9px 10px;font:inherit;font-size:12px;outline:none}.figma-studio textarea{min-height:72px;resize:vertical}.figma-studio input:focus,.figma-studio textarea:focus,.figma-studio select:focus{border-color:var(--studio-accent);box-shadow:0 0 0 3px rgba(139,92,246,.12)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.figma-studio .code{min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.preset-grid.compact{grid-template-columns:1fr 1fr}.editor-preview [data-block-index]{outline:1px dashed rgba(139,92,246,.45);outline-offset:-3px}.editor-preview [data-block-index]:hover{outline:2px solid rgba(139,92,246,.8)!important}.editor-preview .cms-layer{cursor:grab;outline:1px dashed transparent}.editor-preview .cms-layer:hover{outline-color:#8b5cf6!important;outline-offset:2px}.editor-preview .cms-layer:active{cursor:grabbing}@media(max-width:1200px){.figma-studio{grid-template-columns:270px 1fr}.studio-right{position:absolute;right:0;top:58px;bottom:0;width:360px;z-index:8;box-shadow:-30px 0 80px rgba(0,0,0,.45)}}@media(max-width:900px){.figma-studio{grid-template-columns:1fr;height:auto;min-height:100vh}.studio-left,.studio-right{height:auto}.canvas-topbar{grid-template-columns:1fr}.figma-studio .preview-frame,.figma-studio .preview-frame.tablet,.figma-studio .preview-frame.mobile,.figma-studio .preview-frame.mobileLarge{width:100%;height:70vh}.ruler-x,.ruler-y{display:none}.stage{padding:16px}}

/* v14 Figma/Framer visual editing polish */
.figma-studio.left-closed{grid-template-columns:0 minmax(420px,1fr) 360px}.figma-studio.right-closed{grid-template-columns:300px minmax(420px,1fr) 0}.figma-studio.left-closed.right-closed{grid-template-columns:0 1fr 0}.figma-studio.left-closed .studio-left,.figma-studio.right-closed .studio-right{transform:translateX(-100%);opacity:0;pointer-events:none}.figma-studio.right-closed .studio-right{transform:translateX(100%)}.panel-collapse{position:absolute;top:72px;z-index:20;width:32px;height:48px;border-radius:0 14px 14px 0!important;background:#171b24!important;border:1px solid var(--studio-line)!important;color:#fff!important;display:grid!important;place-items:center!important;padding:0!important}.left-collapse{left:0}.right-collapse{right:0;border-radius:14px 0 0 14px!important}.inline-toolbar{display:flex;align-items:center;gap:6px;background:#111722;border:1px solid var(--studio-line);border-radius:14px;padding:4px}.inline-toolbar button,.inline-toolbar select,.inline-toolbar input{height:30px;border:0;background:#222938;color:#fff;border-radius:9px;padding:0 9px;font-size:12px;width:auto}.inline-toolbar input[type=color]{width:34px;padding:2px}.mini-textarea{min-height:88px!important}.media-field,.color-pair{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center}.color-pair{grid-template-columns:42px 1fr}.color-pair input[type=color]{height:38px;padding:3px}.media-modal{position:fixed;inset:0;display:none;z-index:99999;background:rgba(4,6,10,.62);backdrop-filter:blur(10px);place-items:center}.media-modal.open{display:grid}.media-modal-panel{width:min(980px,92vw);max-height:86vh;overflow:auto;background:#11141b;border:1px solid #2a3040;border-radius:24px;box-shadow:0 40px 120px rgba(0,0,0,.55);color:#fff}.media-modal-panel header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#151925;border-bottom:1px solid #2a3040;z-index:2}.media-modal-panel header button{width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:50%;background:#242b39}.media-upload-row{display:flex;gap:10px;padding:16px;border-bottom:1px solid #242b36}.media-upload-row input{background:#0d1118}.media-grid-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px}.asset-card{display:grid!important;gap:7px!important;text-align:left!important;background:#171c27!important;border:1px solid #2a3040!important;border-radius:14px!important;padding:8px!important;color:#dfe7f3!important}.asset-card img,.asset-card video{width:100%;height:112px;object-fit:cover;border-radius:10px;background:#0b0d12}.asset-card span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage.drag-over{box-shadow:inset 0 0 0 3px rgba(139,92,246,.65);background-color:rgba(139,92,246,.08)}.editor-preview [contenteditable=true]{cursor:text!important}.editor-preview [contenteditable=true]:focus{outline:2px solid #38bdf8!important;outline-offset:4px;background:rgba(56,189,248,.08)}
@media(max-width:900px){.figma-studio.left-closed,.figma-studio.right-closed,.figma-studio.left-closed.right-closed{grid-template-columns:1fr}.panel-collapse{display:none!important}.inline-toolbar{flex-wrap:wrap}.canvas-topbar{gap:8px}.media-field{grid-template-columns:1fr}.media-upload-row{display:grid}}
.advanced-data{margin:18px 0;background:#1018280a;border:1px solid #e3e8ef;border-radius:18px;padding:14px}.advanced-data summary{cursor:pointer;font-weight:700}.inline-edit{display:grid;grid-template-columns:1.2fr 1.6fr .7fr .7fr auto;gap:10px;align-items:center}.inline-edit textarea{min-height:58px}.admin-nav a[href*="footer"],.admin-nav a[href*="menus"]{color:#fff}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.ghost{background:#eef2f7;color:#111}.small.danger{background:#df1f3a;color:#fff}

/* v18 hero offset controls */
.hero-offset-editor{margin:14px 0;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035)}
.hero-offset-editor h3{margin:0 0 6px;font-size:13px;color:#fff}
.offset-group{display:grid;grid-template-columns:1fr 78px;gap:8px;align-items:center;margin:12px 0;padding:10px;border-radius:14px;background:rgba(255,255,255,.04)}
.offset-group strong{grid-column:1/-1;font-size:12px;color:#cbd5e1}
.offset-group label{margin:0;font-size:11px;color:#94a3b8}
.offset-group input[type="range"]{width:100%;accent-color:#8b5cf6}
.offset-group input:not([type="range"]){height:30px;padding:6px 8px;border-radius:10px;font-size:12px}

/* v30 Framer-like clean studio skin */
.figma-studio{
  --studio-bg:#f3f4f6;--studio-panel:#ffffff;--studio-panel-2:#f8f8f9;--studio-line:#e4e6eb;--studio-text:#171717;--studio-muted:#777f8c;--studio-accent:#0099ff;
  background:#f2f3f5!important;color:#171717!important;grid-template-columns:260px minmax(540px,1fr) 330px!important;font-family:"Instrument Sans",Inter,system-ui,sans-serif!important;
}
.studio-left,.studio-right{background:#fff!important;color:#171717!important;border-color:#e5e7eb!important;box-shadow:none!important}.studio-left{border-right:1px solid #e5e7eb}.studio-right{border-left:1px solid #e5e7eb}.studio-brand,.canvas-topbar{background:#fff!important;color:#111!important;border-color:#e8eaee!important;backdrop-filter:none!important}.studio-brand strong,.panel-title,.inspector-block h3,.tree-block-head,.tree-layer{color:#161616!important}.studio-brand small,.tiny-note,.crumbs span,.crumbs em,.save-cluster label,.figma-tree small{color:#717985!important}.logo-dot{background:#0099ff!important;border-radius:8px!important}.studio-quickstart{background:#f7f8fa!important;border:1px solid #e7e9ef!important;color:#171717!important;box-shadow:none!important}.studio-tabs,.right-tabs{background:#fff!important;border-color:#e5e7eb!important}.studio-tabs button,.right-tabs button,.device-switch button{color:#676f7b!important;background:transparent!important}.studio-tabs button.active,.right-tabs button.active,.device-switch button.active{background:#eef0f3!important;color:#111!important;box-shadow:none!important}.tree-block{background:#fff!important;border-color:#e9ebef!important}.tree-block.active,.tree-layer.active{border-color:#0099ff!important;box-shadow:0 0 0 2px rgba(0,153,255,.12)!important;background:#eef7ff!important;color:#07121f!important}.tree-layer{background:#f7f8fa!important;color:#333!important}.insert-grid button,.preset-grid button,.ghost-btn,.danger-btn,.icon-btn{background:#f6f7f9!important;color:#202020!important;border-color:#e0e3e8!important;box-shadow:none!important}.primary-btn{background:#0099ff!important;color:#fff!important;border:0!important;box-shadow:0 8px 22px rgba(0,153,255,.24)!important}.danger-btn{background:#fff1f2!important;color:#c62835!important;border-color:#ffcdd3!important}.canvas-topbar{grid-template-columns:minmax(180px,1fr) auto minmax(360px,auto)!important;height:54px!important}.device-switch,.inline-toolbar{background:#f6f7f9!important;border-color:#e0e3e8!important}.inline-toolbar button,.inline-toolbar select,.inline-toolbar input{background:#fff!important;border:1px solid #e5e7eb!important;color:#111!important}.studio-helpbar{background:#fff!important;color:#69717d!important;border-bottom:1px solid #e5e7eb}.stage{background:#eceef2!important;background-image:none!important;padding:54px 64px 80px!important}.ruler-x,.ruler-y{display:none!important}.figma-studio .preview-frame{border-radius:8px!important;box-shadow:0 24px 80px rgba(15,23,42,.16)!important;border:1px solid #dfe3e8!important}.inspector-block{border-color:#e6e8ed!important}.figma-studio label{color:#4d5562!important}.figma-studio input,.figma-studio textarea,.figma-studio select{background:#f7f8fa!important;color:#111!important;border-color:#e1e4e8!important;border-radius:9px!important}.figma-studio input:focus,.figma-studio textarea:focus,.figma-studio select:focus{border-color:#0099ff!important;box-shadow:0 0 0 3px rgba(0,153,255,.12)!important}.panel-collapse{background:#fff!important;color:#111!important;border-color:#e5e7eb!important;box-shadow:0 12px 30px rgba(15,23,42,.12)!important}.editor-preview .cms-editor-selected{outline-color:#0099ff!important;box-shadow:0 0 0 6px rgba(0,153,255,.12)!important}.editor-preview [data-block-index]:hover{outline-color:#0099ff!important}.media-modal-panel{background:#fff!important;color:#111!important;border-color:#e5e7eb!important}.media-modal-panel header{background:#f7f8fa!important;border-color:#e5e7eb!important}.asset-card{background:#fff!important;border-color:#e5e7eb!important;color:#111!important}

/* v32 — clean compact Design Studio skin, inspired by the supplied v19 editor but keeping all new tools */
.figma-studio{
  --studio-bg:#f4f5f7;--studio-panel:#ffffff;--studio-panel-2:#f7f8fa;--studio-line:#e2e6ec;--studio-text:#111827;--studio-muted:#6b7280;--studio-accent:#0a84ff;--studio-blue:#0a84ff;
  grid-template-columns:276px minmax(720px,1fr) 356px!important;
  background:#f1f2f5!important;color:#111827!important;font-size:12px!important;line-height:1.35!important;
}
.figma-studio,.figma-studio *{font-family:"Instrument Sans",Inter,system-ui,sans-serif!important;box-sizing:border-box}
.studio-left,.studio-right{background:#fff!important;border-color:#e2e6ec!important;color:#111827!important;box-shadow:none!important}
.studio-left{border-right:1px solid #e2e6ec!important}.studio-right{border-left:1px solid #e2e6ec!important}
.studio-brand{height:64px!important;padding:12px 16px!important;border-bottom:1px solid #e2e6ec!important;background:#fff!important}
.studio-brand strong{font-size:14px!important;font-weight:800!important;letter-spacing:-.025em!important;color:#111827!important}.studio-brand small{font-size:11px!important;color:#6b7280!important}.logo-dot{width:30px!important;height:30px!important;border-radius:9px!important;background:#0a84ff!important;box-shadow:none!important}
.studio-quickstart{margin:12px!important;padding:12px!important;border:1px solid #dce3ec!important;border-radius:14px!important;background:#fbfcfe!important;box-shadow:none!important}.studio-quickstart strong{font-size:13px!important}.studio-quickstart span{font-size:11px!important;line-height:1.45!important;color:#6b7280!important}.quick-action-row{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;margin-top:10px!important}.quick-action-row button{height:44px!important;border-radius:10px!important;background:#111!important;color:#fff!important;font-size:13px!important;font-weight:600!important;text-align:center!important;justify-content:center!important;padding:0!important}
.studio-tabs,.right-tabs{position:sticky!important;top:0!important;z-index:6!important;background:#fff!important;border-bottom:1px solid #e2e6ec!important;padding:8px!important;gap:6px!important}.studio-tabs button,.right-tabs button{height:34px!important;border-radius:9px!important;font-size:12px!important;font-weight:700!important;color:#6b7280!important;background:transparent!important}.studio-tabs button.active,.right-tabs button.active{background:#eef2f7!important;color:#111827!important;box-shadow:none!important}
.studio-tab,.inspector{padding:12px!important}.panel-title{margin:10px 0 8px!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#6b7280!important}.panel-title span{color:#6b7280!important}.figma-tree{gap:4px!important}.tree-block{border:0!important;background:transparent!important;border-radius:8px!important;overflow:visible!important}.tree-block-head{height:38px!important;border-radius:8px!important;padding:0 10px!important;background:transparent!important;color:#111827!important;font-size:14px!important;font-weight:800!important}.tree-block-head small{font-size:11px!important;color:#8a94a3!important;font-weight:500!important}.tree-block.active .tree-block-head{background:#dbeafe!important;color:#1d4ed8!important}.tree-layer{height:30px!important;border:0!important;border-radius:8px!important;background:#f6f7f9!important;color:#374151!important;font-size:12px!important;padding:0 10px!important}.tree-layer.active{background:#e0f2fe!important;color:#0369a1!important;box-shadow:none!important}.mini-actions{display:flex!important;gap:8px!important;margin:12px 0!important}.mini-actions button{height:36px!important;border-radius:9px!important;font-size:13px!important}
.studio-canvas{grid-template-rows:54px 30px minmax(0,1fr)!important;background:#e9edf3!important}.canvas-topbar{height:54px!important;padding:8px 12px!important;background:#fff!important;border-bottom:1px solid #e2e6ec!important;grid-template-columns:minmax(180px,1fr) auto auto!important;gap:10px!important}.crumbs{font-size:12px!important}.crumbs strong{font-size:13px!important;color:#111827!important}.crumbs em{font-size:12px!important;color:#64748b!important;max-width:200px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.device-switch{height:38px!important;background:#f5f6f8!important;border:1px solid #e1e5eb!important;border-radius:12px!important;padding:3px!important;display:flex!important;gap:3px!important}.device-switch button{height:30px!important;border-radius:9px!important;padding:0 12px!important;font-size:12px!important;font-weight:700!important;color:#64748b!important}.device-switch button.active{background:#fff!important;color:#111!important;box-shadow:0 1px 3px rgba(15,23,42,.12)!important}.inline-toolbar{height:38px!important;background:#f5f6f8!important;border:1px solid #e1e5eb!important;border-radius:12px!important;padding:3px!important;gap:3px!important}.inline-toolbar button,.inline-toolbar select,.inline-toolbar input{height:30px!important;border-radius:8px!important;background:#fff!important;border:1px solid #e5e7eb!important;color:#111827!important;font-size:12px!important;padding:0 9px!important}.save-cluster{display:flex!important;align-items:center!important;gap:8px!important}.primary-btn{height:36px!important;min-width:82px!important;border-radius:9px!important;background:#0a84ff!important;color:#fff!important;font-size:14px!important;font-weight:800!important;justify-content:center!important;box-shadow:0 8px 20px rgba(10,132,255,.18)!important}.ghost-btn{height:36px!important;border-radius:9px!important;background:#fff!important;border:1px solid #dbe1e9!important;color:#111827!important;font-size:13px!important;font-weight:600!important}.studio-helpbar{height:30px!important;padding:0 12px!important;background:#fff!important;border-bottom:1px solid #e2e6ec!important;color:#717986!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.studio-helpbar kbd{background:#111!important;color:#fff!important;border-radius:6px!important;padding:2px 7px!important;font-size:11px!important}
.stage{padding:40px 48px 70px!important;background:#e9edf3!important;background-image:none!important;overflow:auto!important}.figma-studio .preview-frame{border:1px solid #d9dee7!important;border-radius:10px!important;box-shadow:0 26px 80px rgba(15,23,42,.12)!important;background:#fff!important}.figma-studio .preview-frame.desktop{width:min(100%,1360px)!important}
.inspector-block{padding:14px 0!important;border-bottom:1px solid #e5e7eb!important}.inspector-block h3{font-size:11px!important;line-height:1!important;margin:0 0 12px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#374151!important;font-weight:800!important}.figma-studio label{font-size:11px!important;color:#5f6875!important;font-weight:700!important;margin:8px 0 4px!important}.figma-studio input,.figma-studio textarea,.figma-studio select{height:34px!important;background:#f7f8fa!important;border:1px solid #dfe4eb!important;border-radius:9px!important;color:#111827!important;font-size:12px!important;font-weight:500!important;padding:7px 9px!important}.figma-studio textarea{height:auto!important;min-height:72px!important;line-height:1.35!important;resize:vertical!important}.field-row{gap:8px!important}.button-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.button-row button,.media-field button,.insert-grid button,.preset-grid button{border-radius:9px!important;font-size:12px!important;font-weight:700!important;border:1px solid #dfe4eb!important;background:#fff!important;color:#111827!important}.insert-grid,.preset-grid{gap:7px!important}.preset-grid button small{display:block!important;font-size:8px!important;line-height:1!important;color:#8a94a3!important;text-transform:uppercase!important;letter-spacing:.05em!important}.panel-collapse{background:#fff!important;color:#111827!important;border:1px solid #dbe1e9!important;box-shadow:0 12px 30px rgba(15,23,42,.12)!important}.right-tabs button.active{background:#111827!important;color:#fff!important}.inspector.is-active{display:block!important}.media-modal-panel{background:#fff!important;color:#111!important;border-color:#dfe4eb!important}.media-modal-panel header{background:#f7f8fa!important}.asset-card{background:#fff!important;color:#111!important;border-color:#dfe4eb!important}
@media(max-width:1200px){.figma-studio{grid-template-columns:260px minmax(500px,1fr) 330px!important}.canvas-topbar{grid-template-columns:1fr!important;height:auto!important}.inline-toolbar,.save-cluster{flex-wrap:wrap!important}}

/* v35 — compact autosave toolbar + left accordions */
.figma-studio{
  grid-template-columns:270px minmax(640px,1fr) 340px!important;
  font-size:12px!important;
}
.left-accordions{
  padding:8px!important;
  display:grid!important;
  gap:8px!important;
}
.studio-tabs{display:none!important}
.studio-accordion{
  border:1px solid #e1e6ee!important;
  border-radius:12px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.studio-accordion>summary{
  list-style:none!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0 12px!important;
  cursor:pointer!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#111827!important;
  background:#fbfcfe!important;
  border-bottom:1px solid transparent!important;
}
.studio-accordion>summary::-webkit-details-marker{display:none!important}
.studio-accordion>summary:before{
  content:"›"!important;
  color:#64748b!important;
  font-size:16px!important;
  line-height:1!important;
  transform:rotate(0deg)!important;
  transition:transform .18s ease!important;
}
.studio-accordion[open]>summary{
  border-bottom-color:#e6eaf0!important;
  background:#f7faff!important;
}
.studio-accordion[open]>summary:before{transform:rotate(90deg)!important}
.studio-accordion>summary span{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-right:auto!important;
}
.studio-accordion>summary small{
  color:#8a94a3!important;
  font-size:10px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.studio-accordion .studio-tab{
  display:block!important;
  padding:8px!important;
}
.studio-accordion .studio-quickstart{
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  padding:10px!important;
}
.studio-accordion .studio-quickstart span{
  display:block!important;
  font-size:11px!important;
  color:#6b7280!important;
  line-height:1.35!important;
}
.quick-action-row{
  gap:6px!important;
  margin-top:8px!important;
}
.quick-action-row button{
  height:32px!important;
  min-height:32px!important;
  border-radius:8px!important;
  background:#0a84ff!important;
  color:#fff!important;
  border:1px solid #0a84ff!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.quick-action-row button:hover{
  background:#006edb!important;
  border-color:#006edb!important;
  color:#fff!important;
  transform:none!important;
}
.studio-left .insert-grid button,
.studio-left .preset-grid button{
  height:34px!important;
  min-height:34px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#111827!important;
  border:1px solid #dfe4eb!important;
  box-shadow:none!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.studio-left .insert-grid button:hover,
.studio-left .preset-grid button:hover{
  background:#eef7ff!important;
  color:#075baf!important;
  border-color:#9ed3ff!important;
  transform:none!important;
  box-shadow:0 1px 0 rgba(10,132,255,.08)!important;
}
.panel-title{
  margin:8px 0 6px!important;
}
.tiny-note{
  margin:6px 0 8px!important;
  font-size:11px!important;
}
.figma-tree{gap:3px!important}
.tree-block-head{
  height:34px!important;
  padding:0 9px!important;
  font-size:13px!important;
}
.tree-layer{
  height:28px!important;
  padding:0 9px!important;
}
.mini-actions{
  gap:6px!important;
  margin:10px 0 2px!important;
}
.mini-actions button{
  height:32px!important;
  padding:0 10px!important;
  font-size:12px!important;
}
.studio-canvas{
  grid-template-rows:48px 24px minmax(0,1fr)!important;
}
.canvas-topbar{
  height:48px!important;
  padding:6px 10px!important;
  grid-template-columns:minmax(125px,.9fr) auto minmax(250px,max-content) max-content!important;
  align-items:center!important;
  gap:7px!important;
  overflow:hidden!important;
}
.crumbs{
  gap:6px!important;
  min-width:0!important;
}
.crumbs span{font-size:11px!important}
.crumbs strong{font-size:12px!important}
.crumbs em{
  max-width:145px!important;
  font-size:11px!important;
}
.device-switch{
  height:34px!important;
  border-radius:10px!important;
  padding:2px!important;
  gap:2px!important;
}
.device-switch button{
  height:28px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  font-size:11px!important;
}
.inline-toolbar{
  justify-self:end!important;
  max-width:min(39vw,470px)!important;
  height:34px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;
  border-radius:10px!important;
}
.inline-toolbar::-webkit-scrollbar{display:none!important}
.inline-toolbar button,
.inline-toolbar select,
.inline-toolbar input{
  height:28px!important;
  min-height:28px!important;
  padding:0 7px!important;
  border-radius:7px!important;
  font-size:11px!important;
  flex:0 0 auto!important;
}
.inline-toolbar select{
  width:auto!important;
  max-width:120px!important;
}
.inline-toolbar #quickFont{max-width:138px!important}
.inline-toolbar input[type="color"]{
  width:30px!important;
  padding:2px!important;
}
.save-cluster{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  min-width:max-content!important;
  white-space:nowrap!important;
}
.autosave-toggle{
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
  padding:0 8px!important;
  border-radius:999px!important;
  border:1px solid #bbf7d0!important;
  background:#ecfdf5!important;
  color:#047857!important;
  font-size:11px!important;
  font-weight:800!important;
}
.autosave-toggle input{
  width:12px!important;
  height:12px!important;
  margin:0!important;
  accent-color:#10b981!important;
}
.save-cluster #saveStatus{
  min-width:42px!important;
  max-width:76px!important;
  font-size:11px!important;
  color:#64748b!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.save-cluster .ghost-btn,
.save-cluster .primary-btn{
  height:30px!important;
  min-height:30px!important;
  border-radius:8px!important;
  padding:0 10px!important;
  font-size:12px!important;
}
.save-cluster .primary-btn{
  min-width:60px!important;
  box-shadow:0 5px 14px rgba(10,132,255,.18)!important;
}
.studio-helpbar{
  height:24px!important;
  padding:0 10px!important;
  font-size:11px!important;
}
.studio-helpbar kbd{
  font-size:10px!important;
  padding:1px 6px!important;
}
.stage{
  padding:28px 40px 58px!important;
}
.inspector-block{
  padding:10px 0!important;
}
.inspector-block h3{
  margin:0 0 9px!important;
  font-size:10px!important;
}
.figma-studio label{
  margin:6px 0 3px!important;
  font-size:10.5px!important;
}
.figma-studio input,
.figma-studio textarea,
.figma-studio select{
  height:32px!important;
  padding:6px 8px!important;
  font-size:11.5px!important;
}
.field-row{gap:6px!important}
@media(max-width:1380px){
  .canvas-topbar{
    grid-template-columns:minmax(115px,.7fr) auto minmax(230px,1fr) max-content!important;
  }
  .compact-action{
    width:30px!important;
    min-width:30px!important;
    padding:0!important;
    overflow:hidden!important;
    color:transparent!important;
    position:relative!important;
  }
  #focusSelected.compact-action:after{content:"⌖"; color:#111827!important; position:absolute!important; inset:0!important; display:grid!important; place-items:center!important}
  #refreshPreview.compact-action:after{content:"↻"; color:#111827!important; position:absolute!important; inset:0!important; display:grid!important; place-items:center!important}
}
@media(max-width:1200px){
  .figma-studio{grid-template-columns:250px minmax(500px,1fr) 320px!important}
  .canvas-topbar{
    grid-template-columns:1fr auto!important;
    height:auto!important;
    min-height:86px!important;
  }
  .inline-toolbar{
    grid-column:1 / 2!important;
    justify-self:stretch!important;
    max-width:none!important;
  }
  .save-cluster{
    grid-column:2 / 3!important;
    grid-row:1 / 3!important;
    align-self:start!important;
  }
}

/* v36 — right inspector accordions + cleaner compact studio */
.studio-right .inspector{
  padding:8px!important;
}
.studio-right .inspector-accordion{
  padding:0!important;
  margin:0 0 8px!important;
  border:1px solid #e1e6ee!important;
  border-radius:12px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.studio-right .inspector-accordion>summary{
  list-style:none!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 12px!important;
  cursor:pointer!important;
  background:#fbfcfe!important;
  color:#111827!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  border-bottom:1px solid transparent!important;
}
.studio-right .inspector-accordion>summary::-webkit-details-marker{display:none!important}
.studio-right .inspector-accordion>summary:before{
  content:"›"!important;
  display:inline-grid!important;
  place-items:center!important;
  width:16px!important;
  height:16px!important;
  color:#64748b!important;
  font-size:17px!important;
  line-height:1!important;
  transition:transform .18s ease!important;
}
.studio-right .inspector-accordion[open]>summary{
  border-bottom-color:#e6eaf0!important;
  background:#f7faff!important;
}
.studio-right .inspector-accordion[open]>summary:before{transform:rotate(90deg)!important}
.studio-right .inspector-accordion-body{
  padding:9px 10px 10px!important;
  display:grid!important;
  gap:6px!important;
}
.studio-right .inspector-accordion-body>.tiny-note:first-child{margin-top:0!important}
.studio-right .inspector-accordion .field-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
}
.studio-right .inspector-accordion .button-row,
.studio-right .inspector-accordion .mini-actions{
  margin:4px 0 0!important;
}
.studio-right .inspector-accordion .ghost-btn,
.studio-right .inspector-accordion button:not(.right-tabs button){
  min-height:31px!important;
}
.studio-left .tree-block-head:hover,
.studio-left .tree-layer:hover,
.studio-left .mini-actions .ghost-btn:hover,
.studio-left .mini-actions .danger-btn:hover{
  background:#eef7ff!important;
  color:#075baf!important;
  border-color:#9ed3ff!important;
  transform:none!important;
  box-shadow:none!important;
}
.studio-left .mini-actions .danger-btn:hover{
  background:#fff1f2!important;
  color:#be123c!important;
  border-color:#fecdd3!important;
}
.canvas-topbar{
  grid-template-columns:minmax(118px,.85fr) auto minmax(270px,1fr) max-content!important;
}
.save-cluster{
  padding-left:6px!important;
  border-left:1px solid #e5e7eb!important;
}
@media(max-width:1450px){
  .canvas-topbar{grid-template-columns:minmax(108px,.6fr) auto minmax(230px,1fr) max-content!important}
  .inline-toolbar{max-width:min(34vw,420px)!important}
}

/* v37 — cleaner selected-only inspector + compact accordions */
.inspector-hidden{display:none!important}
.studio-accordion#acc-layers>summary{background:#f8fbff!important}
.studio-accordion#acc-layers[open]>summary{background:#eaf4ff!important;color:#075baf!important}
.studio-right details.inspector-accordion{border-bottom:1px solid #e5e7eb!important;padding:0!important;background:#fff!important}
.studio-right details.inspector-accordion>summary{min-height:38px!important;padding:0 2px!important;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;list-style:none!important;color:#374151!important;font-size:10.5px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:850!important}
.studio-right details.inspector-accordion>summary::-webkit-details-marker{display:none!important}
.studio-right details.inspector-accordion>summary:before{content:'›'!important;color:#0a84ff!important;font-size:14px!important;transition:transform .16s ease!important}.studio-right details.inspector-accordion[open]>summary:before{transform:rotate(90deg)!important}.studio-right .inspector-accordion-body{padding:0 0 10px!important}
.studio-left .insert-grid button:hover,.studio-left .preset-grid button:hover,.tree-block-head:hover,.tree-layer:hover{background:#eef7ff!important;color:#075baf!important;border-color:#9ed3ff!important;box-shadow:none!important;transform:none!important}
.device-switch button.active:after{content:'';display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:99px;background:#10b981;vertical-align:middle}.device-switch button:not(.active):after{display:none}.canvas-topbar{grid-template-columns:minmax(120px,.8fr) auto minmax(210px,36vw) max-content!important}.save-cluster .primary-btn{min-width:58px!important}.save-cluster #saveStatus{max-width:70px!important}.stage{padding:24px 36px 54px!important}.figma-studio .preview-frame.tablet{width:820px!important}.figma-studio .preview-frame.mobileLarge{width:430px!important}.figma-studio .preview-frame.mobile{width:390px!important}


/* v38 — responsive orientation devices and clearer compact controls */
.figma-studio .preview-frame.tabletLandscape{width:1024px!important;max-width:100%!important}
.figma-studio .preview-frame.tabletPortrait{width:768px!important;max-width:100%!important}
.figma-studio .preview-frame.mobileLandscape{width:740px!important;max-width:100%!important}
.figma-studio .preview-frame.mobilePortrait{width:390px!important;max-width:100%!important}
.device-switch{overflow:auto;max-width:100%;white-space:nowrap}
.device-switch button{flex:0 0 auto}
#pricingEditorControls textarea{min-height:76px!important}
#pricingEditorControls .mini-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr!important}
#deleteSelectedButton{width:100%;justify-content:center;margin-top:10px}
.editor-preview [data-element-key]{cursor:move}
.studio-right details.inspector-accordion.inspector-hidden{display:none!important}

/* v42 — compact backend cards and focus responsive controls */
.admin-card{border:1px solid #e6e8ee;border-radius:18px;background:#fff;margin:12px 0;padding:0;overflow:hidden;box-shadow:0 14px 38px rgba(15,23,42,.045)}
.admin-card>summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:800;color:#111827;background:#f8fafc;border-bottom:1px solid #eef1f5}
.admin-card>summary::-webkit-details-marker{display:none}
.admin-card>*:not(summary){margin-left:16px;margin-right:16px}
.focus-responsive-v42 details{border:1px solid #eceff4;border-radius:14px;margin:10px 0;background:#fff;overflow:hidden}
.focus-responsive-v42 summary{cursor:pointer;padding:10px 12px;font-weight:800;background:#f8fafc}
.focus-responsive-v42 .field-row{padding:0 12px 12px}

/* v43 — cleaner Elementor/Figma-like editing panels */
.focus-body .focus-responsive-v42 details,
.focus-body section{border:1px solid #e8edf5;border-radius:16px;background:#fff;padding:12px;margin:0 0 12px;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.focus-body .focus-responsive-v42 summary{cursor:pointer;font-weight:800;color:#172033;padding:4px 0 10px}
.focus-body .mini-actions{display:flex;gap:8px;flex-wrap:wrap}
.focus-body .danger-btn{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.device-switch{display:flex;gap:4px;flex-wrap:wrap;max-width:520px}.device-switch button{white-space:nowrap;padding-inline:9px}
.studio-right .inspector-accordion summary{position:sticky;top:0;background:#fff;z-index:1}


/* v44 — Framer-light focus modal + restored right animation panel */
.focus-modal{
  background:rgba(15,23,42,.34)!important;
  backdrop-filter:blur(18px)!important;
}
.focus-panel{
  background:#f7f8fb!important;
  color:#111827!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 36px 110px rgba(15,23,42,.26)!important;
}
.focus-panel header,
.focus-panel footer{
  background:#fff!important;
  border-color:#e5e7eb!important;
}
.focus-panel header strong{color:#111827!important}
.focus-panel header span{color:#6b7280!important}
.focus-panel header button{
  background:#f3f4f6!important;
  color:#111827!important;
  border:1px solid #d8dde6!important;
}
.focus-body{
  background:#f7f8fb!important;
}
.focus-body section,
.focus-body .focus-responsive-v42 details{
  background:#fff!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 10px 30px rgba(15,23,42,.05)!important;
}
.focus-body h3{
  color:#8a94a6!important;
  letter-spacing:.1em!important;
}
.focus-body label{
  color:#667085!important;
}
.focus-body input,
.focus-body textarea,
.focus-body select{
  background:#f9fafb!important;
  border:1px solid #d9dee8!important;
  color:#111827!important;
  box-shadow:none!important;
}
.focus-body input:focus,
.focus-body textarea:focus,
.focus-body select:focus{
  border-color:#0a84ff!important;
  box-shadow:0 0 0 3px rgba(10,132,255,.14)!important;
}
.focus-body .focus-responsive-v42 summary{
  background:#fff!important;
  color:#111827!important;
  padding:8px 0 12px!important;
}
.focus-body .ghost-btn{
  background:#fff!important;
  color:#111827!important;
  border-color:#d9dee8!important;
}
.focus-panel .primary-btn{
  background:#0a84ff!important;
  color:#fff!important;
  border:0!important;
}
.focus-panel .danger-btn{
  background:#fff1f2!important;
  color:#be123c!important;
  border-color:#fecdd3!important;
}
#inspector-animate .inspector-accordion.inspector-hidden,
#inspector-data .inspector-accordion.inspector-hidden{
  display:block!important;
}

/* v45 — clearer current-device controls + preset insert buttons */
.v45-device-panel{border-color:#dbeafe!important;background:#ffffff!important}
.v45-device-panel summary span{color:#111827!important}
.v45-device-pill{display:inline-flex;align-items:center;width:max-content;margin:6px 0 12px;padding:7px 10px;border-radius:999px;background:#eff6ff;color:#0b63ce;font-size:12px;font-weight:900;letter-spacing:-.02em;border:1px solid #bfdbfe}
.v45-focus-note{border:1px solid #bfdbfe;background:#eff6ff;color:#0b63ce;border-radius:14px;padding:10px 12px!important;margin:0 0 12px!important;font-weight:800}
#tab-assets .insert-grid button[data-component="ctaStack"],
#tab-assets .insert-grid button[data-component="reviewCard"],
#tab-assets .insert-grid button[data-component="pricingCard"],
#tab-assets .insert-grid button[data-component="imageFeature"],
#tab-assets .insert-grid button[data-component="faqBlock"],
#tab-assets .insert-grid button[data-component="splitHeroCard"]{background:#f8fafc;border-color:#dbeafe;color:#0f172a}
.editor-preview [contenteditable="true"]{cursor:text}

.forms-table{width:100%;border-collapse:separate;border-spacing:0 8px}
.forms-table th{font-size:12px;color:#6b7280;text-align:left;padding:8px 10px}
.forms-table td{background:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:10px;vertical-align:top;font-size:13px}
.forms-table td:first-child{border-left:1px solid #e5e7eb;border-radius:12px 0 0 12px}
.forms-table td:last-child{border-right:1px solid #e5e7eb;border-radius:0 12px 12px 0}
.forms-table .form-message{max-width:360px;white-space:normal}
.forms-table details pre{max-width:420px;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px}

/* v50 — compact album ordering, bulk media and user actions */
.admin-upload-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.admin-upload-row input[type=file]{max-width:420px}.bulk-check{display:inline-flex;align-items:center;gap:8px;width:auto;margin:0;color:#111}.bulk-check input,.check input{width:auto}.media-grid-selectable figure{position:relative}.media-select-box{position:absolute;z-index:2;left:16px;top:16px;display:inline-flex;align-items:center;gap:6px;width:auto;margin:0;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 10px 24px rgba(15,23,42,.12);font-size:12px;color:#111}.media-select-box input{width:auto;margin:0}.compact-table td,.compact-table th{padding:10px 12px}.album-order-table .order-cell{width:110px}.album-order-table .order-cell input{max-width:86px;padding:9px 10px;text-align:center}.muted-link{color:#667085;font-size:12px;text-decoration:none}.album-order-form .toolbar{align-items:center}.admin-main form[method="post"] .small.danger{white-space:nowrap}

/* v51 — compact WordPress-like admin polish + album ordering UI */
:root{--admin-bg:#f0f2f5;--admin-card:#fff;--admin-line:#dfe3e8;--admin-muted:#667085;--admin-text:#111827;--admin-accent:#2271b1;--admin-accent-dark:#135e96;--admin-danger:#d63638;--admin-radius:14px}
body{background:var(--admin-bg)!important;color:var(--admin-text)!important;font-size:13px!important;line-height:1.35!important}
.admin-shell{grid-template-columns:232px minmax(0,1fr)!important;min-height:100vh!important}.admin-nav{background:#1d2327!important;color:#f0f0f1!important;padding:14px 12px!important;box-shadow:inset -1px 0 0 rgba(255,255,255,.06)}.admin-brand{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 12px!important;padding:8px!important;border-radius:10px!important}.admin-logo{width:34px;height:34px;border-radius:9px;background:#2271b1;display:grid;place-items:center;font-weight:900;color:#fff}.admin-brand h1{font-size:18px!important;margin:0!important;letter-spacing:-.04em!important}.admin-brand small{display:block;color:#a7aaad;font-size:11px}.admin-primary-link{background:#2271b1!important;color:#fff!important;border-radius:8px!important;padding:9px 10px!important;margin:0 0 12px!important;text-align:center!important}.nav-section{margin:10px 0 0!important}.nav-section span{display:block;color:#a7aaad;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin:0 8px 5px}.admin-nav a{padding:7px 8px!important;border-radius:7px!important;color:#dcdcde!important;font-size:13px!important;line-height:1.2!important}.admin-nav a:hover,.admin-nav a.active{background:#2c3338!important;color:#fff!important}.admin-main{max-width:none!important;width:100%!important;padding:18px 22px 60px!important}.admin-pagebar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-18px -22px 18px!important;padding:12px 22px!important;background:rgba(240,242,245,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--admin-line)}.admin-pagebar span,.eyebrow{color:var(--admin-muted);font-size:10px!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-weight:800!important}.admin-pagebar h2,.admin-section-head h2{font-size:30px!important;line-height:1!important;margin:2px 0 0!important;letter-spacing:-.055em!important}.login-card h1,h2{font-size:32px!important;line-height:1!important;margin-bottom:14px!important}h3{font-size:18px!important;letter-spacing:-.035em!important;margin:0 0 10px!important}.hint{font-size:12px!important;color:var(--admin-muted)!important;margin:4px 0!important}.admin-hero,.admin-panel,form:not(.inline-edit):not([id^="deletePhoto"]),table,.card,.quick-grid a{background:var(--admin-card)!important;border:1px solid var(--admin-line)!important;border-radius:var(--admin-radius)!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}.admin-hero{padding:20px!important}.admin-hero h1{font-size:34px!important;line-height:.96!important;margin:4px 0 8px!important;letter-spacing:-.065em!important}.admin-hero p{max-width:720px!important;margin:0!important}.admin-hero-panel{padding:14px!important;border-radius:12px!important;background:#f6f7f7!important;border:1px solid #e5e7eb!important}.cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.card{padding:16px!important;text-decoration:none!important}.card b{font-size:30px!important}.quick-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important}.quick-grid a{padding:14px!important;text-decoration:none!important}.quick-grid strong{display:block;margin-bottom:4px}.quick-grid span{color:var(--admin-muted);font-size:12px}.toolbar{margin:10px 0!important;gap:8px!important}.btn,button{border-radius:7px!important;padding:8px 12px!important;font-size:13px!important;background:var(--admin-accent)!important;color:#fff!important;box-shadow:none!important}.btn:hover,button:hover{background:var(--admin-accent-dark)!important}.btn.ghost{background:#fff!important;color:#1d2327!important;border:1px solid #c3c4c7!important}.btn.ghost:hover{background:#f6f7f7!important}.danger,.btn.danger,button.danger{background:var(--admin-danger)!important;color:#fff!important}.small,.btn.small,button.small{padding:5px 8px!important;font-size:12px!important;border-radius:6px!important}label{font-size:12px!important;margin:8px 0!important;color:#3c434a!important;font-weight:700!important}input,textarea,select{border-radius:7px!important;border-color:#c3c4c7!important;padding:8px 10px!important;font-size:13px!important;min-height:35px!important}textarea{min-height:84px!important}.code{min-height:260px!important}.grid2,.grid3{gap:10px!important}.admin-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 12px}.admin-section-head.compact{align-items:center;margin:0 0 8px}.admin-panel{padding:14px!important;margin:12px 0!important}.admin-form-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr) minmax(250px,.8fr);gap:12px}.admin-field-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.compact-fields{gap:8px!important}.media-choice-card{display:grid;align-content:start;gap:8px}.admin-preview-tile{height:178px;border-radius:12px;border:1px dashed #bfc6d0;background:#fff;display:grid;place-items:center;overflow:hidden;color:#6b7280;font-weight:800;font-size:12px;text-align:center}.admin-preview-tile img{width:100%;height:100%;object-fit:cover;display:block}.sticky-savebar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:10px;margin:12px -14px -14px;padding:10px 14px;background:rgba(255,255,255,.92);border-top:1px solid var(--admin-line);backdrop-filter:blur(12px);border-radius:0 0 var(--admin-radius) var(--admin-radius)}.admin-upload-row{display:flex!important;align-items:center!important;gap:8px!important;padding:10px!important;margin:8px 0!important}.admin-upload-row input[type=file]{background:#fff!important;flex:1}.photo-order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:10px}.photo-order-card{position:relative;background:#fff;border:1px solid #dfe3e8;border-radius:12px;padding:8px;display:grid;gap:7px;box-shadow:0 1px 2px rgba(15,23,42,.04);cursor:grab}.photo-order-card.dragging{opacity:.48;box-shadow:0 14px 40px rgba(15,23,42,.18)}.photo-order-card img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:9px;background:#eef0f2}.drag-handle{position:absolute;left:12px;top:12px;background:rgba(29,35,39,.78)!important;color:#fff!important;border-radius:7px!important;padding:2px 6px!important;cursor:grab;font-size:13px!important}.photo-order-meta{display:grid;grid-template-columns:74px 1fr;gap:8px;align-items:end}.photo-order-meta label{margin:0!important}.photo-order-meta input{padding:5px 6px!important;min-height:30px!important}.photo-order-meta span{font-size:11px;color:var(--admin-muted);align-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-order-card .danger{width:100%;justify-content:center}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:10px!important}.media-grid figure{border:1px solid var(--admin-line)!important;border-radius:12px!important;padding:8px!important}.media-grid img,.media-grid video{height:122px!important;border-radius:8px!important;object-fit:cover!important;width:100%!important}.media-grid figcaption{font-size:11px!important}.compact-table td,.compact-table th,td,th{padding:9px 10px!important}.forms-table{font-size:12px}.forms-table .form-message{max-width:260px}.inline-edit{display:grid!important;gap:6px!important}.inline-edit textarea{min-height:58px!important}.advanced-data summary{cursor:pointer;font-weight:800;color:#2271b1}.bulk-check{display:inline-flex!important;align-items:center!important;gap:6px!important;margin:0!important}.bulk-check input{width:auto!important;min-height:0!important}.media-select-box{display:flex!important;align-items:center!important;gap:6px!important;margin:0 0 6px!important}.media-select-box input{width:auto!important;min-height:0!important}
@media(max-width:1180px){.admin-form-grid{grid-template-columns:1fr}.cards,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-shell{grid-template-columns:1fr!important}.admin-nav{position:relative!important;height:auto!important}.admin-main{padding:16px!important}.admin-pagebar{margin:-16px -16px 16px!important;padding:10px 16px!important}}
@media(max-width:700px){.cards,.quick-grid,.grid2,.grid3{grid-template-columns:1fr!important}.admin-section-head,.admin-pagebar{align-items:flex-start;flex-direction:column}.photo-order-grid{grid-template-columns:1fr 1fr}.sticky-savebar{align-items:flex-start;flex-direction:column}.admin-upload-row{align-items:stretch!important;flex-direction:column!important}}


/* v53 — sidebar/card/input polish for classic admin */
.admin-shell.admin-shell-v21{
  grid-template-columns:286px minmax(0,1fr)!important;
  background:linear-gradient(180deg,#eef2f7 0%,#f7f8fb 100%);
}
.admin-nav{
  background:radial-gradient(circle at 14% 6%,#223b78 0%,#161d2f 24%,#0f131b 50%,#0a0d12 100%)!important;
  padding:18px 14px 20px!important;
  border-right:1px solid rgba(255,255,255,.05);
  box-shadow:18px 0 60px rgba(8,12,20,.18);
}
.admin-brand{
  display:flex;align-items:center;gap:12px;
  padding:4px 8px 16px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.admin-logo{
  width:36px;height:36px;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(135deg,#3aa2ff,#2152ff);
  color:#fff;font-weight:800;box-shadow:0 10px 30px rgba(58,162,255,.3);
}
.admin-brand h1{font-size:18px!important;line-height:1;margin:0 0 2px!important;color:#fff}
.admin-brand small{display:block;color:#b2bbca;font-size:12px}
.admin-primary-link{
  display:flex!important;align-items:center;justify-content:center;gap:8px;
  margin:10px 4px 12px;padding:12px 14px;border-radius:12px;
  background:linear-gradient(135deg,#3ca9ff,#2579ff)!important;
  color:#fff!important;box-shadow:0 14px 30px rgba(37,121,255,.28);
}
.admin-primary-link:hover{transform:translateY(-1px)}
.nav-section{margin:14px 4px 0;padding-top:12px}
.nav-section + .nav-section{border-top:1px solid rgba(255,255,255,.05)}
.nav-section span{
  display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;
  color:#8e97a8;font-weight:800;margin:0 0 6px;padding:0 4px;
}
.admin-nav a{
  padding:10px 12px!important;border-radius:12px;font-size:15px!important;
  color:#d8deea!important;transition:background .2s,color .2s,transform .2s;
}
.admin-nav a:hover{background:rgba(255,255,255,.06);color:#fff!important;transform:translateX(1px)}
.admin-main{
  min-width:0;max-width:none!important;padding:18px 22px 34px!important;
}
.admin-pagebar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:#fff;border:1px solid #e7ebf2;border-radius:24px;
  padding:18px 22px;box-shadow:0 10px 28px rgba(13,23,38,.05);margin-bottom:16px;
}
.admin-pagebar span{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:#758093}
.admin-pagebar h2{font-size:26px;line-height:1;margin:4px 0 0;letter-spacing:-.06em}
.admin-main > h2{
  font-size:34px;letter-spacing:-.07em;margin:8px 0 14px;
}
.admin-main > form,
.admin-main > .bulk-media-form,
.admin-main > .album-order-form,
.admin-main > .admin-upload-row,
.admin-main > table,
.admin-main > .media-grid,
.admin-main > .admin-hero,
.admin-main > .quick-grid,
.admin-main > .cards{
  max-width:100%;
}
.admin-main > form,
.bulk-media-form,
.album-order-form,
.admin-upload-row{
  background:#fff;border:1px solid #e6ebf2;border-radius:28px;
  padding:24px 24px 28px;box-shadow:0 12px 30px rgba(13,23,38,.05);
  overflow:visible;
}
.admin-main > form > h3,
.bulk-media-form > h3,
.album-order-form > h3{
  margin:22px 0 14px;padding-top:18px;border-top:1px solid #edf1f6;
}
.admin-main > form > h3:first-of-type{margin-top:8px;padding-top:0;border-top:0}
.grid2,.grid3{gap:18px!important}
label{
  margin:0!important;font-size:13px!important;font-weight:800!important;color:#525e70!important;
}
input,textarea,select{
  margin-top:7px;
  padding:14px 15px!important;
  border-radius:16px!important;
  border:1px solid #d8e0eb!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 0 rgba(13,23,38,.03)!important;
  transition:border-color .18s,box-shadow .18s,background .18s,transform .18s;
}
input:focus,textarea:focus,select:focus{
  outline:none;border-color:#77a7ff!important;background:#fff!important;
  box-shadow:0 0 0 4px rgba(59,130,246,.12), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
textarea{min-height:132px}
.btn,button{
  border-radius:14px!important;
}
.btn.ghost{background:linear-gradient(180deg,#fff,#f6f8fb)!important;border:1px solid #dbe2eb!important}
.card,.admin-field-card,details.admin-card,.admin-card{
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;
  border:1px solid #e6ebf2!important;
  border-radius:24px!important;
  padding:22px!important;
  box-shadow:0 12px 30px rgba(13,23,38,.05)!important;
}
.admin-form-grid{gap:18px!important;min-width:0}
.media-choice-card .admin-preview-tile,
.admin-preview-tile{
  background:linear-gradient(180deg,#f8fafc,#f3f6fb)!important;
  border:1px dashed #cfd8e6!important;
}
.cards-v21{margin:14px 0 16px!important}
.cards-v21 .card{padding:20px!important}
.cards-v21 .card b{font-size:40px!important}
.quick-grid a{
  background:#fff;border:1px solid #e6ebf2;border-radius:22px;padding:18px 20px;
  box-shadow:0 10px 26px rgba(13,23,38,.04);
}
table{
  display:block;overflow:auto;background:#fff!important;border:1px solid #e6ebf2;
  border-radius:24px!important;box-shadow:0 12px 30px rgba(13,23,38,.05);
}
tr:first-child th{background:#f8fafc}
td,th{padding:15px 16px!important;white-space:nowrap}
.hint{color:#6d7786!important}
@media(max-width:1100px){
  .admin-shell.admin-shell-v21{grid-template-columns:1fr!important}
  .admin-nav{height:auto!important;border-radius:0}
  .admin-main{padding:16px!important}
  .admin-pagebar{padding:16px 18px}
}

/* ══════════════════════════════════════════════════════════════
   MK CMS — v55 admin fixes
   Backend width · Input overlay · Form layout
   ══════════════════════════════════════════════════════════════ */

/* Constrain main content area */
.admin-main {
  max-width: 1200px !important;
  padding: 28px 32px 70px !important;
  box-sizing: border-box !important;
}

/* Inputs must never overflow their container */
.admin-main input,
.admin-main textarea,
.admin-main select {
  max-width: 100% !important;
  box-sizing: border-box !important;
  position: relative;
  z-index: 1;
}

/* Grid items contain their children */
.grid2, .grid3 { overflow: visible; }
.grid2 > *, .grid3 > * { min-width: 0; }

/* Labels stack vertically */
.admin-main > form label,
.admin-main label {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px;
}

/* Tables don't overflow */
table { table-layout: auto; word-break: break-word; }
td, th { max-width: 400px; overflow: hidden; text-overflow: ellipsis; }

/* Nav stays on top */
.admin-nav { z-index: 100; }
.admin-shell { position: relative; }

/* v97 — modern compact backend polish */
:root{--adm-bg:#f3f5f7;--adm-card:#fff;--adm-line:#dfe5ec;--adm-soft:#f8fafc;--adm-ink:#101828;--adm-muted:#667085;--adm-accent:#0a84ff;--adm-radius:14px}
.admin-shell.admin-shell-v21{grid-template-columns:230px minmax(0,1fr)!important;background:var(--adm-bg)!important;color:var(--adm-ink)!important}
.admin-shell-v21 .admin-nav{padding:12px!important;background:#111827!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:14px 0 45px rgba(15,23,42,.08)!important}
.admin-brand{margin-bottom:10px!important;padding:6px!important}.admin-logo{width:34px!important;height:34px!important;border-radius:10px!important;font-size:13px!important}.admin-brand h1{font-size:18px!important;letter-spacing:-.05em!important}.admin-brand small{font-size:10px!important}.admin-primary-link{margin:8px 0 10px!important;padding:10px!important;border-radius:11px!important;font-size:12px!important;background:linear-gradient(135deg,#0a84ff,#2563eb)!important;box-shadow:0 10px 24px rgba(10,132,255,.18)!important}.nav-section{margin:9px 0!important}.nav-section span{font-size:9px!important;margin:0 7px 4px!important;color:#8b96a8!important}.admin-nav .nav-section a{padding:7px 9px!important;border-radius:9px!important;font-size:12px!important;line-height:1.15!important;color:#d4d9e1!important}.admin-nav .nav-section a[href*="menus"]{background:rgba(10,132,255,.14)!important;color:#fff!important}.admin-nav .nav-section a:hover{background:rgba(255,255,255,.08)!important;transform:none!important}.admin-main{padding:16px 18px 52px!important;max-width:none!important}.admin-pagebar{margin:-16px -18px 14px!important;padding:10px 18px!important;background:rgba(255,255,255,.86)!important;border-bottom:1px solid var(--adm-line)!important;backdrop-filter:blur(14px)!important}.admin-pagebar h2{font-size:25px!important;letter-spacing:-.055em!important}.admin-pagebar span,.eyebrow{font-size:9px!important}.admin-hero{padding:18px!important;border-radius:16px!important;background:#fff!important;border:1px solid var(--adm-line)!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}.admin-hero h1{font-size:30px!important;line-height:1!important;margin:4px 0 8px!important}.admin-hero p{font-size:13px!important}.admin-hero-panel{padding:12px!important;border-radius:12px!important;background:var(--adm-soft)!important;border:1px solid var(--adm-line)!important}.cards,.cards-v21{gap:9px!important}.cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}.card{padding:13px!important;border-radius:14px!important;background:#fff!important;border:1px solid var(--adm-line)!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}.card b{font-size:27px!important}.card span,.quick-grid span{font-size:11px!important;color:var(--adm-muted)!important}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin-top:10px!important}.quick-grid a{padding:13px!important;border-radius:14px!important;background:#fff!important;border:1px solid var(--adm-line)!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}.quick-grid a:first-child{outline:2px solid rgba(10,132,255,.14)!important}.toolbar{margin:9px 0!important;gap:7px!important}.btn,button{border-radius:9px!important;padding:8px 11px!important;font-size:12px!important;min-height:32px!important}.btn.ghost{background:#fff!important;color:#111827!important;border:1px solid var(--adm-line)!important}table{border-radius:14px!important;border:1px solid var(--adm-line)!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}td,th{padding:8px 10px!important;font-size:12px!important}h2{font-size:29px!important}h3{font-size:17px!important}label{font-size:11px!important;margin:7px 0!important}input,textarea,select{border-radius:9px!important;padding:8px 9px!important;font-size:12px!important;min-height:32px!important}textarea{min-height:76px!important}.grid2,.grid3{gap:9px!important}.media-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:9px!important}.media-grid figure{border-radius:12px!important;padding:7px!important;border:1px solid var(--adm-line)!important}.media-grid img{height:112px!important;border-radius:8px!important}.hint{font-size:11px!important}.flash{padding:10px!important;border-radius:12px!important;font-size:12px!important}@media(max-width:1080px){.admin-shell.admin-shell-v21{grid-template-columns:1fr!important}.admin-shell-v21 .admin-nav{position:relative!important;height:auto!important}.cards,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-main{padding:14px!important}.admin-pagebar{margin:-14px -14px 14px!important;padding:10px 14px!important}}

/* v98 — compact business admin refresh */
:root{--mk-blue:#0a84ff;--mk-ink:#0f172a;--mk-muted:#64748b;--mk-line:#d8e0ea;--mk-soft:#f6f8fb;--mk-card:#fff;--mk-nav:#0d1726;--mk-nav2:#121f33;--mk-radius:14px;--mk-shadow:0 18px 55px rgba(15,23,42,.08)}
body{background:linear-gradient(180deg,#f7faff 0,#f2f5f8 320px,#eef2f6 100%);color:var(--mk-ink);font-size:13px;line-height:1.35}
.admin-shell-v21{grid-template-columns:240px minmax(0,1fr)!important}.admin-main{max-width:none!important;width:100%!important;padding:0 18px 42px!important}.admin-pagebar{margin:0 -18px 18px!important;padding:14px 22px!important;min-height:62px!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid var(--mk-line)!important;box-shadow:0 12px 36px rgba(15,23,42,.05)!important}.admin-pagebar h2{font-size:24px!important;line-height:1!important;letter-spacing:-.045em!important;margin:2px 0 0!important}.admin-pagebar span,.eyebrow{font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#64748b!important;font-weight:800!important}.admin-nav{background:radial-gradient(circle at 10% 0,#1f5eff33 0,transparent 34%),linear-gradient(180deg,var(--mk-nav2),#0b1220 65%,#080e19)!important;padding:14px 10px!important;box-shadow:inset -1px 0 0 rgba(255,255,255,.08)!important}.admin-brand{padding:0 6px 10px!important;margin-bottom:8px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.admin-logo{background:linear-gradient(135deg,#4f8cff,#006dff)!important;box-shadow:0 12px 32px rgba(10,132,255,.28)!important}.admin-brand h1{font-size:20px!important;letter-spacing:-.05em!important}.admin-brand small{font-size:11px!important;color:#9fb0c8!important}.admin-primary-link{height:40px!important;border-radius:11px!important;margin:10px 0 14px!important;background:linear-gradient(135deg,#0a84ff,#4263ff)!important;box-shadow:0 14px 34px rgba(10,132,255,.22)!important;font-size:13px!important;justify-content:center!important}.nav-section{margin:14px 0!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.08)!important}.nav-section span{display:block;margin:0 8px 6px!important;color:#7f8da4!important;font-size:10px!important;letter-spacing:.12em!important}.admin-nav a{border-radius:9px!important;padding:8px 9px!important;font-size:12px!important;color:#d6e0ef!important}.admin-nav a.active,.admin-nav a:hover{background:rgba(10,132,255,.18)!important;color:#fff!important}.admin-section-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;margin:20px 0 14px!important}.admin-section-head h2{font-size:28px!important;line-height:.95!important;letter-spacing:-.055em!important;margin:0!important}.admin-section-head h3{font-size:18px!important;margin:0!important}.hint{font-size:12px!important;color:#667085!important}.admin-panel,.card,table{background:#fff!important;border:1px solid var(--mk-line)!important;border-radius:16px!important;box-shadow:var(--mk-shadow)!important}.admin-panel{padding:14px!important;margin:12px 0!important}.full-width-panel{width:100%!important}.compact-table,.full-table,table{width:100%!important;margin-top:10px!important;border-collapse:separate!important;border-spacing:0!important;overflow:hidden!important}.compact-table th,table th{background:#f7f9fc!important;color:#334155!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-weight:800!important}.compact-table td,.compact-table th,td,th{padding:9px 10px!important;border-bottom:1px solid #edf1f5!important;vertical-align:middle!important}.compact-table tr:last-child td,table tr:last-child td{border-bottom:0!important}.album-order-table{max-width:none!important}.album-order-form{width:100%!important}.album-order-form .admin-panel,.album-order-table{display:table!important}.order-cell input{max-width:110px!important}h2{font-size:28px!important;letter-spacing:-.055em!important;margin:0 0 14px!important}h3{font-size:16px!important;letter-spacing:-.025em!important;margin:0 0 10px!important}label{font-size:11px!important;font-weight:650!important;color:#475569!important;margin:7px 0!important}input,textarea,select{border-radius:9px!important;border-color:#d7e0ea!important;background:#fbfdff!important;padding:8px 10px!important;font-size:12px!important;min-height:36px!important}textarea{min-height:82px!important}.grid2,.grid3{gap:10px!important}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.compact-fields{gap:9px!important}.btn,button{border-radius:10px!important;padding:9px 12px!important;font-size:12px!important;font-weight:750!important;background:#1479c9!important}.btn.ghost{background:#fff!important;color:#0f172a!important;border:1px solid #d7e0ea!important}.small,.btn.small,button.small{padding:6px 9px!important;min-height:30px!important;font-size:11px!important}.danger{background:#ef4444!important}.toolbar{margin:10px 0!important;gap:8px!important}.quick-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:12px!important}.quick-grid a{border-radius:16px!important;padding:16px!important}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}.card{padding:18px!important}.card b{font-size:34px!important}.admin-form-grid.album-editor-grid{display:grid!important;grid-template-columns:minmax(420px,1.4fr) minmax(260px,.8fr) minmax(260px,.8fr)!important;gap:14px!important}.admin-field-card{border:1px solid var(--mk-line)!important;border-radius:16px!important;background:#fff!important;padding:16px!important;box-shadow:none!important}.admin-preview-tile{height:168px!important;border-radius:12px!important;background:#f3f6fa!important;border:1px solid #d8e0ea!important;overflow:hidden!important;display:grid!important;place-items:center!important;color:#94a3b8!important}.admin-preview-tile img{width:100%!important;height:100%!important;object-fit:cover!important}.sticky-savebar{position:sticky!important;bottom:0!important;z-index:3!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(12px)!important;border-top:1px solid var(--mk-line)!important;margin:14px -14px -14px!important;padding:10px 14px!important;display:flex!important;align-items:center!important;gap:10px!important}.table-edit-row{display:contents!important}.inline-delete{display:inline-flex!important;margin-left:6px!important}.menu-table input{min-width:130px!important}.compact-check{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important}.compact-check input{width:auto!important;min-height:auto!important}.media-select-preview{display:flex;align-items:center;gap:8px;margin-top:6px;color:#64748b;font-size:11px}.media-select-preview img{width:42px;height:32px;object-fit:cover;border-radius:8px;border:1px solid #dbe3ec;background:#f8fafc}.photo-order-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:10px!important}.photo-order-card{border-radius:14px!important}.admin-upload-row{padding:10px!important;border-radius:14px!important;background:#fff!important;border:1px solid var(--mk-line)!important}code{background:#eef2f7;border:1px solid #dce4ee;border-radius:6px;padding:2px 5px;color:#0f172a}@media(max-width:1100px){.admin-shell-v21{grid-template-columns:1fr!important}.admin-nav{position:relative!important;height:auto!important}.admin-form-grid.album-editor-grid,.grid3{grid-template-columns:1fr!important}.admin-main{padding:0 12px 28px!important}.admin-pagebar{margin:0 -12px 14px!important}.admin-section-head{display:block!important}}

/* v99 — full-width modern admin, compact tables, filters */
:root{--v99-bg:#f4f7fb;--v99-card:#fff;--v99-line:#dbe4ef;--v99-text:#0f172a;--v99-muted:#64748b;--v99-blue:#0a84ff;--v99-blue2:#4257ff;--v99-soft:#f8fafc;--v99-shadow:0 14px 42px rgba(15,23,42,.06)}
html,body{min-width:0!important}body{background:linear-gradient(180deg,#f7fbff 0,#f2f6fb 280px,#eef3f8 100%)!important;color:var(--v99-text)!important;font-family:"Instrument Sans",Inter,Arial,sans-serif!important;font-size:12px!important}.admin-shell.admin-shell-v21{grid-template-columns:238px minmax(0,1fr)!important}.admin-main{width:100%!important;max-width:none!important;margin:0!important;padding:0 16px 44px!important;min-width:0!important}.admin-pagebar{margin:0 -16px 16px!important;padding:12px 18px!important;min-height:56px!important;background:rgba(255,255,255,.88)!important;border-bottom:1px solid var(--v99-line)!important;box-shadow:0 12px 32px rgba(15,23,42,.04)!important}.admin-pagebar h2{font-size:24px!important;line-height:1!important;letter-spacing:-.04em!important;margin:0!important}.admin-nav{background:radial-gradient(circle at 8% 0,rgba(10,132,255,.32),transparent 34%),linear-gradient(180deg,#14233b,#0c1525 62%,#070d18)!important}.admin-primary-link{background:linear-gradient(135deg,var(--v99-blue),var(--v99-blue2))!important;box-shadow:0 14px 34px rgba(10,132,255,.24)!important}.admin-nav a.active,.admin-nav a:hover{background:rgba(10,132,255,.18)!important}.admin-section-head{margin:12px 0 12px!important;align-items:flex-end!important}.admin-section-head h2{font-size:28px!important}.admin-panel,.admin-hero,.card,.quick-grid a,table,.admin-upload-row{border:1px solid var(--v99-line)!important;border-radius:14px!important;background:var(--v99-card)!important;box-shadow:var(--v99-shadow)!important}.admin-panel{padding:12px!important;margin:10px 0!important}.admin-compact-panel{padding:10px!important}.admin-table-wrap{width:100%!important;overflow:auto!important;border-radius:14px!important}.full-admin-table,.forms-table,.compact-table,table{width:100%!important;max-width:none!important;min-width:900px;border-collapse:separate!important;border-spacing:0!important;table-layout:auto!important;margin:8px 0 0!important}.admin-panel table,.album-order-form table,.menu-table,.album-order-table{width:100%!important;max-width:none!important}.admin-main>table{width:100%!important}.compact-table th,.forms-table th,table th{background:#f8fafc!important;color:#475569!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.055em!important;font-weight:750!important;white-space:nowrap!important}.compact-table td,.compact-table th,.forms-table td,.forms-table th,td,th{padding:8px 10px!important;font-size:12px!important;line-height:1.25!important;border-bottom:1px solid #edf2f7!important;vertical-align:middle!important}.forms-table .form-message{max-width:none!important;min-width:280px!important}.forms-table details pre{max-width:520px!important;font-size:11px!important}.admin-filterbar{display:grid!important;grid-template-columns:minmax(240px,1fr) 170px 190px auto auto;gap:8px!important;align-items:end!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.admin-filterbar label{margin:0!important}.admin-filterbar .btn,.admin-filterbar button{height:34px!important}.status-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#eef6ff;color:#075fb8;font-size:11px;font-weight:700}.admin-upload-row.full-row{width:100%!important;margin:10px 0!important}.admin-media-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}.admin-media-grid figure{position:relative;border:1px solid var(--v99-line)!important;border-radius:13px!important;padding:7px!important;background:#fff!important}.admin-media-grid img,.admin-media-grid video{width:100%!important;height:140px!important;object-fit:cover!important;border-radius:9px!important;background:#edf2f7!important}.admin-media-grid figcaption{display:grid!important;gap:3px!important;font-size:11px!important;color:var(--v99-muted)!important}.admin-media-grid figcaption b{font-size:11px!important;color:var(--v99-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid2,.grid3{gap:9px!important}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.album-editor-grid{grid-template-columns:minmax(420px,1.5fr) minmax(280px,.75fr) minmax(280px,.75fr)!important;width:100%!important}.admin-field-card{padding:13px!important;border-radius:14px!important}.admin-preview-tile{height:158px!important}.btn,button{font-weight:650!important;font-size:12px!important}.btn.small,button.small,.small{font-size:11px!important}.media-select-preview img{width:48px!important;height:36px!important}@media(max-width:1100px){.admin-shell.admin-shell-v21{grid-template-columns:1fr!important}.admin-nav{height:auto!important;position:relative!important}.admin-filterbar{grid-template-columns:1fr 1fr!important}.full-admin-table,.forms-table,.compact-table,table{min-width:760px!important}.album-editor-grid,.grid3{grid-template-columns:1fr!important}.admin-main{padding:0 10px 30px!important}.admin-pagebar{margin:0 -10px 12px!important}}


/* v109 editor tidy */
.ue-left .chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ue-left .chip{width:100%;justify-content:center}.ue-tree{max-height:48vh;overflow:auto}.ue-panel,.ue-left,.ue-right{backdrop-filter:blur(18px)}

/* v133 — admin UI polish: full-width tables, overflow, pagination, bulk selection */
:root{--admin-bg:#f5f7fb;--admin-card:#fff;--admin-line:#dfe6ef;--admin-text:#101828;--admin-muted:#667085;--admin-blue:#1677c8;}
body{font-size:15px!important;background:var(--admin-bg)!important;color:var(--admin-text)!important;}
.admin-main{max-width:none!important;width:100%!important;padding-inline:24px!important;overflow-x:hidden!important;}
.admin-pagebar{width:100%!important;margin-bottom:22px!important;}
.admin-pagebar h2{font-size:30px!important;letter-spacing:-.055em!important;}
.admin-panel, form:not(.inline-delete):not(.table-edit-row), .admin-hero, .quick-grid a, .card{border-radius:20px!important;border:1px solid rgba(16,24,40,.08)!important;box-shadow:0 18px 55px rgba(16,24,40,.06)!important;}
.admin-panel{width:100%!important;max-width:none!important;}
.admin-section-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:20px!important;margin:8px 0 20px!important;}
.admin-section-head h2{font-size:34px!important;line-height:1!important;letter-spacing:-.06em!important;margin:0!important;}
.admin-section-head .hint{font-size:15px!important;line-height:1.45!important;color:var(--admin-muted)!important;}
.admin-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;background:#fff!important;border:1px solid var(--admin-line)!important;border-radius:18px!important;box-shadow:0 18px 55px rgba(16,24,40,.055)!important;margin:18px 0 28px!important;-webkit-overflow-scrolling:touch!important;}
.admin-table-wrap>table, .admin-main table{width:100%!important;min-width:980px!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;margin:0!important;}
.admin-main table:not(.no-admin-polish){font-size:14.5px!important;}
.admin-main th{position:sticky!important;top:0!important;z-index:2!important;background:linear-gradient(180deg,#fbfdff,#f3f6fb)!important;color:#344054!important;text-align:left!important;font-size:12.5px!important;text-transform:uppercase!important;letter-spacing:.045em!important;font-weight:700!important;padding:15px 16px!important;border-bottom:1px solid var(--admin-line)!important;white-space:nowrap!important;}
.admin-main td{padding:15px 16px!important;border-bottom:1px solid #eef2f7!important;vertical-align:top!important;color:#1d2939!important;line-height:1.38!important;}
.admin-main tr:hover td{background:#fbfdff!important;}
.admin-main tr:last-child td{border-bottom:0!important;}
.admin-main td a{font-weight:650!important;color:#116db4!important;text-decoration:none!important;}
.admin-main .small,.admin-main button.small{font-size:13px!important;padding:9px 12px!important;border-radius:11px!important;}
.admin-table-select-col{width:44px!important;text-align:center!important;}
.admin-row-check,.admin-select-all{width:18px!important;height:18px!important;accent-color:var(--admin-blue)!important;cursor:pointer!important;}
.admin-bulkbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 10px;padding:12px 14px;background:#fff;border:1px solid var(--admin-line);border-radius:16px;box-shadow:0 14px 38px rgba(16,24,40,.055);}
.admin-bulkbar[hidden]{display:none!important;}
.admin-bulkbar strong{font-size:14px;color:#344054;}
.admin-bulkbar .bulk-actions{display:flex;gap:8px;align-items:center;}
.admin-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:12px 0 26px;}
.admin-pagination button{border:1px solid var(--admin-line);background:#fff;color:#1d2939;border-radius:12px;min-width:38px;height:38px;padding:0 12px;font-weight:650;cursor:pointer;box-shadow:0 8px 22px rgba(16,24,40,.045);}
.admin-pagination button.is-active{background:#111;color:#fff;border-color:#111;}
.admin-pagination button:disabled{opacity:.35;cursor:not-allowed;}
.admin-filterbar{display:grid!important;grid-template-columns:minmax(280px,1fr) repeat(2,minmax(180px,220px)) auto auto!important;gap:12px!important;align-items:end!important;box-shadow:none!important;border:0!important;padding:0!important;background:transparent!important;}
.admin-filterbar label{font-size:13px!important;color:var(--admin-muted)!important;font-weight:700!important;}
.admin-filterbar input,.admin-filterbar select{min-height:44px!important;border-radius:13px!important;font-size:14px!important;}
.forms-table .form-message{max-width:360px!important;min-width:260px!important;}
.status-pill{display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:7px 11px!important;background:#edf6ff!important;color:#1265a8!important;font-size:12.5px!important;font-weight:750!important;}
@media(max-width:900px){.admin-main{padding-inline:14px!important}.admin-filterbar{grid-template-columns:1fr!important}.admin-section-head{display:block!important}.admin-section-head h2{font-size:30px!important}.admin-table-wrap>table,.admin-main table{min-width:920px!important}}

/* v140 — admin full-width table fix + overflow scroll */
.admin-main{
  max-width:none!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.admin-panel,
.card,
.full-width-panel{
  max-width:none!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.admin-table-wrap{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid var(--adm-line, #e6ebf2)!important;
  box-shadow:0 12px 30px rgba(13,23,38,.05)!important;
}
.admin-table-wrap table,
.admin-main table,
.full-admin-table,
.forms-table,
.compact-table,
.menu-table,
.album-order-table{
  display:table!important;
  width:100%!important;
  max-width:none!important;
  min-width:980px!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:auto!important;
  overflow:visible!important;
  border-radius:0!important;
  border:0!important;
  box-shadow:none!important;
}
.admin-table-wrap th,
.admin-table-wrap td,
.admin-main table th,
.admin-main table td{
  font-size:13px!important;
  line-height:1.35!important;
}
@media(max-width:900px){
  .admin-table-wrap table,
  .admin-main table,
  .full-admin-table,
  .forms-table,
  .compact-table,
  .menu-table,
  .album-order-table{min-width:820px!important;}
}


/* v142 admin UX */
.usage-note{display:block;color:#7b838f;font-size:12px;margin-top:6px}.instagram-picker{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ig-pick{display:grid;gap:8px;border:1px solid #e4e9ef;border-radius:18px;padding:10px;background:#fff}.ig-pick img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:12px}.ig-pick input{position:absolute}.mini-status-form{display:grid;gap:7px;min-width:180px}.mini-status-form textarea{min-height:72px;font-size:13px}.media-grid figcaption label{margin-top:8px}.media-grid figcaption input{font-size:13px;padding:9px 10px}


/* v148 — clean Instagram media picker controls */
.instagram-picker{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;align-items:start!important;}
.instagram-picker .ig-pick{position:relative!important;display:block!important;background:#fff!important;border:1px solid #e5ebf2!important;border-radius:18px!important;padding:8px!important;margin:0!important;min-height:0!important;overflow:hidden!important;cursor:pointer!important;box-shadow:0 8px 24px rgba(13,23,38,.04)!important;}
.instagram-picker .ig-pick img{display:block!important;width:100%!important;height:132px!important;object-fit:cover!important;border-radius:13px!important;background:#eef2f6!important;}
.instagram-picker .ig-pick span{display:block!important;margin-top:8px!important;font-size:12px!important;line-height:1.25!important;color:#506070!important;font-weight:700!important;word-break:break-word!important;}
.instagram-picker .ig-pick input[type="checkbox"],
.instagram-picker .ig-pick input[type="radio"]{position:absolute!important;left:10px!important;top:10px!important;z-index:3!important;width:24px!important;height:24px!important;margin:0!important;padding:0!important;accent-color:#147bd1!important;box-shadow:0 2px 9px rgba(0,0,0,.25)!important;background:#fff!important;}
.instagram-picker .ig-pick:has(input:checked){border-color:#147bd1!important;box-shadow:0 0 0 3px rgba(20,123,209,.14),0 12px 28px rgba(13,23,38,.08)!important;}
.instagram-main-picker{padding-bottom:16px!important;border-bottom:1px solid #eef2f5!important;margin-bottom:20px!important;}
.instagram-main-picker .ig-main-pick input[type="radio"]{border-radius:50%!important;}