:root{color-scheme:dark;--bg:#0c0e12;--surface:#141820;--surface2:#1b2130;--surface3:#232a3b;--field:#0f131b;--canvas:#080a0f;--line:rgba(255,255,255,0.09);--line-strong:rgba(255,255,255,0.18);--text:#f4f6fb;--muted:#a3acbf;--brand:#6ee7b7;--brand-ink:#052e1a;--brand-dim:rgba(110,231,183,0.14);--brand-line:rgba(110,231,183,0.4);--danger:#f87171;--danger-bg:rgba(248,113,113,0.12);--danger-text:#fecaca;--shadow:0 30px 80px rgba(0,0,0,0.45);--radius:14px;--ease:cubic-bezier(0.23,1,0.32,1);--font:"Heebo","Segoe UI",system-ui,sans-serif;--header-h:64px;--dock-h:72px}@media (prefers-color-scheme:light){:root{color-scheme:light;--bg:#f3f5f9;--surface:#ffffff;--surface2:#f0f3f8;--surface3:#e4e9f1;--field:#ffffff;--canvas:#e6eaf1;--line:rgba(15,23,42,0.12);--line-strong:rgba(15,23,42,0.28);--text:#0f172a;--muted:#4b5568;--brand:#047857;--brand-ink:#ffffff;--brand-dim:rgba(4,120,87,0.1);--brand-line:rgba(4,120,87,0.5);--danger:#b91c1c;--danger-bg:rgba(185,28,28,0.08);--danger-text:#7f1d1d;--shadow:0 24px 60px rgba(15,23,42,0.18)}}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--brand)}h1,h2,p{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:where(button,input,select,textarea,a,[tabindex]):focus-visible{outline:3px solid var(--brand);outline-offset:2px}.studio-root{display:grid;grid-template-rows:auto auto 1fr;height:100dvh;direction:rtl}.studio-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap;padding:.6rem 1.25rem;min-height:var(--header-h);border-bottom:1px solid var(--line);background:var(--surface);z-index:20}.studio-heading{min-width:0}.studio-title{font-weight:800;letter-spacing:-.02em;font-size:1.1rem;line-height:1.2}.studio-sub{color:var(--muted);font-size:.85rem}.studio-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.studio-alerts:empty{display:none}.studio-body{position:relative;display:grid;grid-template-columns:252px minmax(0,1fr) 316px;min-height:0}@media (min-width:1480px){.studio-body{grid-template-columns:280px minmax(0,1fr) 340px}}.studio-panel{background:var(--surface);overflow:auto;min-height:0;overscroll-behavior:contain}.layers-panel{-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line)}.inspector{-webkit-border-start:1px solid var(--line);border-inline-start:1px solid var(--line);padding:1rem}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.95rem;font-weight:800;padding:1rem 1rem .25rem}.inspector .panel-title{padding:0 0 .85rem}.count{font-size:.75rem;color:var(--muted);background:var(--surface2);border-radius:999px;padding:.1rem .55rem;font-weight:700}.studio-canvas{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--canvas)}.canvas-toolbar{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-bottom:1px solid var(--line);background:var(--surface2);flex-wrap:wrap}.canvas-busy{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--muted);font-size:.8rem}.canvas-frame-wrap{flex:1 1;min-height:0;display:flex;justify-content:center;padding:1rem}.canvas-frame{direction:ltr;background:#fff;border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow);overflow:hidden;height:100%;width:100%;max-width:100%;transition:width .22s var(--ease),opacity .15s ease}.canvas-frame[data-busy=true]{opacity:.86}.canvas-frame iframe{border:0;display:block;background:#fff;max-width:none}.chip{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--line);background:transparent;border-radius:999px;padding:.35rem .95rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s var(--ease)}.chip:active{transform:scale(.97)}.chip[data-active=true]{background:var(--brand-dim);border-color:var(--brand-line)}.chip:disabled{opacity:.5;cursor:not-allowed}.layer-list{list-style:none;margin:0;padding:.5rem .75rem 1rem;display:grid;grid-gap:.4rem;gap:.4rem}.layer-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;grid-gap:.15rem;gap:.15rem;padding:.15rem;border:1px solid var(--line);border-radius:12px;background:var(--surface2);transition:border-color .15s ease,background .15s ease,opacity .15s ease;touch-action:manipulation}.layer-item[data-selected=true]{border-color:var(--brand-line);background:color-mix(in srgb,var(--brand) 8%,var(--surface2));box-shadow:inset 0 0 0 1px var(--brand-line)}.layer-item[data-hidden=true] .layer-name,.layer-item[data-hidden=true] .layer-variant{opacity:.55}.layer-item[data-dragging=true]{box-shadow:var(--shadow);z-index:5;position:relative}.layer-grip{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--muted);border-radius:10px;cursor:-webkit-grab;cursor:grab;touch-action:none}.layer-grip:active{cursor:-webkit-grabbing;cursor:grabbing}.layer-select{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:start;gap:.1rem;min-height:48px;min-width:0;border:0;background:transparent;padding:.3rem .4rem;border-radius:10px;cursor:pointer}.layer-name{font-weight:700;font-size:.92rem}.layer-variant{color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.layer-move{display:flex}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--muted);border-radius:10px;cursor:pointer;transition:background .15s ease,color .15s ease,transform .12s var(--ease)}@media (hover:hover) and (pointer:fine){.icon-btn:hover:not(:disabled),.layer-grip:hover{background:var(--surface3);color:var(--text)}}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{opacity:.3;cursor:default}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line-strong);background:var(--surface2);border-radius:10px;padding:.45rem 1rem;cursor:pointer;font-weight:700;transition:transform .12s var(--ease),background .15s ease,opacity .15s ease}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:transparent;color:var(--brand-ink)}.btn-ghost{background:transparent;border-color:var(--line)}.btn-block{width:100%}.btn-block,.field{margin-bottom:1rem}.field{display:grid;grid-gap:.4rem;gap:.4rem}.field>label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.8rem;color:var(--muted);font-weight:700}.field-state{font-weight:700;font-size:.72rem;padding:.08rem .5rem;border-radius:999px;background:var(--surface2)}.field-state[data-status=approved]{background:var(--brand-dim);color:var(--text)}.field-state[data-status=empty]{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-strong);font-weight:600}.field-state[data-status=pending]{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px currentColor}.approval-row{display:grid;grid-gap:.5rem;gap:.5rem;margin-top:.5rem;padding:.75rem;border-radius:10px;background:var(--surface2)}.approval-row .studio-sub{margin:0}.approval-row .btn{min-height:44px;justify-self:start}.field input,.field select,.field textarea{width:100%;min-height:44px;border-radius:10px;border:1px solid var(--line-strong);background:var(--field);padding:.55rem .7rem}.field textarea{min-height:112px;resize:vertical;line-height:1.5}.rewrite-block{border-top:1px solid var(--line);padding-top:.15rem}.rewrite-block>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-size:.82rem;font-weight:700;color:var(--muted);list-style:none}.rewrite-block>summary::-webkit-details-marker{display:none}.rewrite-block>summary:after{content:"+";-webkit-margin-start:auto;margin-inline-start:auto;font-size:1.1rem}.rewrite-block[open]>summary:after{content:"−"}.rewrite-block[open]{display:grid;grid-gap:.4rem;gap:.4rem}.hint-label{font-size:.75rem;color:var(--muted);font-weight:600}.rewrite-row{display:flex;flex-wrap:wrap;gap:.35rem}.rewrite-row .chip{font-size:.8rem}.empty-note,.empty-state{padding:.5rem 0}.status-pill{font-size:.78rem;line-height:1.4;padding:.25rem .65rem;border-radius:999px;background:var(--brand-dim);border:1px solid var(--brand-line)}.status-pill[data-stale=true]{border-color:var(--danger)}.notice,.status-pill[data-stale=true]{background:var(--danger-bg);color:var(--danger-text)}.notice{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.6rem 1rem 0;padding:.35rem .5rem .35rem .85rem;border-radius:10px;border:1px solid var(--danger);font-size:.88rem}.open-shell{min-height:100dvh;display:grid;place-items:center;padding:2rem;direction:rtl}.open-card{width:min(420px,100%);display:grid;grid-gap:1rem;gap:1rem;justify-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;text-align:center}.state-title{font-size:1.15rem}.skeleton{width:100%;height:14px;border-radius:8px;background:linear-gradient(90deg,var(--surface2),var(--surface3),var(--surface2));background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton-canvas{height:100%;border-radius:0}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.btn,.canvas-frame,.chip,.icon-btn,.studio-panel{transition:none!important}}.sheet-backdrop,.studio-dock{display:none}@media (max-width:1279px){.studio-root{grid-template-rows:auto auto 1fr var(--dock-h)}.studio-body{grid-template-columns:minmax(0,1fr)}.studio-top{padding-inline:1rem}.studio-actions .btn{padding-inline:.75rem}.studio-dock{grid-row:4;display:grid;grid-template-columns:1fr 2fr;grid-gap:.5rem;gap:.5rem;padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}.studio-root{grid-template-rows:auto auto minmax(0,1fr) auto}.sheet-backdrop{display:block;position:fixed;inset:0;z-index:30;border:0;background:rgba(0,0,0,.5)}.studio-panel{position:fixed;inset-inline:0;bottom:0;z-index:40;max-height:78dvh;border:0;border-top:1px solid var(--line-strong);border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom);box-shadow:var(--shadow);visibility:hidden;transform:translateY(104%);transition:transform .24s var(--ease),visibility 0s linear .24s}.studio-panel[data-open=true]{visibility:visible;transform:none;transition:transform .24s var(--ease)}.inspector{padding:1rem 1rem 1.25rem}.canvas-frame-wrap{padding:.5rem}}@media ((max-width:560px) or (max-height:520px)) and (max-width:1279px){.studio-top{flex-wrap:wrap;gap:.25rem .5rem;padding:.4rem .75rem;min-height:0}.studio-title{font-size:1rem}.studio-heading{order:1;flex:1 1}.studio-actions{order:2;flex-wrap:nowrap}.status-pill{order:3;flex-basis:100%;text-align:center}.status-pill[data-stale=false]{display:none}.studio-dock{grid-template-columns:auto minmax(0,1fr) 44px 44px}.studio-dock .btn{padding-inline:.6rem}.canvas-toolbar{padding:.35rem .5rem;gap:.25rem;flex-wrap:nowrap;overflow-x:auto}.canvas-toolbar .chip{padding-inline:.7rem}.review-banner{margin:.4rem .75rem 0;padding:.5rem .65rem;gap:.35rem .6rem}.review-banner__text{flex-basis:10rem;font-size:.84rem;line-height:1.4}.review-banner .btn{min-height:44px;flex:1 1 auto}}.btn-icon{width:44px;padding:0;flex:none}.studio-heading{order:0}.status-pill{order:1}.studio-actions{order:2}@media ((max-width:560px) or (max-height:520px)) and (max-width:1279px){.studio-heading{order:1}.studio-actions{order:2}.status-pill{order:3}}.review-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .9rem;margin:.6rem 1.25rem 0;padding:.65rem .9rem;border-radius:12px;background:var(--brand-dim);border:1px solid var(--brand-line)}.review-banner__text{flex:1 1 16rem;font-size:.92rem;line-height:1.5}.review-banner--stale{background:var(--danger-bg);border-color:var(--danger)}.review-banner--ok,.status-pill[data-pending=true]{background:var(--brand-dim);border-color:var(--brand-line)}.review-dialog{width:min(640px,calc(100vw - 24px));max-height:min(86dvh,720px);border:1px solid var(--line-strong);border-radius:16px;padding:1.1rem 1.25rem 1rem;background:var(--surface);color:var(--text);box-shadow:var(--shadow);direction:rtl;overflow:auto}.review-dialog::-webkit-backdrop{background:rgba(0,0,0,.55)}.review-dialog::backdrop{background:rgba(0,0,0,.55)}.review-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.review-dialog__head h2{font-size:1.1rem}.review-list{list-style:none;margin:1rem 0;padding:0;display:grid;grid-gap:.75rem;gap:.75rem}.review-item{display:grid;grid-gap:.5rem;gap:.5rem;padding:.85rem;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.review-item__where{font-weight:800;font-size:.88rem}.review-item p{display:grid;grid-gap:.15rem;gap:.15rem;line-height:1.55}.review-item__before span:last-child{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}.review-item__after span:last-child{font-weight:600}.review-item mark{background:#facc15;color:#1a1400;border-radius:4px;padding:0 .2em}.review-item .btn{justify-self:start}.review-dialog__foot{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.canvas-error{height:100%;display:grid;place-content:center;justify-items:center;grid-gap:.75rem;gap:.75rem;padding:1.5rem;text-align:center;background:var(--surface);color:var(--text);direction:rtl}.canvas-stale{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .9rem;background:var(--danger-bg);color:var(--danger-text);font-size:.88rem;border-bottom:1px solid var(--danger)}.btn[aria-disabled=true],.chip[aria-disabled=true],.icon-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.status-pill[data-saving=true]{opacity:.85}.skip-link{position:absolute;inset-inline-start:8px;top:-64px;z-index:100;min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:10px;background:var(--surface);color:var(--text);border:2px solid var(--accent,currentColor)}.skip-link:focus{top:8px}.field-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.studio-canvas:focus,.studio-panel:focus{outline:none}.studio-panel:focus-visible{outline:2px solid var(--accent,currentColor);outline-offset:-2px}.layer-variant{white-space:normal}.preview-full{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--canvas);color:var(--text);direction:rtl}.preview-full[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.preview-full::-webkit-backdrop{background:rgba(0,0,0,.6)}.preview-full::backdrop{background:rgba(0,0,0,.6)}.preview-full__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem .75rem;padding:.5rem .75rem;border-bottom:1px solid var(--line);background:var(--surface)}.preview-full__chips{display:flex;flex-wrap:wrap;gap:.35rem}.preview-full__body{min-height:0;min-width:0;display:flex;justify-content:center;background:var(--canvas)}.preview-full__body iframe{border:0;display:block;background:#fff;max-width:100%}@media (max-height:560px),(max-width:720px){.canvas-toolbar{overflow-x:visible!important}.canvas-toolbar,.studio-actions{flex-wrap:wrap!important}}@media (max-height:560px){.studio-root{height:auto;min-height:100dvh}.studio-canvas{min-height:max(70dvh,380px)}}.panel-summary{padding:0 1rem .5rem;font-size:.8rem}@media (max-height:560px) and (min-height:421px){.studio-dock{position:-webkit-sticky;position:sticky;bottom:0;z-index:25}}@media (max-height:420px){.preview-full__bar{flex-wrap:nowrap;padding:.25rem .5rem;gap:.35rem}.preview-full__chips{flex-wrap:nowrap;gap:.25rem}.preview-full__bar .btn,.preview-full__bar .chip{min-height:36px;padding-inline:.6rem;font-size:.82rem;white-space:nowrap}}