:root{--qa-purple:#6455e7;--qa-line:#e6e7ec;--qa-muted:#697181}*{box-sizing:border-box}body{margin:0}.quick-add-shell{color:#12151c;background:#f5f6f8;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.quick-add-header{border-bottom:1px solid var(--qa-line);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(18px,5vw,72px);display:flex}.quick-add-header>a{color:#12151c;align-items:center;gap:9px;text-decoration:none;display:flex}.quick-add-header>a b{font-size:14px}.qa-logo{color:#fff;background:#17133f;border-radius:9px;place-items:center;width:32px;height:32px;font-size:14px;font-weight:900;display:grid;position:relative}.qa-logo i{border:2px solid #786af0;border-radius:5px;position:absolute;inset:5px}.quick-add-header>div{color:#596272;align-items:center;gap:7px;display:flex}.quick-add-header>div span{background:#35b77a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #35b77a17}.quick-add-header>div span.offline{background:#e45d57;box-shadow:0 0 0 4px #e45d5717}.quick-add-header small{font-size:11px}.quick-add-intro{justify-content:space-between;align-items:flex-end;max-width:1240px;margin:auto;padding:42px 22px 25px;display:flex}.quick-add-intro span{letter-spacing:2px;color:var(--qa-purple);font-size:10px;font-weight:900}.quick-add-intro h1{letter-spacing:-1.8px;margin:8px 0 7px;font-size:clamp(29px,4vw,48px);line-height:1}.quick-add-intro p{color:var(--qa-muted);margin:0;font-size:14px}.quick-add-intro em{color:#ebecef;font-size:56px;font-style:normal;font-weight:900;line-height:.8}.quick-add-grid{grid-template-columns:1fr .85fr;align-items:start;gap:18px;max-width:1240px;margin:auto;padding:0 22px 60px;display:grid}.qa-card{border:1px solid var(--qa-line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 35px #1d234008}.qa-card>header{border-bottom:1px solid var(--qa-line);align-items:center;gap:12px;padding:19px 21px;display:flex}.qa-card>header>span{width:31px;height:31px;color:var(--qa-purple);background:#f0edff;border-radius:9px;place-items:center;font-size:12px;font-weight:900;display:grid}.qa-card h2,.qa-card header p{margin:0}.qa-card h2{font-size:14px}.qa-card header p{color:var(--qa-muted);margin-top:3px;font-size:10px}.qa-composer{grid-row:span 2}.qa-dropzone{color:#555f70;cursor:pointer;background:#fafbfc;border:1.5px dashed #cfd2dc;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:calc(100% - 42px);height:280px;margin:21px;display:flex;position:relative;overflow:hidden}.qa-dropzone>span{width:45px;height:45px;color:var(--qa-purple);background:#eeebff;border-radius:50%;place-items:center;font-size:25px;display:grid}.qa-dropzone strong{font-size:13px}.qa-dropzone small{color:#858c98;font-size:10px}.qa-dropzone.has-image{border:0}.qa-dropzone img{object-fit:cover;width:100%;height:100%}.qa-dropzone b{color:#fff;background:#12151cdd;border-radius:7px;padding:8px 11px;font-size:9px;position:absolute;bottom:12px;right:12px}.qa-fields{gap:14px;padding:0 21px 20px;display:grid}.qa-fields label,.qa-destination>label,.qa-inline-fields>label{color:#323945;gap:6px;font-size:10px;font-weight:750;display:grid}.qa-fields input,.qa-fields textarea,.qa-destination select{color:#11151c;width:100%;font:inherit;background:#fff;border:1px solid #dcdfe5;border-radius:9px;outline:0;font-weight:500}.qa-fields input,.qa-destination select{height:43px;padding:0 12px}.qa-fields textarea{resize:none;height:74px;padding:11px 12px}.qa-fields input:focus,.qa-fields textarea:focus,.qa-destination select:focus{border-color:var(--qa-purple);box-shadow:0 0 0 3px #6555e711}.qa-price-row{grid-template-columns:1fr 1fr;align-items:end;gap:12px;display:grid}.qa-price-row .qa-switch{border:1px solid #dcdfe5;border-radius:9px;align-items:center;gap:9px;height:43px;padding:0 11px;display:flex}.qa-switch input{display:none}.qa-switch span{background:#cfd3db;border-radius:20px;width:31px;height:18px;position:relative}.qa-switch span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:3px;left:3px}.qa-switch input:checked+span{background:var(--qa-purple)}.qa-switch input:checked+span:after{transform:translate(13px)}.qa-price-row label>div{border:1px solid #dcdfe5;border-radius:9px;height:43px;display:flex;overflow:hidden}.qa-price-row label>div b{background:#f3f4f7;place-items:center;width:39px;font-size:15px;display:grid}.qa-price-row label>div input{border:0;border-radius:0;height:100%;font-size:15px;font-weight:850}.qa-price-row label.disabled{opacity:.45}.qa-options{border-top:1px solid var(--qa-line);grid-template-columns:1fr 1fr;display:grid}.qa-options fieldset{border:0;gap:7px;margin:0;padding:17px 20px;display:flex}.qa-options fieldset+fieldset{border-left:1px solid var(--qa-line)}.qa-options legend{color:#596273;padding-top:14px;font-size:9px;font-weight:850}.qa-options button{color:#4f5765;cursor:pointer;background:#fff;border:1px solid #dfe1e7;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;height:38px;font-size:9px;display:flex}.qa-options button.active{border-color:var(--qa-purple);color:#3f31c6;box-shadow:inset 0 0 0 1px var(--qa-purple);background:#f2efff}.qa-options button i{border:1.5px solid;border-radius:2px;width:17px;height:11px}.qa-options button i.portrait{width:8px;height:15px}.qa-options .swatch{border:0;border-radius:50%;width:13px;height:13px}.qa-options .swatch.fresh{background:#f9c53d}.qa-options .swatch.bold{background:#ff5c35}.qa-options .swatch.clean{background:#6555e8}.qa-preview-card{padding-bottom:17px}.qa-preview{background:#edf7f1;border-radius:10px;width:min(86%,410px);margin:22px auto 13px;position:relative;overflow:hidden;box-shadow:0 15px 32px #141a2621}.qa-preview.portrait{aspect-ratio:9/16}.qa-preview.landscape{aspect-ratio:16/9;width:calc(100% - 42px)}.qa-preview-photo{color:#8a919c;background:#d9dde3;place-items:center;display:grid;position:absolute;inset:0 0 38%}.qa-preview.landscape .qa-preview-photo{inset:0 37% 0 0}.qa-preview-photo img{object-fit:cover;width:100%;height:100%}.qa-preview-photo:after{content:"";background:linear-gradient(transparent,var(--qa-surface,#ecf8f1));position:absolute;inset:50% 0 0}.qa-preview.landscape .qa-preview-photo:after{background:linear-gradient(90deg,transparent,var(--qa-surface,#ecf8f1));inset:0 0 0 55%}.qa-preview.fresh{--qa-surface:#ecf8f1;--qa-color:#10392d;--qa-mark:#f9c53d;background:#ecf8f1}.qa-preview.bold{--qa-surface:#fff2e8;--qa-color:#23130e;--qa-mark:#ff5c35;background:#fff2e8}.qa-preview.clean{--qa-surface:#f3f1ff;--qa-color:#15112d;--qa-mark:#6555e8;background:#f3f1ff}.qa-preview-copy{color:var(--qa-color);position:absolute;bottom:6%;left:7%;right:7%}.qa-preview.landscape .qa-preview-copy{flex-direction:column;justify-content:center;display:flex;inset:12% 4% 9% 66%}.qa-preview-copy>i{background:var(--qa-mark);border-radius:9px;width:21%;height:7px;display:block}.qa-preview h3{text-transform:uppercase;letter-spacing:-1.2px;margin:6% 0 2%;font-size:clamp(18px,4.1vw,36px);line-height:.93}.qa-preview.landscape h3{font-size:clamp(16px,2.2vw,27px)}.qa-preview p{max-width:70%;margin:0;font-size:clamp(7px,1.45vw,13px);line-height:1.3}.qa-preview.landscape p{max-width:100%}.qa-preview strong{background:var(--qa-mark);border-radius:11px;align-items:flex-start;margin-top:5%;padding:2% 5%;font-size:clamp(27px,7vw,61px);line-height:1;display:inline-flex}.qa-preview.landscape strong{font-size:clamp(25px,3.8vw,44px)}.qa-preview strong small{margin:.15em .08em 0 0;font-size:.4em}.qa-resolution{text-align:center;color:#7a8290;font-size:9px;display:block}.qa-destination{padding-bottom:20px}.qa-destination>label,.qa-inline-fields,.qa-screens,.qa-summary,.qa-error,.qa-publish,.qa-success{margin-left:20px;margin-right:20px}.qa-destination>label{margin-top:18px}.qa-inline-fields{grid-template-columns:1fr 120px;gap:10px;margin-top:13px;display:grid}.qa-duration{border:1px solid #dcdfe5;border-radius:9px;justify-content:space-between;align-items:center;height:43px;display:flex;overflow:hidden}.qa-duration button{background:#f5f6f8;border:0;width:35px;height:100%;font-size:16px}.qa-duration b{font-size:11px}.qa-screens{border:0;margin-top:19px;padding:0}.qa-screens legend{margin-bottom:8px;font-size:10px;font-weight:800}.qa-screens legend small{color:#8b919c;font-weight:500}.qa-screens>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e3e8;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:52px;margin-bottom:7px;padding:8px 10px;display:flex}.qa-screens>button.selected{border-color:var(--qa-purple);background:#f5f3ff}.qa-screens>button>i{color:#fff;border:1px solid #cbd0d8;border-radius:6px;place-items:center;width:20px;height:20px;font-size:11px;font-style:normal;display:grid}.qa-screens>button.selected>i{border-color:var(--qa-purple);background:var(--qa-purple)}.qa-screens button span{flex:1}.qa-screens strong,.qa-screens small{display:block}.qa-screens strong{font-size:10px}.qa-screens small{color:#737b88;margin-top:3px;font-size:8px}.qa-screens em{background:#c5cad2;border-radius:50%;width:7px;height:7px}.qa-screens em.online{background:#38b77b}.qa-summary{background:#f4f5f7;border-radius:10px;grid-template-columns:1fr auto;gap:3px;margin-top:16px;padding:13px 14px;display:grid}.qa-summary span{color:#777f8c;text-transform:uppercase;letter-spacing:1px;font-size:8px}.qa-summary strong{font-size:11px}.qa-summary small{color:#68717f;grid-column:1/-1;font-size:8px}.qa-error{color:#a13b33;background:#fff5f4;border:1px solid #f1c7c3;border-radius:9px;gap:8px;margin-top:11px;padding:11px;font-size:10px;display:flex}.qa-error b{color:#fff;background:#d95449;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.qa-publish{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c5ce9,#4d3dc9);border:0;border-radius:11px;width:calc(100% - 40px);height:52px;margin-top:14px;font-size:12px;font-weight:900;box-shadow:0 10px 22px #5848d633}.qa-publish:disabled{opacity:.55;box-shadow:none}.qa-publish span{margin-right:9px;font-size:17px}.qa-success{background:#f1fbf6;border:1px solid #bde7d1;border-radius:11px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin-top:14px;padding:13px;display:grid}.qa-success>span{color:#fff;background:#2fb274;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.qa-success strong,.qa-success p{margin:0}.qa-success strong{font-size:11px}.qa-success p{color:#587064;margin-top:3px;font-size:8px}.qa-success button{color:#277d58;background:0 0;border:0;font-size:9px;font-weight:800}@media (width<=850px){.quick-add-grid{grid-template-columns:1fr}.qa-composer{grid-row:auto}.qa-preview-card{grid-row:2}.qa-preview{max-width:330px}.qa-preview h3{font-size:clamp(19px,7vw,32px)}.qa-preview p{font-size:clamp(8px,2.4vw,12px)}}@media (width<=520px){.quick-add-header{height:60px;padding:0 15px}.quick-add-header small{display:none}.quick-add-intro{padding:27px 16px 18px}.quick-add-intro em{display:none}.quick-add-intro h1{font-size:32px}.quick-add-intro p{font-size:12px;line-height:1.45}.quick-add-grid{gap:12px;padding:0 12px 35px}.qa-card{border-radius:14px}.qa-dropzone{height:230px}.qa-price-row,.qa-options{grid-template-columns:1fr}.qa-options fieldset+fieldset{border-left:0;border-top:1px solid var(--qa-line)}.qa-inline-fields{grid-template-columns:1fr 108px}.qa-preview.landscape{width:calc(100% - 28px)}}.qa-price-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.qa-price-options .qa-switch{background:#fafbfc;border:1px solid #e0e2e7;border-radius:9px;align-items:center;gap:8px;height:38px;padding:0 10px;display:flex}.qa-background-tools{align-items:center;gap:10px;margin:-9px 21px 18px;display:flex}.qa-background-tools>small{color:#7b8390;font-size:8px;line-height:1.35}.qa-remove-background{color:#4938c7;cursor:pointer;background:#f2efff;border:1px solid #bcb3f1;border-radius:9px;flex:none;height:38px;padding:0 13px;font-size:9px;font-weight:800}.qa-remove-background span{margin-right:6px}.qa-remove-background:disabled{opacity:.5}.qa-image-version{background:#eff0f3;border:1px solid #d7d9e0;border-radius:9px;flex:0 0 190px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.qa-image-version button{color:#555e6c;cursor:pointer;background:0 0;border:0;border-radius:6px;height:31px;font-size:9px;font-weight:750}.qa-image-version button.active{color:#4735c8;background:#fff;box-shadow:0 1px 5px #11182a1c}.qa-dropzone.has-image,.qa-preview-photo.transparent{background-color:#eef0f4;background-image:linear-gradient(45deg,#dfe2e8 25%,#0000 25%),linear-gradient(-45deg,#dfe2e8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dfe2e8 75%),linear-gradient(-45deg,#0000 75%,#dfe2e8 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.qa-retail-price{background:var(--qa-mark);border-radius:11px;align-items:flex-start;margin-top:5%;padding:2% 5%;font-weight:900;line-height:1;display:inline-flex}.qa-retail-price .currency{margin:.18em .08em 0 0;font-size:clamp(11px,2.7vw,25px)}.qa-retail-price>strong{background:0 0;border-radius:0;margin:0;padding:0;font-size:clamp(29px,7vw,63px);line-height:.82;display:block}.qa-retail-price .cents{margin:.05em 0 0 .08em;font-size:clamp(12px,2.8vw,26px);line-height:1;position:relative}.qa-retail-price .cents.underlined:after{content:"";background:currentColor;border-radius:3px;height:.09em;position:absolute;top:1.08em;left:0;right:0}.qa-preview.landscape .qa-retail-price>strong{background:0 0;margin:0;padding:0;font-size:clamp(26px,3.8vw,46px);display:block}.qa-preview.landscape .qa-retail-price .currency,.qa-preview.landscape .qa-retail-price .cents{font-size:clamp(11px,1.55vw,19px)}@media (width<=520px){.qa-price-options{grid-template-columns:1fr}.qa-background-tools{flex-direction:column;align-items:stretch}.qa-background-tools>small{text-align:center}.qa-image-version{flex-basis:auto;width:100%}}
