.media-file-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.media-empty-state{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px 14px;align-items:start;padding:18px;border:1px dashed var(--line);border-radius:18px;background:#ffffff61}.media-empty-icon{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--champagne-soft);color:var(--champagne);font-size:18px;background:var(--paper)}.media-empty-state strong{display:block;font-size:13px}.media-empty-state p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.75}.media-empty-state small{grid-column:2;color:var(--muted);font-size:10px}.media-pick-button{grid-column:2;justify-self:start;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;border-radius:12px;background:#eee6da;color:var(--ink);font-size:12px;font-weight:700;cursor:pointer}.media-pick-button:hover{background:#e6dccd}.media-file-input:focus-visible+.media-empty-state .media-pick-button{outline:3px solid rgba(168,138,97,.28);outline-offset:2px}.media-card{display:grid;gap:18px;padding:16px;border:1px solid var(--line-soft);border-radius:18px;background:#ffffff6b}.media-card-head{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:13px;align-items:center}.media-local-thumb{width:80px;height:92px;overflow:hidden;border-radius:14px;background:#e8dfd2;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);font-size:9px;text-align:center}.media-local-thumb img{width:100%;height:100%;display:block;object-fit:cover}.media-meta{min-width:0;display:grid;gap:3px}.media-meta strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-meta span{font:11px/1.4 Tahoma,Arial,sans-serif;color:var(--ink-soft);direction:ltr;text-align:right}.media-meta small{font-size:10px;color:var(--muted)}.media-actions{display:grid;justify-items:end;gap:2px}.media-replace{cursor:pointer}.media-controls{padding-top:16px;border-top:1px solid var(--line-soft);display:grid;gap:18px}.media-controls .field input[type=range]{appearance:none;height:32px;padding:0;border:0;background:transparent;box-shadow:none;cursor:pointer}.media-controls .field input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#ddd2c3}.media-controls .field input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;border:3px solid var(--paper);background:var(--champagne);box-shadow:0 1px 6px #29241f2e}.media-controls .field input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:#ddd2c3}.media-controls .field input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:3px solid var(--paper);background:var(--champagne);box-shadow:0 1px 6px #29241f2e}.media-status{margin:0;color:var(--muted);font-size:11px;line-height:1.6}@media(max-width:480px){.media-empty-state{grid-template-columns:34px minmax(0,1fr);padding:15px}.media-empty-icon{width:32px;height:32px}.media-card-head{grid-template-columns:68px minmax(0,1fr)}.media-local-thumb{width:68px;height:78px}.media-actions{grid-column:2;display:flex;gap:14px;justify-content:flex-start}.media-controls .field-grid.two{gap:12px}}.completion-dock{position:fixed;z-index:60;left:18px;bottom:18px;width:min(390px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;padding:16px 16px 14px;border:1px solid rgba(154,124,84,.24);border-radius:22px;background:#fffcf6f5;box-shadow:0 22px 70px #3e2f1f2e;backdrop-filter:blur(14px);font-family:Noto Naskh Arabic,Tahoma,sans-serif;color:#342d27;overscroll-behavior:contain}.completion-copy{display:grid;gap:2px;margin-bottom:12px}.completion-copy span{font-size:13px;color:#8a7864}.completion-copy strong{font-size:19px;font-weight:700}.completion-copy small{font-size:13px;color:#77695b}.completion-button{width:100%;min-height:46px;border:0;border-radius:14px;background:#322b25;color:#fff7ea;font:700 15px Noto Kufi Arabic,Tahoma,sans-serif;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.completion-button:hover:not(:disabled){transform:translateY(-1px)}.completion-button:disabled{cursor:not-allowed;opacity:.42}.completion-hint,.completion-message{margin:9px 2px 0;font-size:13px;line-height:1.65}.completion-hint{color:#8c7761}.completion-error .completion-message{color:#9a4038}.completion-success .completion-message{color:#41664d}.completion-privacy{margin-top:10px;padding-top:10px;border-top:1px solid rgba(154,124,84,.14)}.completion-privacy summary{cursor:pointer;font-size:13px;color:#6e5e4d}.completion-privacy p{margin:8px 0 0;font-size:12px;line-height:1.7;color:#77695b}.completion-legal-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.completion-legal-links a{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid rgba(154,124,84,.18);border-radius:10px;background:#fffaf2;color:#5f5040;text-decoration:none;font-size:12px}.completion-legal-links a:focus-visible{outline:2px solid #9d7d52;outline-offset:2px}.completion-working .completion-button{opacity:.72}@media(max-width:720px){.completion-dock{left:12px;right:12px;bottom:12px;width:auto;max-height:calc(100vh - 24px);border-radius:18px;padding:13px 13px 11px}.completion-copy{grid-template-columns:1fr auto;align-items:center;gap:2px 12px}.completion-copy span{grid-column:1}.completion-copy strong{grid-column:2;grid-row:1;font-size:15px}.completion-copy small{grid-column:1/3}.completion-button{min-height:44px}.editor-panel,.preview-panel{padding-bottom:170px!important}}@media(max-width:380px){.completion-dock{left:8px;right:8px;bottom:8px;max-height:calc(100vh - 16px)}.completion-copy strong,.completion-button{font-size:14px}.completion-legal-links{display:grid;grid-template-columns:1fr 1fr}.completion-legal-links a{justify-content:center}}:root{color-scheme:light;--shell:#f2ede5;--panel:#fbf8f2;--paper:#fffdf8;--ink:#29241f;--ink-soft:#655b51;--muted:#8b7e70;--line:#ded4c5;--line-soft:#ebe3d8;--champagne:#a88a61;--champagne-soft:#d9c7ac;--danger:#9d493e;--shadow:0 24px 80px rgba(54,43,31,.1)}*{box-sizing:border-box}html{background:var(--shell);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--shell);color:var(--ink);font-family:Noto Sans Arabic,Tahoma,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(168,138,97,.28);outline-offset:2px}.app-shell{min-height:100vh;background:linear-gradient(135deg,#f4efe7,#eee7dd)}.topbar{position:sticky;top:0;z-index:30;height:78px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:#faf7f1eb;border-bottom:1px solid rgba(126,103,74,.13);backdrop-filter:blur(18px)}.brand-lockup{display:flex;align-items:center;gap:14px;min-width:0}.brand-lockup>div{display:grid;gap:1px}.brand-lockup strong{font-size:17px;font-weight:700;letter-spacing:-.015em}.brand-lockup small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark,.empty-symbol{position:relative;display:block;width:31px;height:33px;flex:0 0 auto}.brand-mark:before,.brand-mark:after,.empty-symbol:before,.empty-symbol:after{content:"";position:absolute;top:5px;width:16px;height:22px;border:1px solid var(--champagne);border-radius:12px 12px 3px 3px}.brand-mark:before,.empty-symbol:before{right:5px;transform:rotate(14deg)}.brand-mark:after,.empty-symbol:after{left:5px;transform:rotate(-14deg)}.brand-mark i,.empty-symbol i{position:absolute;width:6px;height:6px;left:50%;top:14px;transform:translate(-50%,-50%) rotate(45deg);background:var(--champagne)}.brand-mark b,.empty-symbol b{position:absolute;left:50%;bottom:0;width:17px;height:1px;transform:translate(-50%);background:var(--champagne-soft)}.save-state{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);white-space:nowrap}.save-state span{width:7px;height:7px;border-radius:50%;background:#7b9a7a;box-shadow:0 0 0 4px #7b9a7a1a}.save-saving span{background:var(--champagne);animation:pulse 1.1s ease-in-out infinite}.save-error{color:var(--danger)}.save-error span{background:var(--danger)}@keyframes pulse{50%{opacity:.35}}.workspace{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(430px,520px) minmax(0,1fr)}.editor-panel{background:var(--panel);border-left:1px solid rgba(126,103,74,.13);padding:42px 44px 80px;overflow:visible}.editor-intro{padding:0 0 30px;border-bottom:1px solid var(--line-soft)}.intro-kicker{display:block;margin-bottom:12px;font-size:11px;font-weight:700;color:var(--champagne);letter-spacing:.03em}.editor-intro h1{margin:0;font-family:Noto Naskh Arabic,Tahoma,serif;font-size:36px;line-height:1.4;font-weight:600;letter-spacing:-.025em}.editor-intro p{margin:12px 0 0;max-width:410px;color:var(--ink-soft);font-size:14px;line-height:1.9}.form-section{padding:34px 0;border-bottom:1px solid var(--line-soft)}.section-heading{display:grid;grid-template-columns:34px 1fr;align-items:baseline;margin-bottom:22px}.section-heading span{font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--champagne)}.section-heading h2{margin:0;font-size:17px;font-weight:700}.section-body{display:grid;gap:19px}.field{display:grid;gap:8px}.field>label{font-size:13px;font-weight:650}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);padding:13px 14px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field textarea{resize:vertical;min-height:92px;line-height:1.7}.field input::placeholder,.field textarea::placeholder{color:#b0a69a}.field input:hover,.field textarea:hover{border-color:#c7b9a5}.field input:focus,.field textarea:focus{border-color:var(--champagne);background:#fff;box-shadow:0 0 0 4px #a88a6114}.field input[type=date],.field input[type=time]{text-align:left;min-height:48px}.field-hint,.field-message{margin:0;font-size:11px;line-height:1.6}.field-hint{color:var(--muted)}.field-message{color:var(--danger)}.field-error input{border-color:#9d493e8c;background:#fffaf9}.field-grid.two{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:3px 0}.switch-copy{display:grid;gap:3px}.switch-copy>label{font-size:13px;font-weight:650;cursor:pointer}.switch-copy p{margin:0;max-width:310px;color:var(--muted);font-size:11px;line-height:1.65}.switch{position:relative;display:block;flex:0 0 auto;cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{width:46px;height:27px;padding:3px;border-radius:999px;background:#d8d0c6;display:flex;align-items:center;justify-content:flex-start;transition:background .18s ease}.switch-track span{width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 7px #29241f24;transition:transform .18s ease}.switch input:checked+.switch-track{background:var(--champagne)}.switch input:checked+.switch-track span{transform:translate(-19px)}.switch input:focus-visible+.switch-track{outline:3px solid rgba(168,138,97,.28);outline-offset:2px}.empty-inline{margin:0;padding:14px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:12px;line-height:1.7;background:#ffffff59}.extra-list{display:grid;gap:18px}.extra-item{padding:16px;border:1px solid var(--line-soft);border-radius:16px;background:#ffffff6b}.secondary-action,.primary-action{border:0;border-radius:14px;min-height:46px;padding:0 18px;cursor:pointer;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.secondary-action{justify-self:start;background:#eee6da;color:var(--ink)}.secondary-action:hover{background:#e6dccd}.secondary-action:disabled{opacity:.45;cursor:not-allowed}.primary-action{background:var(--ink);color:#fff;box-shadow:0 12px 28px #29241f24}.primary-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 34px #29241f2e}.primary-action:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.text-action{border:0;background:transparent;padding:6px 0;color:var(--muted);font-size:12px;cursor:pointer;text-decoration:none}.text-action:hover{color:var(--ink)}.text-action.danger{color:var(--danger)}.extra-item>.text-action{margin-top:8px}.form-actions{padding:28px 0 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.reset-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--muted)}.preview-panel{min-width:0;position:relative;padding:32px 38px 46px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 16%,#eee8df,#ded6cb 58%,#d6cec3)}.preview-heading{width:min(100%,560px);margin:0 auto 20px;display:flex;align-items:end;justify-content:space-between;gap:20px}.preview-heading>div{display:grid;gap:2px}.preview-heading span{font-size:11px;color:#74695d}.preview-heading strong{font-size:14px;font-weight:650}.preview-back{display:none;border:0;background:transparent;color:var(--ink-soft);font-size:12px;cursor:pointer}.preview-stage-shell{position:sticky;top:108px;width:min(100%,430px);aspect-ratio:9/16;display:grid;place-items:center;overflow:hidden}.preview-stage-shell.ready{background:#f6f0e6;border-radius:24px;box-shadow:0 35px 90px #2c231b2e,0 0 0 1px #ffffff8c}.preview-stage-shell iframe{width:100%;height:100%;border:0;display:block;background:#f6f0e6}.preview-stage-shell.waiting{border:1px solid rgba(105,88,66,.18);border-radius:24px;background:#f8f4ed99;box-shadow:inset 0 1px #ffffff8c}.preview-empty{max-width:340px;padding:32px;text-align:center;display:grid;justify-items:center;gap:12px}.empty-symbol{width:44px;height:47px;transform:scale(1.2);margin-bottom:6px}.preview-empty h2{margin:0;font-family:Noto Naskh Arabic,Tahoma,serif;font-size:24px;line-height:1.5;font-weight:600}.preview-empty p{margin:0;color:#776c60;font-size:12px;line-height:1.9}.preview-note{width:min(100%,520px);margin:18px auto 0;text-align:center;color:#74695d;font-size:10px;line-height:1.7}.mobile-tabs,.mobile-preview-action{display:none}@media(min-width:1500px){.workspace{grid-template-columns:540px minmax(0,1fr)}.editor-panel{padding-right:58px;padding-left:58px}.preview-stage-shell{width:min(100%,470px)}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(390px,470px) minmax(0,1fr)}.editor-panel{padding-right:32px;padding-left:32px}.preview-panel{padding-right:24px;padding-left:24px}.field-grid.two{grid-template-columns:1fr}}@media(max-width:900px){.topbar{height:68px;padding:0 18px}.brand-lockup small{max-width:220px}.save-state{font-size:10px}.mobile-tabs{position:sticky;top:68px;z-index:29;height:48px;padding:5px 12px;display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#faf7f1f0;border-bottom:1px solid rgba(126,103,74,.12);backdrop-filter:blur(16px)}.mobile-tabs button{border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:650;cursor:pointer}.mobile-tabs button.active{background:#e8dfd2;color:var(--ink)}.workspace{display:block;min-height:calc(100vh - 116px)}.editor-panel,.preview-panel{display:none;border:0}.editor-panel.mobile-active,.preview-panel.mobile-active{display:flex}.editor-panel.mobile-active{padding:30px 22px 64px;flex-direction:column}.preview-panel.mobile-active{min-height:calc(100vh - 116px);padding:22px 16px 36px}.editor-intro h1{font-size:31px}.editor-intro p{font-size:13px}.form-section{padding:30px 0}.field-grid.two{grid-template-columns:1fr}.mobile-preview-action{display:inline-flex;align-items:center;justify-content:center}.form-actions{align-items:flex-start;flex-direction:column}.primary-action{width:100%}.preview-heading{width:min(100%,500px);margin-bottom:14px}.preview-back{display:block}.preview-stage-shell{position:relative;top:auto;width:min(100%,430px)}.preview-note{max-width:430px}}@media(max-width:480px){.topbar{padding:0 14px}.brand-lockup{gap:9px}.brand-mark{transform:scale(.9)}.brand-lockup strong{font-size:15px}.brand-lockup small{max-width:150px;font-size:9px}.save-state{gap:5px}.save-state span{width:6px;height:6px}.editor-panel.mobile-active{padding-right:17px;padding-left:17px}.editor-intro h1{font-size:28px}.section-heading{grid-template-columns:30px 1fr}.form-section{padding:27px 0}.field input,.field textarea{font-size:14px}.switch-copy p{max-width:240px}.preview-panel.mobile-active{padding-right:10px;padding-left:10px}.preview-stage-shell.ready,.preview-stage-shell.waiting{border-radius:16px}.preview-empty{padding:24px 18px}.preview-empty h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.release-fatal{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f5f0e7;color:#342d27;font-family:Tahoma,Arial,sans-serif}.release-fatal-card{width:min(520px,100%);padding:34px;border:1px solid rgba(154,124,84,.24);border-radius:24px;background:#fffaf2;box-shadow:0 22px 70px #3e2f1f24;text-align:center}.release-fatal-card>span{display:block;margin-bottom:12px;color:#a88b63;font-size:24px}.release-fatal-card h1{margin:0 0 12px;font-size:24px}.release-fatal-card p{margin:0 0 22px;line-height:1.8;color:#6c5d4e}.release-fatal-card button{min-height:46px;padding:0 22px;border:0;border-radius:14px;background:#322b25;color:#fff7ea;font-weight:700;cursor:pointer}.preview-note{display:none!important}.switch input{pointer-events:auto}:root{--lux-ink:#201a16;--lux-ink-soft:#6e6256;--lux-paper:#fffdf8;--lux-panel:#f8f3eb;--lux-gold:#b39161;--lux-gold-soft:#e5d6bd;--lux-dark:#17130f;--lux-dark-2:#2b231c}body{background:#eee7dc;color:var(--lux-ink);font-family:Segoe UI,Tahoma,Arial,sans-serif}.app-shell{min-height:100vh;background:#eee7dc}.topbar{height:72px;padding:0 34px;background:#fffdf8f5;border-bottom:1px solid rgba(92,71,48,.1);box-shadow:0 8px 30px #362a1d0d;backdrop-filter:blur(20px)}.brand-lockup{gap:12px}.brand-lockup strong{font-size:18px;font-weight:760;letter-spacing:-.02em}.brand-lockup small{font-size:10px;letter-spacing:.015em;color:#8b7a68}.brand-mark{transform:scale(.92)}.save-state{padding:7px 11px;border:1px solid rgba(92,71,48,.1);border-radius:999px;background:#faf6ef;font-size:11px}.workspace{height:calc(100vh - 72px);min-height:0;grid-template-columns:minmax(430px,520px) minmax(0,1fr);overflow:hidden;background:#eee7dc}.editor-panel{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9b89f transparent;padding:32px 32px 84px;background:linear-gradient(180deg,#fbf7f0,#f7f1e8);border-left:1px solid rgba(92,71,48,.11);box-shadow:-18px 0 48px #31261a0b}.editor-panel::-webkit-scrollbar{width:8px}.editor-panel::-webkit-scrollbar-thumb{background:#c9b89f;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.editor-intro{margin:0 0 18px;padding:4px 4px 22px;border-bottom:0}.intro-kicker{margin-bottom:9px;font-size:10px;letter-spacing:.04em;color:#9b7b50}.editor-intro h1{max-width:410px;font-size:30px;line-height:1.35;font-weight:700;letter-spacing:-.035em}.editor-intro p{margin-top:9px;max-width:420px;font-size:12px;line-height:1.75;color:#74685c}form{display:grid;gap:14px}.form-section{padding:20px 20px 22px;border:1px solid rgba(124,96,64,.1);border-radius:22px;background:#fffdf8d6;box-shadow:0 12px 34px #362a1d0b,inset 0 1px #fffc}.section-heading{grid-template-columns:30px 1fr;margin-bottom:17px}.section-heading span{font-size:9px;color:#b18d5d}.section-heading h2{font-size:15px;letter-spacing:-.01em}.section-body{gap:15px}.field{gap:7px}.field>label{font-size:12px}.field input,.field textarea{border-radius:13px;border-color:#dfd2c0;background:#fffdf9;padding:12px 13px;font-size:13px;box-shadow:inset 0 1px #ffffffe6}.field input:hover,.field textarea:hover{border-color:#c8b394}.field input:focus,.field textarea:focus{border-color:#b18d5d;box-shadow:0 0 0 4px #b18d5d17}.field-hint,.field-message{font-size:10px}.field-grid.two{gap:10px}.switch-row{padding:2px 0}.switch-copy>label{font-size:12px}.switch-copy p{font-size:10px}.switch-track{width:42px;height:24px}.switch-track span{width:18px;height:18px}.switch input:checked+.switch-track span{transform:translate(-18px)}.secondary-action,.primary-action{min-height:43px;border-radius:12px;font-size:12px}.secondary-action{background:#eee4d5}.primary-action{background:#211b17}.empty-inline,.extra-item,.media-card,.media-empty-state{border-radius:16px;background:#fcf8f1}.form-actions{padding:8px 2px 2px}.preview-panel{height:100%;overflow:hidden;padding:26px 34px 28px;justify-content:flex-start;background:radial-gradient(circle at 50% 13%,rgba(198,158,103,.18),transparent 31%),radial-gradient(circle at 8% 84%,rgba(177,141,93,.08),transparent 28%),linear-gradient(150deg,#2a231d,#1a1612 46%,#120f0d);color:#f8f0e5}.preview-panel:before{content:"";position:absolute;inset:20px;pointer-events:none;border:1px solid rgba(216,185,138,.12);border-radius:28px}.preview-heading{width:min(100%,500px);margin:2px auto 18px;align-items:center;position:relative;z-index:2}.preview-heading span{font-size:10px;color:#bfae99;letter-spacing:.04em}.preview-heading strong{font-size:13px;color:#f6ede1;font-weight:600}.preview-back{color:#d6c6b2}.preview-stage-shell{position:relative;top:auto;z-index:2;width:min(100%,500px);max-height:calc(100vh - 172px);aspect-ratio:9/16;margin:0 auto}.preview-stage-shell.ready{border-radius:26px;background:#f8f0e4;box-shadow:0 42px 110px #00000061,0 0 0 1px #e1c59d52,0 0 0 10px #ffffff06}.preview-stage-shell.waiting{border:1px solid rgba(218,188,145,.32);border-radius:26px;background:linear-gradient(#fffdf8f5,#f8f0e4f5),#f7efe3;box-shadow:0 42px 110px #00000057,0 0 0 10px #ffffff05;overflow:hidden}.preview-stage-shell.waiting:before,.preview-stage-shell.waiting:after{content:"";position:absolute;pointer-events:none}.preview-stage-shell.waiting:before{inset:20px;border:1px solid rgba(167,129,78,.24);border-radius:18px}.preview-stage-shell.waiting:after{width:180px;height:180px;left:50%;top:16%;transform:translate(-50%);border:1px solid rgba(177,141,93,.13);border-radius:50%;box-shadow:0 0 0 18px #b18d5d09,0 0 0 36px #b18d5d05}.preview-empty{position:relative;z-index:2;max-width:300px;padding:34px 24px;color:#2a231d}.preview-empty .empty-symbol{margin-bottom:12px}.preview-empty h2{font-size:23px;line-height:1.45;color:#2a231d}.preview-empty p{font-size:11px;line-height:1.8;color:#75685b}.completion-dock{left:30px;bottom:26px;width:min(440px,calc(100vw - 610px));max-height:none;overflow:visible;padding:11px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;border:1px solid rgba(224,198,159,.22);border-radius:18px;background:#1f1914e6;color:#f8eee1;box-shadow:0 20px 55px #00000047;backdrop-filter:blur(20px)}.completion-copy{margin:0;gap:0}.completion-copy span{font-size:9px;color:#c8b49a}.completion-copy strong{font-size:14px;color:#fff9f1}.completion-copy small{display:none}.completion-button{width:auto;min-width:155px;min-height:42px;padding:0 14px;border-radius:12px;background:#f1e4d2;color:#241d18;font-size:11px;box-shadow:none}.completion-button:hover:not(:disabled){background:#fff5e8}.completion-hint,.completion-message{grid-column:1/-1;margin:0;font-size:10px;line-height:1.45;color:#d1bea4}.completion-privacy{grid-column:1/-1;margin:0;padding:0;border:0}.completion-privacy summary{cursor:pointer;font-size:9px;color:#c8b49a}.completion-privacy p{margin:6px 0 0;font-size:9px;line-height:1.5;color:#bfae99}.completion-legal-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px;margin:0}.completion-legal-links a{min-height:24px;padding:3px 7px;border-color:#e0c69f26;background:#ffffff0a;color:#d8c6ae;font-size:9px}@media(min-width:1500px){.workspace{grid-template-columns:520px minmax(0,1fr)}.editor-panel{padding-right:36px;padding-left:36px}.preview-stage-shell,.preview-heading{width:min(100%,530px)}}@media(max-width:1100px)and (min-width:901px){.workspace{grid-template-columns:430px minmax(0,1fr)}.editor-panel{padding:26px 24px 72px}.form-section{padding:18px}.preview-stage-shell{width:min(100%,410px)}.completion-dock{left:18px;width:min(380px,calc(100vw - 470px))}.completion-button{min-width:130px}}@media(max-width:900px){.topbar{height:66px}.workspace{height:auto;min-height:calc(100vh - 114px);overflow:visible}.editor-panel{height:auto;overflow:visible;background:#f8f3eb}.editor-panel.mobile-active{padding:24px 16px 210px}.editor-intro{padding-bottom:18px}.editor-intro h1{font-size:27px}.form-section{padding:18px;border-radius:18px}.preview-panel{height:auto;overflow:visible;background:linear-gradient(155deg,#2a231d,#15110e)}.preview-panel.mobile-active{padding:20px 12px 210px}.preview-panel:before{inset:10px;border-radius:20px}.preview-stage-shell{max-height:none;width:min(100%,430px)}.completion-dock{left:10px;right:10px;bottom:10px;width:auto;display:block;padding:11px 12px;border-radius:16px;max-height:170px;overflow:auto}.completion-copy{margin-bottom:8px}.completion-copy span{font-size:9px}.completion-copy strong{font-size:13px}.completion-button{width:100%;min-height:43px}.completion-hint,.completion-message{margin-top:6px}.completion-privacy{margin-top:7px}.completion-legal-links{margin-top:6px}.editor-panel,.preview-panel{padding-bottom:210px!important}}@media(max-width:480px){.topbar{padding:0 12px}.save-state{padding:6px 8px}.brand-lockup small{display:none}.editor-panel.mobile-active{padding-right:12px;padding-left:12px}.editor-intro h1{font-size:25px}.form-section{padding:16px}.section-heading{margin-bottom:14px}.preview-stage-shell.ready,.preview-stage-shell.waiting{border-radius:18px}.preview-stage-shell.waiting:before{inset:14px;border-radius:13px}.preview-empty{padding:26px 18px}.preview-empty h2{font-size:20px}}:root{--studio-editor:520px;--studio-header:76px;--studio-ink:#211a15;--studio-muted:#796c5e;--studio-porcelain:#fffdf8;--studio-ivory:#f7f0e6;--studio-ivory-deep:#efe4d5;--studio-champagne:#b99664;--studio-champagne-soft:#e8d7bd;--studio-espresso:#17120f;--studio-espresso-2:#241c17;--studio-line:rgba(111,82,50,.12);--studio-shadow:0 18px 55px rgba(54,39,24,.075)}html,body,#root{min-height:100%}body{margin:0;color:var(--studio-ink);background:#f2eadf;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-shell{min-height:100vh;background:#f2eadf}.topbar{position:sticky;top:0;z-index:50;height:var(--studio-header);padding:0 34px;background:#fffdf8f6;border-bottom:1px solid rgba(104,76,47,.1);box-shadow:0 10px 36px #3224160b;backdrop-filter:blur(22px) saturate(125%)}.brand-lockup{gap:13px}.brand-lockup strong{font-size:19px;font-weight:780;letter-spacing:-.035em;color:#201914}.brand-lockup small{font-size:9.5px;letter-spacing:.02em;color:#907b65}.brand-mark{transform:scale(.94);filter:drop-shadow(0 5px 12px rgba(155,116,67,.13))}.save-state{padding:7px 11px;border:1px solid rgba(111,82,50,.11);border-radius:999px;background:#f8f3ebe6;color:#776653;font-size:10px;box-shadow:inset 0 1px #ffffffe6}.mobile-tabs{background:#fffaf2;border-bottom:1px solid var(--studio-line)}.mobile-tabs button{color:#766655}.mobile-tabs button.active{color:#201914;border-color:var(--studio-champagne)}@media(min-width:901px){body{background:linear-gradient(90deg,var(--studio-espresso) 0 calc(100% - var(--studio-editor)),var(--studio-ivory) calc(100% - var(--studio-editor)) 100%)}.app-shell{background:transparent}.workspace{min-height:calc(100vh - var(--studio-header));height:auto;overflow:visible;align-items:start;grid-template-columns:var(--studio-editor) minmax(0,1fr);background:linear-gradient(90deg,var(--studio-espresso) 0 calc(100% - var(--studio-editor)),var(--studio-ivory) calc(100% - var(--studio-editor)) 100%)}.editor-panel{position:relative;height:auto;min-height:calc(100vh - var(--studio-header));overflow:visible;padding:32px 32px 188px;background:radial-gradient(circle at 100% 0,rgba(192,151,94,.09),transparent 27%),linear-gradient(180deg,#fffaf3,#f7efe4,#f3eadf);border-left:1px solid rgba(106,78,48,.1);box-shadow:-22px 0 70px #140f0b14}.editor-panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(181,144,94,.32),transparent);pointer-events:none}.editor-intro{margin:0 0 14px;padding:3px 3px 19px;border-bottom:1px solid rgba(120,91,58,.08)}.intro-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;font-size:9px;font-weight:650;letter-spacing:.055em;color:#9b7547}.intro-kicker:before{content:"";width:18px;height:1px;background:#bc9561}.editor-intro h1{max-width:430px;margin:0;font-size:29px;line-height:1.34;font-weight:720;letter-spacing:-.045em;color:#201914}.editor-intro p{max-width:430px;margin:8px 0 0;font-size:10.5px;line-height:1.8;color:#796b5d}form{gap:11px}.form-section{position:relative;padding:17px 17px 18px;border:1px solid rgba(120,89,53,.1);border-radius:19px;background:#fffdf8e0;box-shadow:0 10px 28px #36271809,inset 0 1px #ffffffeb;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.form-section:hover{border-color:#ac834d2e;box-shadow:0 15px 34px #3627180d,inset 0 1px #fffffff2}.section-heading{grid-template-columns:28px 1fr;align-items:center;margin-bottom:13px}.section-heading span{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(178,137,83,.18);border-radius:50%;background:#fcf5ea;color:#a57d4c;font-size:7.5px;font-weight:700}.section-heading h2{font-size:14px;font-weight:690;letter-spacing:-.015em;color:#2a211b}.section-body{gap:11px}.field{gap:5px}.field>label{font-size:10.5px;font-weight:650;color:#372d25}.field input,.field textarea{min-height:41px;padding:10px 12px;border:1px solid #ded0bd;border-radius:11px;background:#fffefa;color:#2b221b;font-size:11.5px;box-shadow:inset 0 1px #fffffff5,0 1px #76583505;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field textarea{min-height:76px;resize:vertical}.field input:hover,.field textarea:hover{border-color:#cbb696;background:#fffdf8}.field input:focus,.field textarea:focus{outline:none;border-color:#b58d58;background:#fffefa;box-shadow:0 0 0 4px #b58d5817,inset 0 1px #fffffffa}.field input::placeholder,.field textarea::placeholder{color:#b1a292}.field-hint,.field-message,.switch-copy p{font-size:8.8px;line-height:1.55;color:#918171}.field-grid.two{gap:8px}.switch-row{padding:2px 0}.switch-copy>label{font-size:10.5px;font-weight:650;color:#382d25}.switch-track{width:39px;height:22px;border:1px solid rgba(108,82,55,.11);background:#ddd2c5;box-shadow:inset 0 1px 2px #402f1f14}.switch-track span{width:16px;height:16px;box-shadow:0 2px 6px #2f22172e}.switch input:checked+.switch-track{background:#2c231d;border-color:#2c231d}.switch input:checked+.switch-track span{transform:translate(-16px)}.media-empty-state,.media-card,.empty-inline,.extra-item{border-radius:14px;border-color:#7f5f3b1a;background:#fcf7ef}.media-pick-button,.secondary-action,.primary-action{min-height:40px;border-radius:11px;font-size:10.5px;font-weight:680}.secondary-action{border:1px solid rgba(126,94,58,.1);background:#efe5d7;color:#493a2f}.secondary-action:hover:not(:disabled){background:#eadcc9}.primary-action{background:linear-gradient(180deg,#2b221c,#1d1713);color:#fff9f0;box-shadow:0 9px 20px #1f171124}.preview-panel{position:sticky;top:var(--studio-header);height:calc(100vh - var(--studio-header));min-height:640px;padding:20px 34px 24px;overflow:hidden;background:radial-gradient(circle at 50% 12%,rgba(211,170,111,.17),transparent 29%),radial-gradient(circle at 8% 90%,rgba(172,128,75,.08),transparent 31%),radial-gradient(circle at 95% 52%,rgba(112,76,43,.08),transparent 27%),linear-gradient(150deg,#2a211b,#191410 48%,#0f0c0a);color:#f8f0e5}.preview-panel:before{inset:14px;border:1px solid rgba(224,190,140,.13);border-radius:25px;box-shadow:inset 0 0 80px #ffffff03}.preview-panel:after{content:"";position:absolute;width:320px;height:320px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#bf92530b;filter:blur(70px);pointer-events:none}.preview-heading{width:min(100%,485px);margin:0 auto 12px;position:relative;z-index:3}.preview-heading span{font-size:8.5px;letter-spacing:.06em;color:#bfa98f}.preview-heading strong{font-size:12px;font-weight:590;color:#f6ebdc}.preview-back{color:#d9c7b0}.preview-stage-shell{position:relative;top:auto;z-index:3;width:min(100%,455px);max-height:calc(100vh - 150px);aspect-ratio:9/16;margin:0 auto}.preview-stage-shell.ready{border-radius:25px;background:#fbf2e7;box-shadow:0 42px 115px #0000006e,0 0 0 1px #e2c08f57,0 0 0 9px #ffffff06,0 0 0 10px #dab27a0e}.preview-stage-shell.waiting{border:1px solid rgba(220,188,143,.3);border-radius:25px;background:linear-gradient(180deg,#fffaf3,#f7eddf);box-shadow:0 42px 115px #0006,0 0 0 9px #ffffff05}.preview-stage-shell.waiting:before{inset:19px;border-color:#a7814e38;border-radius:17px}.preview-stage-shell.waiting:after{opacity:.82}.preview-empty{max-width:300px;padding:34px 24px}.preview-empty h2{font-size:22px;line-height:1.45;letter-spacing:-.025em}.preview-empty p{font-size:10px;line-height:1.85}.preview-note{margin-top:9px;font-size:8.5px;color:#aa9883}.completion-dock{right:17px;left:auto;bottom:15px;width:calc(var(--studio-editor) - 34px);max-height:152px;overflow:auto;padding:10px 11px;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;border:1px solid rgba(153,113,66,.16);border-radius:15px;background:#fffcf6f6;color:#31261e;box-shadow:0 20px 55px #2b1f1426,inset 0 1px #fffffff5;backdrop-filter:blur(20px) saturate(120%)}.completion-copy span{font-size:8px;color:#a17f56;letter-spacing:.04em}.completion-copy strong{font-size:12.5px;color:#2b211a}.completion-copy small{display:none}.completion-button{min-width:150px;min-height:39px;padding:0 13px;border-radius:10px;background:linear-gradient(180deg,#2b221c,#1c1713);color:#fff8ed;font-size:9.5px;font-weight:700;box-shadow:0 8px 18px #1f171124}.completion-button:hover:not(:disabled){background:#3a2d24;transform:translateY(-1px)}.completion-hint,.completion-message{font-size:8.5px;color:#7c6b59}.completion-privacy{grid-column:1/-1;margin-top:0;padding-top:5px;border-color:#9a7c541a}.completion-privacy summary{font-size:8.3px;color:#786654}.completion-privacy p{font-size:8.2px;line-height:1.5;margin-top:4px}.completion-legal-links{gap:5px;margin-top:4px}.completion-legal-links a{min-height:24px;padding:3px 7px;font-size:8.2px;border-radius:7px}}@media(min-width:1500px){:root{--studio-editor:540px}.workspace{grid-template-columns:var(--studio-editor) minmax(0,1fr)}.editor-panel{padding-left:36px;padding-right:36px}.preview-stage-shell,.preview-heading{width:min(100%,500px)}}@media(max-width:1100px)and (min-width:901px){:root{--studio-editor:445px}.editor-panel{padding-left:22px;padding-right:22px}.preview-panel{padding-left:20px;padding-right:20px}.preview-stage-shell{width:min(100%,400px)}.completion-dock{right:12px;width:calc(var(--studio-editor) - 24px)}.completion-button{min-width:132px}}@media(max-width:900px){body,.app-shell{background:#f6eee4}.topbar{height:66px;padding:0 15px}.brand-lockup strong{font-size:17px}.brand-lockup small{font-size:8.5px}.workspace{height:auto;min-height:calc(100vh - 114px);overflow:visible;background:#f6eee4}.editor-panel{height:auto;overflow:visible;background:linear-gradient(180deg,#fffaf3,#f4eadf)}.editor-panel.mobile-active{padding:23px 15px 170px}.editor-intro{padding-bottom:18px;margin-bottom:13px}.editor-intro h1{font-size:26px;line-height:1.38;letter-spacing:-.04em}.editor-intro p{font-size:10.5px;line-height:1.75}form{gap:11px}.form-section{padding:17px;border-radius:18px;background:#fffdf8e6;border-color:#7859351a;box-shadow:0 10px 28px #36271809}.section-heading{margin-bottom:13px}.field input,.field textarea{border-radius:11px;background:#fffefa}.preview-panel{height:auto;overflow:visible;background:linear-gradient(155deg,#2a211b,#15100d)}.preview-panel.mobile-active{padding:18px 12px 170px}.preview-panel:before{inset:9px;border-radius:19px}.preview-stage-shell{max-height:none;width:min(100%,430px)}.preview-stage-shell.ready,.preview-stage-shell.waiting{border-radius:20px}.completion-dock{left:9px;right:9px;bottom:9px;width:auto;max-height:143px;overflow:auto;padding:10px 11px;border-radius:14px;background:#fffcf6f7;color:#30261e;border:1px solid rgba(153,113,66,.15);box-shadow:0 17px 44px #2b1f1429}.completion-copy{margin-bottom:6px}.completion-copy span{font-size:8px;color:#a17f56}.completion-copy strong{font-size:12.5px;color:#2b211a}.completion-copy small{display:none}.completion-button{min-height:41px;border-radius:10px;background:#211a15;color:#fff8ed;font-size:10.5px}.completion-hint,.completion-message{font-size:8.5px;color:#7b6a58}.completion-privacy{margin-top:5px;padding-top:4px}.completion-privacy summary,.completion-privacy p,.completion-legal-links{font-size:8px;color:#776653}.editor-panel,.preview-panel{padding-bottom:170px!important}}@media(max-width:480px){.topbar{padding:0 11px}.save-state{padding:6px 8px;font-size:9px}.brand-lockup small{display:none}.editor-panel.mobile-active{padding-right:12px;padding-left:12px}.editor-intro h1{font-size:24px}.form-section{padding:15px}.section-heading h2{font-size:14px}.preview-stage-shell.ready,.preview-stage-shell.waiting{border-radius:18px}.preview-empty{padding:26px 18px}.preview-empty h2{font-size:20px}}