.studio-image-page{--ink:#30263b;--purple:#6941a5;color:var(--ink)}.studio-image-page .public-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.studio-image-page .free-tool-hero{padding:40px 0 30px;background:#f7f2fc}.studio-image-page h1{font-size:clamp(30px,4vw,52px);letter-spacing:-.04em;margin:10px 0}.studio-image-page h2{font-size:25px;letter-spacing:-.03em}.studio-image-page .deck-eyebrow,.studio-image-page .category{font-size:11px;letter-spacing:.1em;font-weight:700;color:var(--purple)}.free-tool-tagline{font-size:21px;font-weight:600}.studio-image-page .free-workspace{padding-block:28px}.free-workspace__heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.studio-image-page a{color:var(--purple)}.free-upload{border:2px dashed #c3afd9;border-radius:18px;background:#fbf8ff;padding:24px;text-align:center}.free-upload>label{font-size:20px;font-weight:650;display:block}.free-upload__icon{display:block;font-size:36px;color:var(--purple)}.studio-image-page input[type=file]{display:block;max-width:100%;margin:12px auto;padding:8px;background:white;border:1px solid #dfd4eb;border-radius:9px}.studio-image-page input[type=file]::file-selector-button{font:inherit;font-size:13px;font-weight:600;border:0;border-radius:7px;background:var(--purple);color:white;padding:11px 15px;margin-right:12px;cursor:pointer}.studio-image-page button,.studio-image-page .public-button{display:inline-block;font:inherit;font-size:14px;border:1px solid #cdbdde;background:white;color:var(--purple);padding:11px 16px;border-radius:9px;cursor:pointer;text-decoration:none}.studio-image-page .public-button--primary{background:var(--purple);color:white;border-color:var(--purple)}.studio-image-page button:disabled{opacity:.55;cursor:default}.studio-image-page button:focus-visible,.studio-image-page a:focus-visible,.studio-image-page input:focus-visible,.studio-image-page select:focus-visible{outline:3px solid #a482cd;outline-offset:3px}.free-file-list{display:grid;gap:6px;margin:15px 0;font-size:13px;overflow-wrap:anywhere}.free-editor-grid{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,1.3fr);gap:24px;align-items:start}.free-tool-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.studio-image-page label{display:grid;gap:7px;font-size:13px;font-weight:600}.studio-image-page input:not([type=checkbox]):not([type=file]),.studio-image-page select,.studio-image-page textarea{width:100%;min-width:0;padding:10px;border:1px solid #d7cce1;border-radius:8px;color:var(--ink);background:white;font:inherit}.studio-image-page textarea{min-height:130px}.studio-image-page input[type=checkbox]{width:18px;height:18px;accent-color:var(--purple)}.studio-image-page input[type=color]{min-height:42px}.free-process-actions{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 12px}.free-preview{display:grid;place-items:center;min-height:230px;border:1px solid #e6ddef;background:#f7f4fb;border-radius:14px;padding:18px;text-align:center}.free-preview canvas{max-width:100%;height:auto;touch-action:none}.free-preview__placeholder{padding:55px 15px;color:#776887}.free-results{display:grid;gap:18px;margin:24px 0}.free-result{border:1px solid #e6ddef;padding:18px;border-radius:14px;overflow-wrap:anywhere}.free-result img{max-height:300px;max-width:100%;object-fit:contain}.free-results a,.free-results button{margin:5px}.studio-image-page .is-error{color:#a0223a}.free-privacy-note{font-size:12px;line-height:1.6;color:#776887}.free-tool-details{padding:40px 0;background:#faf7fd}.free-tool-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.free-tool-note{background:white;padding:24px;border-radius:14px}.free-faq{margin-block:36px}.free-faq details{padding:15px;border-bottom:1px solid #e5dbef}.free-faq summary{cursor:pointer;font-weight:600}.free-related-tools,.studio-image-directory nav{display:flex;flex-wrap:wrap;gap:10px}.free-related-tools a,.studio-image-directory a{padding:11px 14px;border-radius:9px;border:1px solid #ded1ec;text-decoration:none;background:white}.studio-image-directory{padding-block:40px}.free-source-html{margin-bottom:24px}.free-url-row{display:flex;gap:10px;margin:10px 0 18px}.studio-image-page progress{width:100%;accent-color:var(--purple)}.studio-image-page [hidden]{display:none!important}.studio-image-embed .free-tool-hero{padding:20px 0 14px}.studio-image-embed h1{font-size:28px}.studio-image-embed .free-tool-hero p:last-child{font-size:13px}.studio-image-embed .free-workspace{padding-top:18px}.studio-image-embed .free-workspace__heading{margin-bottom:15px}.studio-image-embed .free-workspace__heading h2{font-size:20px}
@media(max-width:700px){.studio-image-page .public-container{width:calc(100% - 28px)}.free-editor-grid,.free-tool-detail-grid{grid-template-columns:1fr}.free-preview{min-height:180px}.free-upload{padding:18px 12px}.free-tool-controls{gap:10px}.free-workspace__heading{align-items:start}.free-url-row{flex-direction:column}.studio-image-page .cs-header{flex-wrap:wrap;gap:12px}.studio-image-page .cs-header nav{display:flex;flex-wrap:wrap;gap:15px}.studio-image-page .cs-footer{flex-wrap:wrap;gap:14px}}

.studio-image-embed-brand{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:8px}.studio-image-embed-brand span{font-size:12px;color:#776887}
.free-editor-grid>*{min-width:0}.free-tool-controls>label{min-width:0}.free-tool-controls .wide{grid-column:1/-1}.studio-image-page input[type=file]{box-sizing:border-box;width:100%;min-width:0}