/* Scoped creative studio; the poster itself is drawn at its export resolution. */
.app-shell:has(.ad-studio) .content{max-width:1580px}
.ad-studio{min-width:0}
.ad-page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 28px}
.ad-page-head h1{font-size:36px;letter-spacing:-.04em}.ad-page-head p{margin:9px 0 0;font-size:14px}
.ad-page-head .eyebrow{font-size:10px;color:#bd9caf;letter-spacing:.12em}
.ad-status{display:flex;align-items:center;gap:8px;color:#c3b4c7;font-size:12px;white-space:nowrap}
.ad-status i,.ad-preview-head i{width:6px;height:6px;border-radius:50%;background:#ffc69f;box-shadow:0 0 14px #ffc69f50}
.ad-workspace{display:grid;grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:32px;align-items:start}
.app-shell .ad-editor{padding:0;overflow:hidden;border-radius:22px;background:#17141d}
.ad-editor-heading{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #f1d8e11c}
.ad-editor-heading h2{font-size:19px}.ad-editor-heading>span{font-size:11px;font-family:monospace;color:#a38fa6}
.ad-section{border-bottom:1px solid #f1d8e11c}
.ad-section>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:20px 24px;cursor:pointer;list-style:none}
.ad-section>summary::-webkit-details-marker{display:none}
.ad-section>summary>span{font-size:9px;letter-spacing:.13em;font-weight:650;color:#a38fa6}
.ad-section>summary>strong{font-size:14px;grid-column:1;font-weight:650;color:#f1e4e9}
.ad-section>summary>b{grid-column:2;grid-row:1/3;align-self:center;font-size:21px;color:#ffc69f;font-weight:400}
.ad-section[open]>summary>b{transform:rotate(45deg)}.ad-section[open]>summary{padding-bottom:16px}
.ad-section-body{padding:0 24px 24px;min-width:0}
.ad-studio label{font-size:12px;color:#cfbac9;margin:12px 0 7px;display:block}
.ad-studio :is(input,textarea,select){font-size:14px!important;max-width:100%;min-width:0;width:100%;border-radius:11px!important;border:1px solid #e1c4d128;background:#100e17;color:#fff3eb;padding:11px 12px;min-height:44px}
.ad-studio textarea{resize:vertical;line-height:1.6}
.ad-studio :is(input,textarea,select):focus-visible{outline:2px solid #ffc69f;outline-offset:2px}
.ad-field{margin-bottom:14px}.ad-field:last-child{margin-bottom:0}
.ad-field>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ad-field label{margin:0 0 8px}.ad-field small{font-size:10px;color:#967f99}
.ad-studio .ad-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}
.app-shell .ad-presets button{padding:8px 3px;min-height:38px;font-size:11px;background:#ffc69f08;color:#e3bfaa;border-color:#ffc69f24}
.ad-hint{font-size:12px!important;line-height:1.7;margin:12px 0 0!important;color:#ac9bb3}
.ad-quote-note{margin-top:14px;padding:12px;border:1px solid #ffc69f24;border-radius:11px;background:#ffc69f0a;font-size:12px;color:#ffd4b6;line-height:1.6}
.ad-model-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;font-size:12px;color:#bca5be}
.app-shell .ad-model-controls button{font-size:10px;min-height:34px;background:none;padding:6px}
.ad-model-list{display:grid;gap:6px;max-height:320px;overflow:auto;overscroll-behavior:contain;padding:2px}
.ad-model-list>label{display:flex;align-items:center;gap:10px;border:1px solid #e1c4d11a;background:#100d1466;padding:10px;border-radius:10px;margin:0;min-width:0;cursor:pointer}
.ad-model-list>label[hidden]{display:none}
.ad-model-list>label:has(:checked){border-color:#ffc69f65;background:#ffc69f0a}
.ad-model-list input[type=checkbox]{width:20px!important;height:20px!important;min-height:20px;padding:0;flex:none}
.ad-model-list span{display:grid;gap:3px;min-width:0}.ad-model-list b{font-size:12px;color:#eadde5;font-weight:600;overflow-wrap:anywhere}
.ad-model-list small{font-size:10px;overflow-wrap:anywhere;color:#a08ea8}
.ad-studio .ad-feature{padding:14px;margin:18px 0 0;border:1px solid #edc9dc23;border-radius:12px;min-width:0}
.ad-feature legend{font-size:11px;color:#c9a992;padding:0 6px}.ad-feature label:first-of-type{margin-top:0}
.ad-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;flex-wrap:wrap}
.ad-editor-footer button{font-size:12px}.ad-editor-footer .text-button{font-size:11px}
.ad-preview-column{position:sticky;top:86px;min-width:0}
.ad-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;font-size:11px;color:#b4a3b9}
.ad-preview-head>span:first-child{display:flex;align-items:center;gap:7px}
.ad-preview-surface{position:relative;max-width:680px;margin:auto;background:#100f17;border-radius:14px;overflow:hidden;border:1px solid #e8cdd42b;box-shadow:0 20px 60px #0005}
.ad-preview-surface canvas{display:block;width:100%;height:auto;aspect-ratio:2000/2963}
.ad-preview-surface #ad-loading{position:absolute;inset:0;display:grid;place-content:center;background:#17121eef;color:#d9c0ca;font-size:14px}
.ad-preview-surface #ad-loading[hidden]{display:none}
.ad-export-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);gap:10px 14px;align-items:center;padding:18px 0 0}
.ad-export-panel label{grid-column:1;margin:0;font-size:11px}
.ad-export-panel select{grid-column:1;grid-row:2}
.app-shell .ad-export-panel .primary{grid-column:2;grid-row:1/3;align-self:stretch;background:linear-gradient(140deg,#ffe2c1,#f0ad99);border-color:#ffddbc;color:#2b1927;font-size:15px;min-height:54px;box-shadow:inset 0 1px #fff9}
.ad-export-panel .primary span{font-size:20px;margin-left:10px}
.ad-export-panel>small{grid-column:1/-1;font-size:10px;text-align:center;color:#9c8ca4}
.ad-error{padding:14px;margin-top:15px;border:1px solid #edaa7761;border-radius:12px;background:#cb883714;color:#ffceac;font-size:13px;line-height:1.6}
.ad-error[hidden]{display:none}
.ad-preview-note{padding:16px 0;border-bottom:1px solid #e1c4d11c;margin:16px 0 0}
.ad-preview-note strong{font-size:13px;color:#d8c4d2}.ad-preview-note p{font-size:12px;line-height:1.7;margin:7px 0 0}
@media(min-width:1200px) and (min-height:900px){.ad-preview-surface{max-width:min(680px,calc((100dvh - 200px)*.675))}}
@media(max-width:1100px){.ad-workspace{grid-template-columns:minmax(285px,.9fr) minmax(0,1.1fr);gap:22px}.ad-section-body{padding-inline:18px}.ad-section>summary{padding-inline:18px}.ad-export-panel{grid-template-columns:1fr}.app-shell .ad-export-panel .primary{grid-row:auto;grid-column:1}.ad-preview-column{top:80px}}
@media(max-width:760px){
  .ad-workspace{grid-template-columns:minmax(0,1fr);gap:24px}.ad-preview-column{position:static;grid-row:1}
  .ad-page-head{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:22px}.ad-page-head h1{font-size:30px}
  .ad-studio :is(input,textarea,select){font-size:16px!important}.ad-studio .ad-presets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ad-preview-surface{max-width:440px}.ad-export-panel{grid-template-columns:1fr}
  .app-shell .ad-export-panel .primary{min-height:50px}
  .app-shell:has(.ad-studio) .support-widget{display:none}
  .ad-editor-footer{flex-direction:column;align-items:stretch}.ad-editor-footer button{min-height:44px}
}