/* The visual language of a media workbench: crop marks, format diagrams, ink, and orange. */
:root{--paper:#f5f4ef;--ink:#272d29;--muted:#6a7069;--line:#dddfd5;--accent:#b74926;--accent-bright:#ee9368;--mono:PlexMono,Consolas,monospace}
body{background:var(--paper);color:var(--ink);font-family:Plex,'Segoe UI',sans-serif;font-size:14px}h1,h2,h3{font-family:Plex,'Segoe UI',sans-serif;color:var(--ink);font-weight:600}button,input,select,textarea{font-family:inherit}.sidebar{background:#262c29;border-color:#262c29;padding-top:27px}.sidebar .brand{color:#f6f3e9;font-size:27px;letter-spacing:-1.2px;font-weight:700;gap:10px}.brand-icon{color:#2b3028;background:#ed9a73;width:32px;height:32px;border-radius:3px}.brand-period{color:#ed9a73;margin-left:-8px}.workspace-label{color:#b6bdb4;font-size:9px;letter-spacing:1.2px;padding-top:13px;padding-bottom:29px}.side-link,.sidebar nav a{color:#c0c7bd;font-size:12px;border-radius:4px;min-height:42px}.side-link svg{color:#a0ab9e}.side-link:hover,.sidebar nav a:hover{background:#343c36;color:#f2f2e8}.side-link.current,.sidebar nav a.current{background:#3c4238;color:#ffd2ae;box-shadow:inset 3px 0 #ed9a73;font-weight:500}.side-link.current svg{color:#ed9a73}.sidebar-label{font-family:var(--mono);font-size:9px;color:#97a18f;letter-spacing:1px;padding-top:23px}.side-link small{background:#3a433a;color:#b6c1af;border-radius:3px}.sidebar-bottom{border-top:1px solid #3b4439;padding-top:18px;margin-top:auto}.sidebar-bottom p{color:#a4b09a;font-size:9px}.availability-dot{background:#b8c984}.app-header{background:var(--paper);border-color:var(--line);height:65px}.breadcrumb{color:#727c69;font-size:11px}.breadcrumb>span{color:#b7bdad}.free-badge{background:transparent;border:0;padding:0;color:#758069;font:9px var(--mono);letter-spacing:.5px}.page-heading{padding-top:32px;padding-bottom:24px}.page-heading h1{font-size:36px;font-weight:600;letter-spacing:-1.1px;line-height:1.25}.page-heading p{font-size:14px;color:var(--muted);margin-top:8px}.section-label,.section-count,.eyebrow{font-family:var(--mono);font-weight:400;color:#7a806e;font-size:9px;letter-spacing:.7px}.section-icon{color:var(--accent)}.heading-line{gap:7px;margin-bottom:14px}.download-box{border-color:#d8dcd0;border-radius:6px;box-shadow:0 3px 0 #e8e9df;padding:25px 26px 19px;position:relative}.download-box:before{content:'';position:absolute;left:25px;top:-1px;width:40px;height:3px;background:var(--accent)}.download-top{margin-bottom:19px}.download-top h2{font-weight:600;font-size:16px;letter-spacing:-.2px}.quiet-badge{font-size:10px;color:#808772}.url-row{border-color:#bdc6b7;border-radius:4px;background:#fdfefa;padding:6px}.url-row:focus-within{border-color:#bc6444;box-shadow:0 0 0 2px #b7492610}.url-row input{color:#46533d;font-family:var(--mono);font-size:12px;padding:12px 4px}.url-row input::placeholder{color:#a0aa93}.link-symbol{color:#8b977c}.paste-button{background:#f4f5ec;border-color:#dfe3d1;border-radius:3px;color:#6e7d5d;font-size:10px}.button{border-radius:4px;font-weight:500;min-height:43px}.primary{background:var(--accent);color:#fff8ef;box-shadow:0 1px 0 #8e361d}.primary:hover{background:#963b1d}.secondary{color:#657954;border-color:#d5deca;background:#fff}.secondary:hover{background:#f2f6e9}.download-notes,.supported-types{color:#78836c;font-size:10px}.download-notes a{color:#9c4b2e}.download-notes svg{color:#8c987c}.supported-types{border-color:#e6eadc;gap:22px;margin-top:19px;padding-top:15px}.supported-types svg{color:#84916e}.notice{background:transparent;border:0;border-left:2px solid #ced6bf;border-radius:0;margin-top:18px;padding:2px 13px;font-size:11px}.notice>span{color:#95a184}.notice p{color:#7b876f}.notice strong{color:#66765a}.notice a{color:#9d5334}.tool-section{padding-top:34px}.section-heading h2{font-size:21px;letter-spacing:-.5px;font-weight:600}.section-heading p{font-size:12px;color:#7c8770}.tool-grid{gap:14px}.tool-card{padding:16px 18px 19px;border-color:#dce1d3;border-radius:5px;min-height:218px;box-shadow:0 2px 0 #e6e9dd;position:relative;transition:border-color .15s,transform .15s}.tool-card:hover{border-color:#bd7956;box-shadow:0 2px 0 #d7b39a;transform:translateY(-2px)}.card-top{margin-bottom:5px}.tool-number{font:8px var(--mono);color:#8f997e;letter-spacing:.4px}.card-arrow{font-size:18px;color:#96a184}.tool-card:hover .card-arrow{color:var(--accent)}.tool-diagram{height:87px;margin:1px -3px 15px;display:flex;align-items:center;justify-content:center;position:relative;background-image:radial-gradient(#dbe1d0 .7px,transparent .7px);background-size:8px 8px;color:#6f7d5e}.tool-diagram svg{height:72px;width:138px;max-width:100%}.diagram-accent{fill:#f2d4bd;stroke:#ba6841}.diagram-muted{fill:#edf1e4;stroke:#b7c3a5}.diagram-wave{stroke:#ad5e3a;stroke-width:2}.tool-card h3{font-size:16px;color:#3b492e;font-weight:600;line-height:1.35}.tool-card p{color:#7b8969;font-size:11px;line-height:1.65}.tool-icon,.peach,.lilac,.green,.yellow,.blue,.pink{background:#f2e5d5;color:#a8673e;border-radius:5px}.quick-guide{padding-top:25px;padding-bottom:27px}.quick-guide h2{font-size:15px}.quick-guide b{font-size:12px;color:#62764e}.quick-guide p{font-size:11px;color:#81916e}.faq{border-color:#dde5d0}.faq .eyebrow{font-family:var(--mono);font-weight:400;color:#8b9a76}.faq h2{font-size:20px;letter-spacing:-.5px}.faq details{border-color:#e2e9d6}.faq summary{font-size:12px;color:#5e7549}.faq details p{color:#7e9366}.tool-heading{padding-top:25px;padding-bottom:23px}.tool-heading h1{font-size:31px;font-weight:600;letter-spacing:-.8px;line-height:40px}.tool-heading .tool-icon{width:40px;height:40px;margin-right:12px;background:#eddbc5;border-radius:4px;color:#a76237}.tool-heading>p{color:#7e906b;font-size:13px;line-height:1.8}.back-link{color:#8a9d73;font:10px var(--mono);margin-bottom:23px}.editor-layout{border-color:#d3dfc5;border-radius:6px;box-shadow:0 3px 0 #e6ecdb;grid-template-columns:minmax(0,1fr) 300px}.source-panel{background:#e9eedf;padding:24px}.dropzone{border-color:#adbE97;border-radius:3px;background:#f7f9f1;position:relative;min-height:360px}.dropzone:before,.dropzone:after{content:'';width:13px;height:13px;position:absolute;border-color:#a7b68f;border-style:solid;pointer-events:none}.dropzone:before{top:9px;left:9px;border-width:2px 0 0 2px}.dropzone:after{bottom:9px;right:9px;border-width:0 2px 2px 0}.dropzone.dragover{background:#f6eddf;border-color:#b86a3b}.dropzone strong{font-size:17px;color:#617846;font-weight:500}.dropzone>span:not(.upload-icon){color:#8b9e72;font-size:12px}.dropzone small{font:9px var(--mono);color:#91a378;line-height:1.9}.upload-icon{background:#e6edd7;color:#91a373;border-radius:5px;width:48px;height:48px}.upload-icon svg{width:25px;height:25px}.source-panel.has-file .dropzone{background:#f6f8ef;border-color:#d2dfbf;min-height:40px!important}.source-panel.has-file .dropzone:before,.source-panel.has-file .dropzone:after{display:none}.source-panel.has-file .dropzone strong{color:#819967;font-size:11px}.source-actions>span{color:#879e6f;font-size:10px}.text-button{color:#ae6439;font-size:11px}.controls-panel{border-color:#dfe8d1;padding:24px}.controls-panel>.eyebrow{font:9px var(--mono);color:#8fa779;padding-bottom:14px;border-bottom:1px solid #e9efdf;margin-bottom:18px;letter-spacing:.8px}.controls-panel label{font-size:12px;color:#6d8753;font-weight:500}.controls-panel select,.controls-panel input[type=number]{border-color:#d9e4ca;border-radius:4px;color:#6a8550;background:#fdfefa;font-size:12px}.control-pair input{accent-color:var(--accent)}.control-pair output{font:10px var(--mono);color:#91a976;margin-top:2px}.privacy-note{font-size:10px;color:#92a97a;line-height:1.75}.subtle{color:#8fa877;font-size:11px}.checkbox-label input{accent-color:var(--accent)}#source-preview{background:repeating-conic-gradient(#e1e9d4 0% 25%,#edf2e5 0% 50%) 0/18px 18px;border-radius:2px}.preview-label{font:8px var(--mono);color:#819e65;line-height:1.8}.format-card{background:#f5f8ee;border-color:#e2ebd5;border-radius:4px;color:#8ca975}.format-card strong{color:#607e43;font:26px var(--mono)}.form-status.busy{background:#f7eee1;border-color:#edddc5;color:#a5673d}.form-status.busy:before{border-color:#e4c8a7;border-top-color:#a65e33}.result-heading h2{font-size:23px}.result-heading p{color:#90a77b}.export-card{border-color:#dfe9d2;border-radius:5px;box-shadow:0 2px 0 #e8efdf}.export-preview{background:#e9f0df}.export-info h3{font-size:14px}.export-info p{font:10px/1.8 var(--mono);color:#91aa77}.export-info a,.export-info .edit-link{color:#a65e34}.expiry-note{color:#92aa7b;font-size:10px}.tool-explanation{border-color:#e0e9d4;padding-top:27px}.tool-explanation h2{font-size:20px}.tool-explanation p{font-size:12px;color:#839f68}.related h2{font-size:20px}.related .tool-card{min-height:145px}.caption-work{border-color:#dce6ce;border-radius:6px}.caption-work textarea{background:#f9fbf4;border-color:#dce8cc;border-radius:4px;color:#597640;font-family:Plex;font-size:15px}.caption-work>label{color:#6a8a4c}.caption-stats{font:10px var(--mono);color:#90aa76}.article h1{font-size:34px;font-weight:600}.article h2{font-weight:600}.article p{color:#7a9860}.guide-list>a{border-color:#e0e9d5;border-radius:5px}.guide-list>a>span:last-child{color:#ad6c43}.status-table>div{border-color:#dce6cf}.footer-bottom,.footer-bottom p{color:#95aa80;font-size:10px}footer{border-color:#e0e9d4}.toast{background:#36472a;color:#f5f8ed;border-radius:4px}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.editor-layout .dropzone:focus-within{outline-color:#cd8256}
/* Body copy stays neutral; color is reserved for navigation, media marks, and actions. */
.page-heading p,.tool-heading>p,.tool-card p,.section-heading p,.source-actions>span,.subtle,.privacy-note,.expiry-note,.export-info p,.tool-explanation p,.article p,.faq details p,.quick-guide p,.notice p,.download-notes,.supported-types,.footer-bottom,.footer-bottom p{color:#6c7467}
.tool-card h3,.controls-panel label,.controls-panel select,.controls-panel input[type=number],.caption-work>label,.caption-stats,.faq summary,.quick-guide b,.dropzone strong{color:#495741}
.eyebrow,.section-label,.section-count,.tool-number,.quiet-badge,.controls-panel>.eyebrow,.faq .eyebrow,.back-link,.dropzone small,.dropzone>span:not(.upload-icon){color:#78816d}
@media(max-width:1200px){.sidebar{width:210px}.app-layout{margin-left:210px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{min-height:221px}.editor-layout{grid-template-columns:minmax(0,1fr) 270px}.controls-panel{padding:21px}.source-panel{padding:20px}}
@media(max-width:900px){.sidebar{width:200px}.app-layout{margin-left:200px}.editor-layout{grid-template-columns:1fr}.controls-panel{border-left:0;border-top:1px solid #dce5d0}.dropzone{min-height:260px}}
@media(max-width:680px){.sidebar{display:none}.app-layout{margin-left:0}.app-header{background:#262c29;height:60px;border:0}.mobile-brand{font-family:Plex;font-size:25px;letter-spacing:-1.2px;color:#f5f0e6}.mobile-brand:after{content:'.';color:#ed9a73}.free-badge{color:#b3beaa;font-size:8px}#mobile-menu{background:#394232;border-color:#4c5843;color:#e3ebd7;border-radius:3px;font-size:11px}#mobile-tools{background:#30392a;border-color:#4d5a40}#mobile-tools a{color:#d4dfc7;font-size:12px}.page-heading{padding-top:26px}.page-heading h1{font-size:30px;letter-spacing:-.8px}.page-heading p{font-size:13px}.heading-line{margin-bottom:11px}.download-box{padding:20px 15px 17px}.download-box:before{left:15px}.download-top h2{font-size:15px}.quiet-badge{font-size:9px}.url-row input{font-size:10px}.url-row>.button{min-height:45px}.download-notes,.supported-types{font-size:9px}.supported-types{gap:9px 13px}.notice{font-size:10px}.section-heading h2{font-size:21px}.section-heading p{font-size:11px}.tool-grid{gap:11px}.tool-card{padding:14px 13px 17px;min-height:215px}.tool-number{font-size:7px}.tool-diagram{height:77px;margin-bottom:14px}.tool-diagram svg{height:65px;width:120px}.tool-card h3{font-size:15px}.tool-card p{font-size:11px}.card-top{margin-bottom:4px}.tool-heading h1{font-size:27px;line-height:36px}.tool-heading .tool-icon{height:36px;width:36px;margin-right:9px}.tool-heading>p{font-size:12px}.back-link{font-size:9px;margin-bottom:21px}.source-panel{padding:17px}.dropzone{min-height:250px}.dropzone strong{font-size:16px}.dropzone small{font-size:8px}.controls-panel{padding:21px}.source-actions>span{font-size:9px}.tool-explanation h2,.related h2{font-size:20px}.related .tool-card{min-height:145px}.article h1{font-size:29px}.footer-bottom,.footer-bottom p{font-size:9px}}