/* Match the approved tool mockups; all layout overrides are workspace-scoped. */
.exact-edit,.exact-translate{color:#0a2037;font-family:RoarSans,Arial,sans-serif}.exact-edit{padding-inline:12px}.exact-edit .edit-hero{height:100px;border-radius:5px;background:#08243e url('/assets/tool-studio/edit-banner-v2.webp') center 48%/cover no-repeat;padding:17px 26px}.exact-edit .edit-hero:after{background:linear-gradient(90deg,#071b37aa,transparent 62%)}.exact-edit .studio-hero h1{font:36px/1.06 Georgia,serif;letter-spacing:-1.1px;margin-bottom:8px}.exact-edit .studio-hero p{font-size:10px}.exact-edit .studio-title{padding:7px 5px 4px;gap:15px}.exact-edit .studio-title h2{font:29px/1.12 Georgia;margin:0}.exact-edit .studio-title p{font-size:9px}.exact-edit .studio-tabs{margin-bottom:8px;gap:22px}.exact-edit .studio-tabs button{padding:8px 22px;font-size:11px;border-radius:0}.exact-edit .studio-tabs button[aria-pressed=true]{background:linear-gradient(0deg,#eafbfc,white);border-bottom-color:#00bfd0}.exact-edit .edit-workspace{grid-template-columns:20.5% minmax(0,1fr) 31%;gap:10px;height:365px}.exact-edit .file-tray{padding:8px;border-color:#d3e8f0;background:#fcfeff}.exact-edit .upload-label{padding:6px;font-size:10px;margin-bottom:6px;cursor:pointer}.exact-edit #chooseSavedFiles{font-size:9px;padding:6px;width:100%;margin-bottom:5px}.media-tray-tabs{display:flex;justify-content:space-between;gap:2px;border-bottom:1px solid #e3eef3;margin-bottom:7px}.studio-main .media-tray-tabs button{border:0;border-radius:0;padding:5px 2px;font-size:8px;background:none}.studio-main .media-tray-tabs button.active{color:#00acbf;border-bottom:2px solid #00c3d2}.sample-media-grid{gap:5px}.studio-main button.sample-media{height:51px;min-height:0;padding:0;border-radius:4px;background-image:url('/assets/tool-studio/editor-media-atlas.webp');background-size:200% 400%;border:1px solid #d4e7ef}.studio-main button.sample-media:first-child{outline:1px solid #00bed1;outline-offset:1px}.edit-tool-index{border-top:1px solid #dceaf0;margin-top:8px;padding-top:5px}.edit-tool-index h3{font:600 9px RoarSans;margin:3px 0}.studio-main .edit-tool-index button{border:0;background:none;text-align:left;display:block;width:100%;padding:4px 1px;font-size:9px}.edit-tool-index button span{display:block;font-size:7px;color:#668599;margin:1px 0 0 15px}.exact-edit .file-tray>p.quiet{font-size:7px;margin-top:5px}.exact-edit .edit-preview{background:#f7fbfd;position:relative}.exact-edit #previewToolbar{position:absolute;top:0;left:0;right:0;background:transparent;z-index:2;padding:9px;color:#fff;font-size:8px;pointer-events:none}.exact-edit #previewToolbar span{background:#122e43b8;border-radius:4px;padding:4px 6px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exact-edit #previewArea{background:#f3f8fa;flex:1;min-height:0;display:grid;place-items:center}.exact-edit #previewArea canvas,.exact-edit #previewArea img,.exact-edit #previewArea video{height:100%;width:100%;max-height:100%;object-fit:contain;grid-area:1/1}.exact-edit #editStatus{position:absolute;bottom:4px;left:7px;right:7px;border-radius:3px;background:#fff9;padding:3px 6px;font-size:7px;z-index:2;line-height:1.2}.photo-crop-overlay{position:absolute;inset:10% 13% 13%;border:1px solid #fff;pointer-events:none;background:linear-gradient(90deg,transparent 33%,#fff8 33%,#fff8 33.3%,transparent 33.3%,transparent 66.6%,#fff8 66.6%,#fff8 67%,transparent 67%),linear-gradient(0deg,transparent 33%,#fff8 33%,#fff8 33.3%,transparent 33.3%,transparent 66.6%,#fff8 66.6%,#fff8 67%,transparent 67%);z-index:1}.photo-crop-overlay i{position:absolute;width:7px;height:7px;background:white;border-radius:50%;margin:-4px}.photo-crop-overlay i:nth-child(1){left:0;top:0}.photo-crop-overlay i:nth-child(2){right:0;top:0}.photo-crop-overlay i:nth-child(3){left:0;bottom:0}.photo-crop-overlay i:nth-child(4){right:0;bottom:0}.crop-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#00afc2;border-radius:50%;width:24px;height:24px;text-align:center;line-height:24px;font:18px/24px Arial}.exact-edit .edit-inspector{padding:6px 8px;overflow:auto;border-color:#d3e7ef}.inspector-tabs{display:flex;gap:0;background:#f5f7fa;border-radius:4px;margin-bottom:8px}.studio-main .inspector-tabs button{flex:1;border:0;border-radius:3px;font-size:9px;background:none;padding:6px}.studio-main .inspector-tabs button.active{background:#fff;border-bottom:2px solid #00bfd1;color:#00a1b6}.exact-edit .edit-inspector>header{display:none}#editToolButtons{display:flex;gap:4px;margin-bottom:10px}#editToolButtons button{flex:1;min-width:0;padding:6px 2px;border-radius:4px;font-size:8px;height:42px;color:#1f405c}#editToolButtons button.active{border-color:#00bdd0;background:#ecfbfd}#editToolButtons span{font:17px/1 Arial;display:block;margin-bottom:5px}#editToolButtons small{font-size:7px}.exact-edit #editControls{grid-template-columns:1fr 1fr;gap:8px}.exact-edit #editControls label{font-size:8px;gap:4px}.exact-edit #editControls input,.exact-edit #editControls select{padding:5px;font-size:9px}.exact-edit #editControls input[type=range]{accent-color:#05bdcf;width:100%;padding:0}.crop-presets{grid-column:1/-1;display:grid;grid-template-columns:65px 1fr;gap:6px;align-items:center;font-size:8px}.crop-ratio-chips{grid-column:2;display:flex;gap:4px}.studio-main .crop-ratio-chips button{flex:1;padding:5px 4px;font-size:7px;background:#f7faff}.photo-controls .advanced-crop-field,.photo-controls .resize-field{display:none}.photo-controls.show-resize .resize-field,.photo-controls.show-crop .advanced-crop-field{display:flex}.photo-controls .rotate-field{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:12px}.rotate-field>div{display:flex;gap:5px;margin-left:auto}.studio-main .rotate-field button{padding:4px 12px;font-size:13px}.photo-controls .slider-field{grid-column:1/-1;display:grid!important;grid-template-columns:65px 1fr 25px;align-items:center;gap:6px!important}.slider-field output{font-size:8px;border:1px solid #dce6ee;text-align:center;border-radius:3px;padding:3px}.photo-controls label:has(#photoFormat){grid-column:2;grid-row:auto}.photo-controls label:has(#quality){margin-bottom:5px}.output-thumbnails{grid-column:1;display:flex;gap:5px;align-items:start}.output-thumbnails>span{width:48%;display:flex;flex-direction:column;font-size:7px;color:#6b8598}.output-thumbnails img{width:100%;height:33px;object-fit:cover;border-radius:3px}.exact-edit #editControls>p{font-size:7px;margin:1px 0;line-height:1.3}.photo-controls.output-only>:not(:has(#photoFormat)):not(:has(#quality)):not(.output-thumbnails):not(p){display:none!important}.exact-edit .edit-inspector>button{width:47%;font-size:9px;padding:6px 3px;margin:8px 1% 0}.exact-edit .edit-inspector>a{font-size:8px;margin-top:8px}.exact-feature-cards{gap:8px;margin-top:9px}.exact-feature-cards article{padding:9px;min-height:125px;border-radius:5px;background:#fff}.exact-feature-cards h3{font:16px/1.1 Georgia;margin-bottom:4px}.exact-feature-cards p{font-size:8px;color:#7c8d9e;margin:0 0 8px}.exact-feature-cards img{width:32%;height:62px;object-fit:cover}.exact-feature-cards ul{font-size:8px;line-height:1.7;padding-left:14px}.exact-feature-cards li::marker{color:#00b7c7}.exact-feature-cards .decorative-wave{font-size:16px;color:#7665ef;margin:8px 0}
.exact-translate{padding-inline:18px}.exact-translate .translate-hero{height:135px;margin:0 -18px;background:#e9f4f8 url('/assets/tool-studio/translate-banner-v2.webp') center 45%/cover no-repeat;border-radius:0;padding:20px 24px;color:#0a1f35}.exact-translate .translate-hero:after{background:linear-gradient(90deg,#fff,#ffffffee 27%,#ffffff00 68%)}.exact-translate .translate-hero>div{max-width:80%}.exact-translate .translate-hero h1{font:37px/1.1 Georgia;letter-spacing:-1px;color:#061b32;margin-bottom:6px}.exact-translate .translate-hero h2{font:18px/1.2 Georgia;color:#0b243b;margin:0}.exact-translate .translate-controls{grid-template-columns:1.05fr 1.05fr .9fr .85fr 2fr;gap:10px;margin:15px 0 11px;align-items:start}.exact-translate .translate-controls>label,.translation-target-picker>label{font:10px/1.3 RoarSans;gap:6px;display:flex;flex-direction:column}.exact-translate .translate-controls select,.exact-translate .translate-controls input{height:32px;font-size:10px;padding:7px}.translation-link-field{display:flex;border:1px solid #d4e3ec;border-radius:4px;background:#fbfdff;overflow:hidden}.translation-link-field input{border:0;width:100%}.studio-main .translation-link-field button{border:0;padding:3px 7px;border-radius:0}.exact-translate .file-input{grid-column:auto}.exact-translate .translation-file-label{height:32px;font-size:10px!important;border:1px solid #d4e3ec;border-radius:4px;padding:8px;cursor:pointer;background:#f9fcff;display:block!important;margin-top:0}.translation-target-picker{min-width:0}.target-picker-row{display:flex;gap:4px;align-items:start;min-height:32px;border:1px solid #d5e5ee;padding:4px;border-radius:4px;background:#fbfdff;margin-top:6px}.exact-translate .language-chips{margin:0;gap:4px;max-height:54px;overflow:auto;flex:1}.exact-translate .language-chips button{font-size:8px;padding:4px 6px;border:0;background:#cdf2f8;color:#21445d;white-space:nowrap}.exact-translate #targetLanguage{width:65px;height:25px;font-size:8px;padding:3px;background:#fff}.exact-translate #selectAllLanguages{padding:3px 5px;border:0;background:transparent;font-size:8px;color:#009fb6;margin-top:3px}.exact-translate .translation-options{display:grid;grid-template-columns:1.3fr 1.45fr .9fr auto auto;gap:12px;margin:8px 0 14px;align-items:center}.exact-translate .translation-options .translation-glossary{display:flex;flex-direction:column;align-items:stretch;gap:4px;font-size:9px}.translation-glossary input{padding:7px}.translation-layout-options{display:flex;flex-direction:column;gap:8px;border-left:1px solid #d6e6ee;padding-left:12px}.translation-layout-options label{font-size:9px;display:flex;flex-direction:row;align-items:center;gap:5px}.translation-layout-options input{accent-color:#00afc2}.translation-layout-options>span{font-size:8px;color:#7d92a4}.exact-translate .price-preview{padding-left:10px;min-width:90px}.exact-translate .price-preview strong{font:23px/1 Georgia;color:#0094ad}.exact-translate .price-preview span{font-size:8px}.exact-translate .price-preview small{font-size:7px;line-height:1.35}.exact-translate #previewTranslation,.exact-translate #publishTranslations{font-size:10px;padding:11px 14px;white-space:nowrap}.exact-translate #publishTranslations{background:#eafaff;border-color:#a2dae5;color:#0086a1}.exact-translate .translation-previews{gap:28px;margin-top:0;position:relative}.exact-translate .translation-previews:after{content:'⇄';position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:28px;height:28px;background:white;border:1px solid #dbe6ee;border-radius:50%;box-shadow:0 2px 6px #122f4820;text-align:center;font:19px/26px Arial}.exact-translate .translation-previews header{padding:7px 11px;font-size:10px}.exact-translate .translation-previews header select{font-size:9px;padding:2px 4px;height:23px}.exact-translate .translation-card{grid-template-columns:1fr 1fr;min-height:218px}.exact-translate .translation-card>img{min-height:218px;height:100%;max-height:255px;object-fit:cover}.exact-translate .translation-card>div{padding:10px 13px}.translate-card-eyebrow{font:7px RoarSans;letter-spacing:1.3px;color:#47718d;display:block;margin:0 0 5px}.exact-translate .translation-card h2{font:24px/1.02 Georgia;letter-spacing:-.7px;white-space:pre-line;margin-bottom:8px}.exact-translate .translation-card textarea{font:11px/1.3 RoarSans;min-height:85px;height:90px;resize:vertical;padding:0;outline-offset:2px}.exact-translate .translation-card p{font-size:7px;margin:7px 0 0;line-height:1.3}.translation-card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.translation-card-tags span{font-size:7px;color:#3c6178;background:#e4f4f8;padding:4px 7px;border-radius:15px}.translation-scope{display:flex;gap:17px;align-items:center;flex-wrap:wrap;border:1px solid #dbe8f0;border-radius:5px;margin-top:12px;padding:9px 12px;font-size:9px}.translation-scope label{display:flex;flex-direction:row;align-items:center;gap:5px;font-size:9px}.translation-scope input{accent-color:#00adbf}.translation-scope>span{font-size:8px;color:#7592a4;margin-left:auto}.translation-benefit-cards{grid-template-columns:1fr 1fr 1fr;border:0;padding:0;margin-top:12px;gap:12px}.translation-benefit-cards article{display:flex;align-items:center;border:1px solid #dfebf1;border-radius:6px;overflow:hidden;padding:0;gap:10px;min-height:74px}.translation-benefit-photo{width:31%;height:74px;flex:none;background-image:url('/assets/tool-studio/translation-benefits-v2.webp');background-size:300% auto;background-position:0% center}.benefit-coral{background-position:50% center}.benefit-review{background-position:100% center}.translation-benefit-cards h3{font:14px/1.1 Georgia;margin:0 0 6px}.translation-benefit-cards p{font-size:9px;line-height:1.35;color:#668399;margin:0}.translation-benefit-cards article>div:last-child{padding:7px 8px 7px 0}.exact-translate .translation-billing{text-align:center;margin:10px 0 0;font-size:8px;color:#6d8c9e}
@media(min-width:1700px){.exact-edit .edit-hero{height:125px}.exact-edit .studio-hero h1{font-size:46px}.exact-edit .studio-hero p{font-size:13px}.exact-edit .studio-title h2{font-size:36px}.exact-edit .studio-title p{font-size:11px}.exact-edit .edit-workspace{height:450px}.studio-main button.sample-media{height:64px}.exact-edit .edit-tool-index button{font-size:11px}.edit-tool-index button span{font-size:9px}.exact-edit #editControls label{font-size:10px}.exact-edit #editControls input,.exact-edit #editControls select{font-size:11px}.crop-presets{font-size:10px}#editToolButtons button{height:52px}#editToolButtons small{font-size:9px}.exact-feature-cards article{min-height:150px}.exact-feature-cards h3{font-size:20px}.exact-feature-cards p,.exact-feature-cards ul{font-size:10px}.exact-feature-cards img{height:80px}.exact-translate .translate-hero{height:165px}.exact-translate .translate-hero h1{font-size:48px}.exact-translate .translate-hero h2{font-size:23px}.exact-translate .translate-controls>label,.translation-target-picker>label{font-size:12px}.exact-translate .translate-controls select,.exact-translate .translate-controls input{height:40px;font-size:12px}.exact-translate .translation-card{min-height:290px}.exact-translate .translation-card>img{min-height:290px;max-height:320px}.exact-translate .translation-card h2{font-size:31px}.exact-translate .translation-card textarea{font-size:14px;height:123px}.exact-translate .translation-card>div{padding:17px}.translation-benefit-photo{height:92px}.translation-benefit-cards h3{font-size:18px}.translation-benefit-cards p{font-size:11px}.exact-translate #previewTranslation,.exact-translate #publishTranslations{font-size:12px}.translation-scope{padding:12px;font-size:11px}}
@media(max-width:1100px){.exact-edit .edit-workspace{grid-template-columns:150px minmax(0,1fr) 280px;height:370px}.exact-edit .studio-title p{font-size:8px}.exact-edit .studio-tabs{gap:5px}.exact-edit .studio-tabs button{padding:7px 18px}.exact-translate .translate-controls{grid-template-columns:1fr 1fr 1fr}.translation-target-picker{grid-column:2/-1}.exact-translate .translation-options{grid-template-columns:1fr 1fr 1fr}.exact-translate .translation-options button{grid-row:2}.exact-translate .translation-card h2{font-size:21px}.exact-translate .translation-card textarea{font-size:10px}.translation-scope{gap:8px}.translation-benefit-cards h3{font-size:12px}.translation-benefit-cards p{font-size:8px}}
@media(max-width:850px){.exact-edit .edit-workspace{grid-template-columns:125px minmax(0,1fr);height:auto}.exact-edit .edit-preview{height:350px}.exact-edit .edit-inspector{grid-column:1/-1}.exact-edit #editControls{grid-template-columns:1fr 1fr}.exact-edit .file-tray{grid-row:1}.exact-translate .translate-hero h1{font-size:30px}.exact-translate .translate-hero h2{font-size:16px}.exact-translate .translation-card{grid-template-columns:1fr}.exact-translate .translation-card>img{height:160px;min-height:160px}.translation-benefit-cards{grid-template-columns:1fr}.translation-benefit-photo{width:100px}.translation-scope{font-size:8px}.translation-scope label{font-size:8px}}
@media(max-width:600px){.exact-edit .studio-hero h1{font-size:29px}.exact-edit .studio-title{flex-direction:row}.exact-edit .studio-title p{display:none}.exact-edit .studio-tabs button{padding:8px 14px}.exact-edit .edit-workspace{grid-template-columns:95px 1fr;gap:5px}.exact-edit .file-tray{padding:5px}.studio-main .media-tray-tabs button{font-size:6px}.studio-main button.sample-media{height:33px}.edit-tool-index button span{font-size:6px}.exact-feature-cards{grid-template-columns:1fr 1fr}.exact-translate .translate-controls{grid-template-columns:1fr 1fr}.translation-target-picker{grid-column:1/-1}.exact-translate .translation-options{grid-template-columns:1fr 1fr}.translation-layout-options{display:none}.exact-translate .translation-options button{grid-row:auto}.exact-translate .translation-previews{grid-template-columns:1fr}.exact-translate .translation-previews:after{display:none}.exact-translate .translation-card{grid-template-columns:1fr 1fr}.exact-translate .translation-card>img{height:100%;min-height:240px}.exact-translate .translate-hero h1{font-size:27px}.exact-translate .translate-hero>div{max-width:100%}.exact-translate .translate-hero h2{font-size:15px}.exact-translate .translate-hero{height:130px}}
.exact-translate .translate-hero{background-size:auto 180%;background-position:right 70%;background-repeat:no-repeat;background-color:#f5fbff}
.exact-edit .edit-workspace{height:435px}.exact-edit .file-tray>p.quiet{display:none}.exact-edit #editControls.photo-controls{gap:8px}.photo-controls .crop-presets{grid-row:1}.photo-controls .rotate-field{grid-row:2}.photo-controls label:has(#brightness){grid-row:3}.photo-controls label:has(#contrast){grid-row:4}.photo-controls .output-thumbnails{grid-row:5;grid-column:1}.photo-controls label:has(#photoFormat){grid-row:5;grid-column:2}.photo-controls label:has(#quality){grid-row:6}.photo-controls>p{display:none}.exact-edit .file-grid:empty{display:none}.feature-document-preview{float:left;width:42%;height:69px;background:url('/assets/tool-studio/editor-media-atlas.webp') 0% 100%/200% 400%;border-radius:3px;margin-right:10px}.feature-video-preview{display:flex;gap:3px;height:35px;margin-bottom:6px}.feature-video-preview i{width:32%;background:url('/assets/tool-studio/editor-media-atlas.webp') 100% 0%/200% 400%;border-radius:3px}.feature-video-preview i:nth-child(2){background-position:0% 33.33%}.feature-video-preview i:nth-child(3){background-position:100% 100%}.feature-audio-preview{float:left;width:30%;height:36px;background:url('/assets/tool-studio/editor-media-atlas.webp') 100% 33.33%/200% 400%;margin-right:7px;border-radius:3px}.exact-feature-cards article:nth-child(3) ul,.exact-feature-cards article:nth-child(4) ul{display:grid;grid-template-columns:1fr 1fr;gap:0 7px;clear:both}.exact-feature-cards article:nth-child(3) ul{font-size:7px}.exact-feature-cards .decorative-wave{font-size:13px;overflow:hidden}
@media(min-width:1700px){.exact-edit .edit-workspace{height:520px}.feature-document-preview{height:90px}.feature-video-preview{height:50px}.feature-audio-preview{height:50px}.exact-feature-cards article:nth-child(3) ul{font-size:9px}}
@media(max-width:850px){.exact-edit .edit-workspace{height:auto}.exact-edit .edit-inspector{max-height:none}}