/* PICVENTO / CREATIVE STUDIO V12 — BATCH 3
   Full studio UI built around high-contrast geometry, expressive typography
   and genuine task-specific controls. All selectors intentionally scoped. */
.pv12-page{--pv12-accent:#6558ee;--pv12-tint:#eeecff;--pv12-glow:#9a8fff;--pv12-text:#171c33;font-family:PVManrope,system-ui,sans-serif;background:#fff;color:var(--pv12-text);padding-bottom:80px;overflow-x:clip}
.pv12-page *{box-sizing:border-box}
.pv12-page a{text-decoration:none}
.pv12-page button,.pv12-page input,.pv12-page select{font:inherit}
.pv12-page button{cursor:pointer}
.pv12-page h1,.pv12-page h2,.pv12-page h3{color:var(--pv12-text);letter-spacing:-.052em;font-weight:900}
.pv12-blur-part-of-an-image{--pv12-accent:#8761e8;--pv12-tint:#f0edff;--pv12-glow:#ba99f4}
.pv12-compress-jpg{--pv12-accent:#2687b7;--pv12-tint:#e9f8ff;--pv12-glow:#66c8e9}
.pv12-enhance-photo{--pv12-accent:#c95a89;--pv12-tint:#fff0f7;--pv12-glow:#f2a5bd}
.pv12-white-background-remover{--pv12-accent:#148e9e;--pv12-tint:#eafafa;--pv12-glow:#76d6cd}
.pv12-instagram-photo-resizer{--pv12-accent:#c84a96;--pv12-tint:#fff0f8;--pv12-glow:#e78bc3}
.pv12-convert-svg-file-to-png{--pv12-accent:#674ed0;--pv12-tint:#f1edff;--pv12-glow:#a09bf2}
.pv12-dpi-converter{--pv12-accent:#c17b31;--pv12-tint:#fff6e9;--pv12-glow:#e7b877}
.pv12-image-compressor-to-200kb{--pv12-accent:#41985b;--pv12-tint:#edf9ef;--pv12-glow:#89d29a}
.pv12-image-contrast{--pv12-accent:#5b64c4;--pv12-tint:#eeefff;--pv12-glow:#a6aeef}
.pv12-qr-code-from-image{--pv12-accent:#1c899f;--pv12-tint:#e9f9fa;--pv12-glow:#8fd8e2}
.pv12-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:30px;font-size:11px;font-weight:780;color:#8690a5}
.pv12-breadcrumb>a{color:#727a9a!important}.pv12-breadcrumb svg{color:#9da6b8}
.pv12-hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:35px;align-items:center;padding-top:55px;padding-bottom:54px;position:relative}
.pv12-hero-copy{max-width:900px}
.pv12-overline{display:inline-flex;gap:8px;align-items:center;color:var(--pv12-accent);font-size:10px;letter-spacing:.105em;font-weight:900;line-height:1.3;background:var(--pv12-tint);padding:10px 14px;border-radius:999px;border:1px solid #e7e7f0}
.pv12-overline i{color:#a8b0c4;font-style:normal}
.pv12-orb{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--pv12-accent);box-shadow:0 0 0 4px #a8a1df22}
.pv12-hero h1{font-size:clamp(2.8rem,5.25vw,6.1rem)!important;line-height:1.045!important;letter-spacing:-.067em!important;text-transform:none!important;margin:22px 0 17px!important;text-wrap:balance;overflow-wrap:anywhere}
.pv12-hero h1 span{color:var(--pv12-accent)}
.pv12-hero-copy>p{font-size:clamp(14px,1.3vw,17px);line-height:1.84;color:#737c91;font-weight:650;max-width:690px;margin:0}
.pv12-hero-points{display:flex;flex-wrap:wrap;gap:10px 21px;margin-top:21px;color:#67718a;font-size:11px;font-weight:850}
.pv12-hero-points span{display:flex;align-items:center;gap:6px}.pv12-hero-points svg{color:#33a789}
.pv12-hero-symbol{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;padding:21px;width:206px;height:206px;border-radius:36px;background:radial-gradient(circle at 80% 10%,#fff,transparent 47%),var(--pv12-tint);border:1px solid #ffffffcf;box-shadow:0 21px 50px color-mix(in srgb,var(--pv12-accent) 14%,transparent);transform:rotate(-6deg)}
.pv12-hero-symbol::before{content:"";position:absolute;inset:9px;border-radius:28px;border:1px solid color-mix(in srgb,var(--pv12-accent) 22%,transparent)}
.pv12-hero-symbol>.pv12-tool-icon{width:126px;height:126px;position:relative;color:var(--pv12-accent)}
.pv12-hero-symbol>span{position:relative;color:var(--pv12-accent);font-size:9px;letter-spacing:.115em;font-weight:900}
.pv12-tool-icon{color:currentColor;stroke:currentColor;display:block;flex:none}
.pv12-tool-icon .pv12-accent{fill:currentColor;fill-opacity:.13;stroke:currentColor;stroke-width:4}
.pv12-tool-icon .pv12-muted{stroke:currentColor;stroke-opacity:.55}
.pv12-tool-icon .pv12-dot{fill:currentColor;stroke:none}
.pv12-tool-icon .pv12-surface{fill:#fff;stroke:currentColor}
.pv12-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(308px,.78fr);gap:18px;align-items:start;padding-bottom:28px}
.pv12-editor,.pv12-panel{min-width:0;background:#fff;border-radius:22px;border:1px solid #e8eaf1;box-shadow:0 13px 52px #171b4310;overflow:hidden}
.pv12-editor{border-color:#252b47;background:#f8f9fc}
.pv12-editor-header{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;background:#1b2037;border-bottom:1px solid #ffffff1d;color:#e7e8fb}
.pv12-window-lights{display:flex;gap:6px}.pv12-window-lights i{width:8px;height:8px;border-radius:50%;background:#f07d94}.pv12-window-lights i:nth-child(2){background:#e6bf70}.pv12-window-lights i:nth-child(3){background:#68caa6}
.pv12-editor-header>span:nth-child(2){font-size:10px;font-weight:850;letter-spacing:.09em}.pv12-editor-header strong{color:#9da3ff}
.pv12-editor-status{font-size:9px;letter-spacing:.09em;font-weight:850;color:#99a8c6}.pv12-editor-status span{color:#66dfb4}
.pv12-editor-content{padding:28px}
.pv12-editor-lead>span,.pv12-panel-heading>span{font-size:9px;letter-spacing:.135em;font-weight:900;color:var(--pv12-accent)}
.pv12-editor-lead h2{font-size:27px;margin:9px 0 8px!important;line-height:1.19}
.pv12-editor-lead p{font-size:11.7px;color:#7a859b;font-weight:700;line-height:1.76;margin:0 0 23px}
.pv12-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:229px;cursor:pointer;border-radius:17px;border:1.8px dashed #bbb9de;background:radial-gradient(circle at 83% 16%,var(--pv12-tint),transparent 49%),linear-gradient(135deg,#f8f8ff,#fff);padding:25px 17px;text-align:center;transition:background .2s,border-color .2s,box-shadow .2s}
.pv12-drop:hover,.pv12-drop.is-over{border-color:var(--pv12-accent);box-shadow:inset 0 0 0 1px var(--pv12-accent)}
.pv12-drop-icon{display:grid;place-items:center;width:62px;height:62px;border:1px solid #ebe7fa;background:#fff;border-radius:16px;box-shadow:0 11px 30px #342e7317;color:var(--pv12-accent);margin-bottom:14px}
.pv12-drop>strong{font-size:17px;color:#30354f;font-weight:900;letter-spacing:-.025em}
.pv12-drop>span:nth-of-type(2){font-size:10px;color:#8d92a6;line-height:1.6;font-weight:700;margin-top:5px}
.pv12-drop-btn{display:inline-flex;align-items:center;gap:10px;padding:11px 17px;background:#22243e;color:#fff;border-radius:9px;font-size:11px;font-weight:900;margin-top:15px}
.pv12-file-strip{margin-top:18px;background:#fff;border:1px solid #e9e9f3;border-radius:12px;padding:13px}
.pv12-file-strip[hidden],.pv12-exports[hidden],.pv12-progress[hidden]{display:none!important}
.pv12-file-strip-top{display:flex;justify-content:space-between;font-size:10px;color:#525f7c;letter-spacing:.06em;font-weight:900;margin-bottom:9px}
.pv12-file-strip-top span{color:#939caf;letter-spacing:0}
.pv12-file-strip [data-pv12-file-list]{max-height:165px;overflow-y:auto;display:grid;gap:7px}
.pv12-file-item{display:flex;justify-content:space-between;align-items:center;gap:9px;background:#f8f9fd;border:1px solid #f0f0f5;border-radius:8px;padding:8px 10px}
.pv12-file-item span{font-size:10px;line-height:1.5;color:#424962;font-weight:800;overflow-wrap:anywhere}
.pv12-file-item button{width:27px;height:27px;border-radius:7px;border:1px solid #e2e2f0;background:#fff;color:#5d6286;font-size:16px}
.pv12-file-strip>[data-pv12-add]{border:0;background:none;color:var(--pv12-accent);font-size:11px;font-weight:900;margin-top:9px}
.pv12-preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 0 13px;font-size:13px;font-weight:900}
.pv12-preview-top>span{font-size:10px;color:#858ea4;font-weight:750}
.pv12-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pv12-preview-panel{background:#fff;border:1px solid #e8eaf3;border-radius:13px;overflow:hidden;min-width:0}
.pv12-preview-tag{display:block;font-size:9px;font-weight:900;letter-spacing:.13em;color:#8b92a5;padding:11px 13px;border-bottom:1px solid #edf0f5}
.pv12-tag-accent{color:var(--pv12-accent)}
.pv12-artboard{display:flex;align-items:center;justify-content:center;position:relative;height:264px;overflow:hidden;background-color:#f5f6fb;background-image:linear-gradient(45deg,#dfe3ec 25%,transparent 25%),linear-gradient(-45deg,#dfe3ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe3ec 75%),linear-gradient(-45deg,transparent 75%,#dfe3ec 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.pv12-artboard>img,.pv12-artboard>canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.pv12-artboard>p{padding:10px;color:#8b93a8;font-size:11px;text-align:center;font-weight:700;background:#ffffffce;border-radius:8px;max-width:80%}
.pv12-artboard[data-pv12-result] canvas{touch-action:none}
.pv12-selection-notice{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding:13px;border-radius:11px;background:#f0eeff;color:#5f5885;font-size:10px;font-weight:720}
.pv12-selection-notice>svg{color:var(--pv12-accent)}
.pv12-selection-notice button{background:#fff;border:1px solid #d4ceef;border-radius:7px;padding:7px 9px;color:#5750b6;font-size:10px;font-weight:900}
.pv12-selection-notice button:first-of-type{margin-left:auto}
.pv12-qr-read{padding:17px;background:#eff8fb;border:1px solid #daedf4;border-radius:12px;margin-top:20px}
.pv12-qr-read strong{font-size:12px;font-weight:900}
.pv12-qr-read p{font-size:11px;color:#56667b;line-height:1.6;overflow-wrap:anywhere;margin:9px 0}
.pv12-qr-read button{font-size:10px;padding:8px 11px;background:#166b85;color:#fff;border:0;border-radius:7px}
.pv12-exports{padding:19px;margin-top:23px;background:#f0f8f5;border:1px solid #cbead9;border-radius:12px}
.pv12-exports-head{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:11px;color:#197b55}
.pv12-export-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #d3eadc;padding:11px 0;color:#586678;font-size:11px;font-weight:700}
.pv12-export-row>a{white-space:nowrap;background:#17634b;color:#fff!important;padding:9px 13px;border-radius:8px;font-size:10px;font-weight:900}
.pv12-panel{padding:27px;position:sticky;top:94px;background:#fff}
.pv12-panel-heading{padding-bottom:23px;border-bottom:1px solid #ebedf5}
.pv12-panel-heading h2{font-size:26px;line-height:1.17;margin:12px 0 9px}
.pv12-panel-heading p{color:#7b8297;line-height:1.75;font-size:11px;font-weight:670;margin:0}
.pv12-control-stack{display:grid}
.pv12-control{display:grid;gap:10px;padding:17px 0;border-bottom:1px solid #eceef5}
.pv12-control label{font-size:11.5px;line-height:1.4;font-weight:900;color:#414864}
.pv12-control>select,.pv12-control>input:not([type=range]):not([type=checkbox]):not([type=color]){
 width:100%;max-width:100%;background:#fbfcff;border:1px solid #dfe3ee;
 border-radius:9px;color:#333c57;padding:10px 12px;min-height:43px;font-size:12px;font-weight:750;
}
.pv12-control>input[type=color]{width:61px;height:40px;padding:4px;background:#fff;border:1px solid #e0e2ec;border-radius:9px;cursor:pointer}
.pv12-control input[type=checkbox]{width:18px;height:18px;accent-color:var(--pv12-accent)}
.pv12-toggle-row{display:flex;align-items:center;gap:9px;color:#6a7591;font-size:11px;font-weight:700}
.pv12-range-row{display:flex;align-items:center;gap:11px}
.pv12-range-row input[type=range]{min-width:0;flex:1;accent-color:var(--pv12-accent)}
.pv12-range-row output{background:var(--pv12-tint);color:var(--pv12-accent);border:1px solid #e7e6f3;border-radius:7px;min-width:43px;padding:6px;text-align:center;font-size:10px;font-weight:900}
.pv12-process{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:var(--pv12-accent);color:#fff;border:0;border-radius:11px;min-height:56px;padding:14px 17px;font-size:13px;font-weight:900;margin-top:23px;box-shadow:0 12px 26px color-mix(in srgb,var(--pv12-accent) 27%,transparent);transition:transform .2s,filter .2s}
.pv12-process:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.06)}
.pv12-process:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}
.pv12-status{font-size:11px;line-height:1.6;font-weight:740;color:#8b93a7;text-align:center;margin:14px 0 0;overflow-wrap:anywhere}
.pv12-status.is-error{color:#b83f59}.pv12-status.is-ok{color:#108056}
.pv12-progress{margin-top:13px;width:100%;height:6px;background:#efedf7;overflow:hidden;border-radius:9px}
.pv12-progress span{display:block;width:0;height:100%;background:var(--pv12-accent);transition:width .15s}
.pv12-panel-footer{display:flex;gap:10px;align-items:center;padding:16px 0 0;margin-top:16px;border-top:1px solid #edeef3;color:#9aa1b0;font-size:10px;line-height:1.65;font-weight:750}
.pv12-panel-footer svg{flex:none;color:var(--pv12-accent)}
.pv12-learning{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.7fr);align-items:start;gap:clamp(35px,7vw,110px);padding-top:105px;padding-bottom:110px}
.pv12-editorial-kicker{font-size:10px;font-weight:900;color:var(--pv12-accent);letter-spacing:.15em}
.pv12-article h2,.pv12-faq h2,.pv12-related h2{font-size:clamp(2.3rem,3.6vw,3.8rem);line-height:1.12;margin:17px 0 22px}
.pv12-article h3{font-size:22px;margin:31px 0 13px}
.pv12-article p,.pv12-article li{font-size:14px;line-height:1.95;color:#69758d;font-weight:655;margin-bottom:14px}
.pv12-article ol{padding-left:26px}
.pv12-note-card{padding:28px;background:var(--pv12-tint);border:1px solid #e8e8f2;border-radius:18px}
.pv12-note-card>.pv12-tool-icon{width:70px;height:70px;color:var(--pv12-accent)}
.pv12-note-card h3{font-size:23px;margin:18px 0 10px}
.pv12-note-card p{font-size:12px;line-height:1.85;color:#6c7790;font-weight:670}
.pv12-note-card a{display:inline-flex;gap:8px;align-items:center;color:var(--pv12-accent)!important;font-size:11px;font-weight:900}
.pv12-faq{padding-top:74px;padding-bottom:90px;border-top:1px solid #e9ebf1}
.pv12-faq details{border-bottom:1px solid #e8eaf2}
.pv12-faq summary{display:flex;justify-content:space-between;align-items:center;gap:13px;cursor:pointer;list-style:none;padding:22px 7px;font-size:15px;font-weight:900}
.pv12-faq summary::-webkit-details-marker{display:none}
.pv12-faq summary span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--pv12-tint);color:var(--pv12-accent);font-size:21px;flex:none}
.pv12-faq details[open] summary span{transform:rotate(45deg)}
.pv12-faq details p{padding:0 8px 16px;font-size:12px;line-height:1.9;color:#6a738a}
.pv12-related{border-top:1px solid #e9eaf2;padding-top:63px}
.pv12-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.pv12-related-grid>a{display:flex;align-items:center;gap:10px;border:1px solid #e6e8f1;border-radius:13px;padding:14px;min-width:0;color:#29314c!important;background:#fff;transition:border-color .2s,box-shadow .2s}
.pv12-related-grid>a:hover{border-color:var(--pv12-accent);box-shadow:0 11px 26px #22214311}
.pv12-related-grid .pv12-tool-icon{width:42px;height:42px;color:var(--pv12-accent)}
.pv12-related-grid>a span{display:grid;min-width:0;gap:5px}
.pv12-related-grid strong{font-size:11px;font-weight:900;line-height:1.4}
.pv12-related-grid small{color:#8f96aa;font-size:9px;font-weight:750}
.pv12-page a:focus-visible,.pv12-page button:focus-visible,.pv12-page input:focus-visible,.pv12-page select:focus-visible,.pv12-page [role=button]:focus-visible{outline:3px solid var(--pv12-accent);outline-offset:3px}
@media(max-width:1080px){.pv12-workspace{grid-template-columns:minmax(0,1.2fr) minmax(290px,.78fr)}.pv12-editor-content,.pv12-panel{padding:20px}.pv12-artboard{height:209px}.pv12-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:770px){.pv12-workspace{grid-template-columns:1fr;gap:16px}.pv12-panel{position:static}.pv12-hero{grid-template-columns:1fr 95px;gap:12px;padding:35px 0}.pv12-hero-symbol{width:95px;height:95px;border-radius:20px;padding:8px;gap:0}.pv12-hero-symbol::before{inset:5px;border-radius:15px}.pv12-hero-symbol>.pv12-tool-icon{width:61px;height:61px}.pv12-hero-symbol>span{display:none}.pv12-hero h1{font-size:clamp(2.65rem,7vw,4rem)!important;margin:15px 0 12px!important}.pv12-artboard{height:220px}.pv12-learning{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px}.pv12-note-card{max-width:620px}}
@media(max-width:520px){.pv12-breadcrumb{padding-top:12px;font-size:10px}.pv12-hero{grid-template-columns:1fr 70px;gap:8px;padding:29px 0 28px}.pv12-overline{font-size:8px;padding:7px 10px;letter-spacing:.06em}.pv12-hero h1{font-size:clamp(2.05rem,9vw,3.1rem)!important;letter-spacing:-.067em!important}.pv12-hero-copy>p{font-size:11.5px;line-height:1.7}.pv12-hero-symbol{height:70px;width:70px;border-radius:14px}.pv12-hero-symbol>.pv12-tool-icon{height:50px;width:50px}.pv12-hero-points{gap:7px 11px;margin-top:13px;font-size:9px}.pv12-editor,.pv12-panel{border-radius:15px}.pv12-editor-header{height:42px;padding:0 11px}.pv12-editor-header>span:nth-child(2){font-size:9px}.pv12-editor-status{font-size:7px}.pv12-editor-content,.pv12-panel{padding:14px}.pv12-editor-lead h2{font-size:22px}.pv12-editor-lead p{font-size:10.5px}.pv12-drop{min-height:208px;padding:18px 12px}.pv12-drop>strong{font-size:14px}.pv12-drop>span:nth-of-type(2){font-size:9px}.pv12-preview-top{gap:9px;font-size:12px}.pv12-preview-top>span{font-size:9px;text-align:right}.pv12-comparison{gap:7px}.pv12-preview-tag{font-size:8px;padding:8px}.pv12-artboard{height:147px}.pv12-panel-heading h2{font-size:22px}.pv12-panel-heading p{font-size:10.5px}.pv12-control{padding:13px 0}.pv12-article h2,.pv12-faq h2,.pv12-related h2{font-size:2.3rem}.pv12-article p,.pv12-article li{font-size:12.5px}.pv12-faq summary{font-size:12px}.pv12-related-grid{grid-template-columns:1fr}.pv12-learning{padding-top:55px}.pv12-hero-symbol{transform:rotate(-5deg)}}
@media(max-width:365px){.pv12-hero{grid-template-columns:1fr}.pv12-hero-symbol{display:none}.pv12-artboard{height:145px}.pv12-hero h1{font-size:2.05rem!important}}
@media(prefers-reduced-motion:reduce){.pv12-page *{animation:none!important;transition:none!important}.pv12-process:hover{transform:none}}
