/**
 * LOOKITSGRAPHIC — Universal Converter (styles)
 * Interface studio : barre d'outils, visionneuse, file, rack de réglages.
 */

:root {
  --paper:#f3f0e8;
  --paper-2:#e9e5da;
  --ink:#11110f;
  --acid:#d9ff32;
  --purple:#7357ff;
  --orange:#ff6038;
  --sky:#62bfff;
  --pink:#ff75a8;
  --cyan:#45d9df;
  --yellow:#ffd94f;
  --line:2px solid var(--ink);
  --shadow:5px 5px 0 var(--ink);
  color-scheme:light;
  font-family:"Arial Narrow","Helvetica Neue Condensed",Arial,sans-serif;
  font-synthesis:none;
}
*{box-sizing:border-box}
html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:var(--paper);color:var(--ink)}
button,input,select{font:inherit;color:inherit}
button,select,input[type="range"],input[type="checkbox"],input[type="color"]{cursor:pointer}
button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--purple);outline-offset:2px}
button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none!important;transform:none!important}
[hidden]{display:none!important}
.mono,.eyebrow,.kicker{font-family:"Courier New",monospace}
.shell{height:100dvh;min-height:100dvh;display:grid;grid-template-rows:80px minmax(0,1fr) 28px;background:var(--paper)}
.topbar{position:relative;z-index:10;height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;border-bottom:2px solid var(--ink);background:rgba(243,240,232,.97)}
.brand{display:flex;align-items:center;gap:14px;width:max-content;color:inherit;text-decoration:none}
.logo-box{width:53px;height:53px;flex:0 0 53px;display:grid;place-items:center;background:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--acid);overflow:hidden}
.logo-box img{width:100%;height:100%;object-fit:contain;display:block}
.brand>b{font-size:18px;line-height:1;letter-spacing:-.045em;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:166px}
.brand small{font:700 10px/1.6 "Courier New",monospace;letter-spacing:.19em;text-align:center}
.tool-id{display:flex;align-items:center;gap:10px;font:700 10px/1 "Courier New",monospace;letter-spacing:.12em;white-space:nowrap}
.tool-id i{width:8px;height:8px;border:1px solid var(--ink);border-radius:50%;background:var(--acid);flex:none}
.tool-id em{opacity:.3;font-style:normal}
.head-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px}
.head-actions button,.drop-actions button,.compare button,.zoom-tools button,.batch-toolbar button,.format-line button,.presets button,.primary-actions button,.download-actions button,#cancelButton{min-height:40px;padding:0 14px;border:var(--line);border-radius:0;background:white;font-weight:900;font-size:11px;letter-spacing:.035em;text-transform:uppercase;transition:transform .12s,box-shadow .12s,background .12s}
.head-actions button:hover:not(:disabled),.drop-actions button:hover:not(:disabled),.batch-toolbar button:hover:not(:disabled),.format-line button:hover:not(:disabled),.presets button:hover:not(:disabled),.primary-actions button:hover:not(:disabled),.download-actions button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}
.btn-solid{background:var(--ink)!important;color:white!important}
main{min-height:0;display:grid;grid-template-columns:248px minmax(500px,1fr) 382px;background:var(--ink)}
.panel{min-width:0;min-height:0;background:var(--paper)}.category-panel,.stage{border-right:var(--line)}.rack.panel{min-height:0;max-height:100%}
.category-panel{display:flex;flex-direction:column;overflow:hidden}.panel-heading{min-height:65px;padding:15px 14px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:var(--line);background:var(--paper-2)}
.eyebrow{font-size:11px;font-weight:700;line-height:1;letter-spacing:.12em}.format-count,.rack-badge{padding:5px 8px;color:white;background:var(--ink);font:700 11px/1 "Courier New",monospace}
.category-list{min-height:0;padding:10px;display:grid;align-content:start;gap:7px;overflow:auto;scrollbar-width:thin}
.category-button{--category:white;position:relative;display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:56px;padding:8px 10px;border:1.5px solid var(--ink);background:white;text-align:left;transition:background .12s,transform .12s,box-shadow .12s}.category-button:hover{transform:translateX(2px)}.category-button.active{background:var(--category);box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px)}
.category-icon{display:grid;place-items:center;width:36px;height:36px;border:1.5px solid var(--ink);background:var(--category);font:900 15px/1 "Courier New",monospace;text-transform:uppercase}.category-button.active .category-icon{background:white}.category-text{min-width:0;display:grid;gap:4px}.category-text strong{overflow:hidden;font-size:13px;font-weight:950;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.category-text small{color:#444;font:700 10px/1.25 "Courier New",monospace}.category-arrow{font-weight:900}
.privacy-card{margin:auto 10px 10px;padding:10px;display:grid;grid-template-columns:32px 1fr;gap:9px;border:var(--line);background:var(--acid);box-shadow:3px 3px 0 var(--ink)}.privacy-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ink);background:white;font-weight:900}.privacy-card strong{font-size:10px;letter-spacing:.08em}.privacy-card p{margin:3px 0 0;font:9px/1.3 "Courier New",monospace}
.stage{display:grid;grid-template-rows:65px minmax(210px,1fr) 48px 64px minmax(178px,.82fr);overflow:hidden}.stage:has(.batch-panel[hidden]){grid-template-rows:65px minmax(0,1fr) 48px 0 0}
.stage-heading{padding:8px 16px;background:var(--paper)}.stage-heading>div:first-child{display:grid;gap:3px}.stage-heading h1{margin:0;font-size:27px;line-height:.9;letter-spacing:-.06em}.stage-heading h1 span{padding:0 5px;background:var(--acid)}.queue-stat{display:flex;align-items:baseline;gap:7px}.queue-stat strong{font-size:25px}.queue-stat small{font:700 9px/1 "Courier New",monospace}
.viewer{position:relative;min-height:0;overflow:hidden;background-color:var(--paper);background-image:linear-gradient(rgba(17,17,15,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,15,.06) 1px,transparent 1px);background-size:24px 24px}
.dropzone{position:absolute;inset:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:20px;border:2px dashed var(--ink);background:rgba(243,240,232,.91);text-align:center;transition:background .15s,inset .15s}.viewer.drag .dropzone{inset:12px;background:rgba(217,255,50,.94)}
.hero-ribbon{position:absolute;top:13px;left:14px;padding:6px 9px;border:1px solid var(--ink);background:white;font:700 10px/1 "Courier New",monospace;box-shadow:2px 2px 0 var(--ink)}.hero-ribbon span{color:var(--purple);font-size:14px}
.drop-symbol{width:clamp(64px,7vw,94px);height:clamp(64px,7vw,94px);display:grid;place-items:center;border:var(--line);border-radius:50%;background:var(--purple);color:white;box-shadow:7px 7px 0 var(--ink);font:900 clamp(31px,3.8vw,46px)/1 Arial,sans-serif;transform:rotate(-5deg)}.dropzone .kicker{margin-top:18px;font-size:8px;font-weight:700;letter-spacing:.08em}.dropzone h2{margin:8px 0 5px;font-size:clamp(27px,3vw,46px);line-height:.9;letter-spacing:-.065em}.dropzone p{max-width:660px;margin:5px auto 17px;font:11px/1.45 "Courier New",monospace}.drop-actions{display:flex;justify-content:center;gap:10px}.drop-actions .btn-solid{background:var(--acid)!important;color:var(--ink)!important;box-shadow:4px 4px 0 var(--ink)}.dropzone small{margin-top:16px;font:700 8px/1.3 "Courier New",monospace;letter-spacing:.08em}
.preview-shell{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:rgba(243,240,232,.72)}.preview-host{--preview-zoom:1;width:100%;height:100%;display:grid;place-items:center;overflow:auto;padding:22px;transform-origin:center}.preview-host>img,.preview-host>video,.preview-host>canvas{display:block;max-width:calc(100% * var(--preview-zoom));max-height:calc(100% * var(--preview-zoom));object-fit:contain;border:var(--line);background:white;box-shadow:var(--shadow)}.preview-host>canvas{width:auto;height:auto}
.viewer-badge,.viewer-counter{position:absolute;top:12px;padding:5px 8px;border:1px solid var(--ink);background:white;font:700 9px/1 "Courier New",monospace;box-shadow:2px 2px 0 var(--ink)}.viewer-badge{left:12px;background:var(--acid)}.viewer-counter{right:12px}.nav-file{position:absolute;z-index:3;top:50%;translate:0 -50%;width:38px;height:54px;border:var(--line);background:white;font-size:26px;font-weight:900}.nav-file:hover{background:var(--acid)}.nav-file.prev{left:10px}.nav-file.next{right:10px}
.generic-preview,.audio-preview{max-width:520px;padding:24px;border:var(--line);background:white;text-align:center;box-shadow:var(--shadow)}.generic-preview .gi{width:78px;height:78px;margin:0 auto 15px;display:grid;place-items:center;border:var(--line);background:var(--acid);font:900 16px/1 "Courier New",monospace;text-transform:uppercase}.generic-preview h2,.audio-preview h2{margin:0;font-size:20px}.generic-preview p,.audio-preview p{margin:7px 0 0;font:10px/1.4 "Courier New",monospace}
.text-preview{width:min(760px,100%);max-height:100%;margin:0;padding:18px;overflow:auto;border:var(--line);background:white;box-shadow:var(--shadow);font:11px/1.5 "Courier New",monospace;text-align:left;white-space:pre-wrap}.spreadsheet-preview{white-space:normal}.spreadsheet-preview table{margin-top:10px;border-collapse:collapse}.spreadsheet-preview td,.spreadsheet-preview th{padding:5px 7px;border:1px solid var(--ink);white-space:nowrap}.wave-bars{height:80px;margin:16px 0;display:flex;align-items:center;justify-content:center;gap:2px}.wave-bars i{width:3px;height:var(--h);background:var(--purple);opacity:var(--o)}.audio-preview audio{width:min(450px,100%)}
.stagebar{min-width:0;display:grid;grid-template-columns:auto minmax(100px,1fr) auto auto auto;align-items:center;gap:10px;padding:6px 10px;border-top:var(--line);border-bottom:var(--line);background:var(--paper-2)}.compare{display:flex}.compare button{min-height:31px;padding:0 9px;border-width:1px}.compare button+button{border-left:0}.compare button[aria-pressed="true"]{background:var(--acid)}.stagebar>strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dims,.stage-status{font-size:8px;white-space:nowrap}.stage-status{padding:4px 6px;background:var(--ink);color:white;font-weight:900;text-transform:uppercase}.zoom-tools{display:flex;align-items:center}.zoom-tools button{min-width:30px;min-height:29px;padding:0 7px;border-width:1px}.zoom-tools output{min-width:42px;font:700 8px/1 "Courier New",monospace;text-align:center}
.strip{min-width:0;display:flex;align-items:center;gap:8px;padding:7px 10px;overflow-x:auto;background:var(--paper);scrollbar-width:thin}.strip:empty{display:none}.thumb{position:relative;flex:0 0 48px;width:48px;height:48px;padding:0;overflow:hidden;border:1.5px solid var(--ink);background:white;font:800 9px/1 "Courier New",monospace;text-transform:uppercase}.thumb img{width:100%;height:100%;object-fit:cover}.thumb[aria-current="true"]{background:var(--acid);box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px)}.thumb.done:after{content:"✓";position:absolute;right:1px;bottom:1px;width:16px;height:16px;display:grid;place-items:center;background:var(--acid);border:1px solid var(--ink)}.thumb.error:after{content:"!";background:var(--orange)}.thumb .n{position:absolute;left:1px;top:1px;padding:2px 3px;background:var(--ink);color:white;font-size:7px}.thumb.add{font-size:22px}
.batch-panel{min-height:0;display:grid;grid-template-rows:44px minmax(0,1fr) 38px;border-top:var(--line);background:rgba(243,240,232,.95)}.batch-toolbar{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:var(--line);background:var(--paper-2);overflow-x:auto}.batch-title{display:flex;align-items:center;gap:6px;margin-right:auto;white-space:nowrap}.batch-title strong{font-size:10px;text-transform:uppercase}.batch-title .mono{font-size:7px}.live-dot{width:9px;height:9px;border:1px solid var(--ink);border-radius:50%;background:var(--acid)}
.search-field{display:flex;align-items:center;height:29px;border:1px solid var(--ink);background:white}.search-field span{padding-left:7px}.search-field input{width:120px;height:27px;padding:0 7px;border:0;outline:0;background:transparent;font-size:9px}.batch-toolbar select{height:29px;max-width:120px;padding:0 6px;border:1px solid var(--ink);border-radius:0;background:white;font:700 8px/1 "Courier New",monospace}.batch-toolbar button{min-height:29px;padding:0 7px;border-width:1px;font:700 8px/1 "Courier New",monospace}
.queue-list{min-height:0;padding:8px;display:grid;align-content:start;gap:8px;overflow:auto;scrollbar-width:thin}.file-row{--type:var(--acid);position:relative;display:grid;grid-template-columns:20px 42px minmax(110px,1fr) 74px 82px 28px;align-items:center;gap:7px;min-height:58px;padding:6px;border:1.5px solid var(--ink);background:white;box-shadow:2px 2px 0 var(--ink)}.file-row.active{outline:2px solid var(--purple);outline-offset:-4px}.file-row.processing{background:#fffde8}.file-row.done{background:#f4ffe5}.file-row.error{background:#fff0eb}.select-file{display:grid;place-items:center}.select-file input{width:15px;height:15px;accent-color:var(--purple)}
.row-type{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--ink);background:var(--type);font:900 8px/1 "Courier New",monospace;text-transform:uppercase}.row-type img{width:100%;height:100%;object-fit:cover}.row-info{min-width:0;display:grid;gap:4px;cursor:pointer}.row-name{overflow:hidden;font-size:10px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.row-meta{display:flex;flex-wrap:wrap;gap:4px 7px;color:#666;font:700 7px/1 "Courier New",monospace;text-transform:uppercase}.row-meta b{color:var(--ink)}.mini-progress{height:4px;border:1px solid var(--ink);background:var(--paper-2)}.mini-progress i{display:block;height:100%;background:var(--purple)}.file-row.done .mini-progress i{background:#65ce49}.file-row.error .mini-progress i{background:var(--orange)}
.row-target select{width:100%;height:31px;padding:0 5px;border:1px solid var(--ink);border-radius:0;background:white;font-size:9px;font-weight:900}.row-action{height:31px;padding:0 6px;border:1px solid var(--ink);background:var(--acid);font-size:8px;font-weight:900;text-transform:uppercase}.row-action.download{background:var(--sky)}.remove-file{width:27px;height:27px;border:1px solid var(--ink);background:white;font-size:16px}.remove-file:hover{color:white;background:var(--orange)}.file-error{grid-column:3/-1;margin:0;color:#b3270c;font:700 8px/1.2 "Courier New",monospace}.queue-empty{padding:20px;border:2px dashed var(--ink);background:white;text-align:center;font:700 10px/1.4 "Courier New",monospace}
.batch-progress{display:grid;grid-template-columns:minmax(150px,1fr) minmax(90px,190px) 34px;align-items:center;gap:10px;padding:5px 9px;border-top:var(--line);background:var(--paper-2)}.batch-progress>div:first-child{min-width:0;display:flex;gap:8px;align-items:baseline}.batch-progress strong{font-size:9px;text-transform:uppercase}.batch-progress span{font-size:8px}.progress{height:7px;border:1px solid var(--ink);background:white}.progress i{display:block;height:100%;background:var(--purple)}.batch-progress>.mono{font-size:8px}
.rack{display:flex;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;background:var(--paper);counter-reset:rack-panel;-webkit-overflow-scrolling:touch}.rack-heading{position:sticky;top:0;z-index:5;flex:0 0 65px}.rack .group{padding:0;margin:10px;border:1px solid var(--ink);background:white;box-shadow:3px 3px 0 var(--paper-2);overflow:visible;flex-shrink:0}
.group-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:0 13px;cursor:pointer;user-select:none;transition:filter .12s}.group-header:hover{filter:brightness(.96)}.group-header h2,.group-header h3{margin:0;flex:1;font-family:"Courier New",monospace;font-size:12px;font-weight:900;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}.group-header::before{counter-increment:rack-panel;content:"0" counter(rack-panel);margin-right:10px;font-family:"Courier New",monospace;font-size:10px;font-weight:900;opacity:.72}.group-header .toggle-icon{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;transition:transform .2s ease}.group-header .toggle-icon::before{content:"▾";font-size:14px;line-height:1}.group-header.collapsed .toggle-icon::before{transform:rotate(-90deg)}.group-body{padding:14px;border-top:1px solid var(--ink);background:var(--paper);overflow:visible}.group-body.collapsed{display:none;padding:0;border-top:0}
.source-group .format-count{display:none}
.field-label,.two-cols label{display:grid;gap:8px;font:700 12px/1.35 "Courier New",monospace;text-transform:uppercase}.format-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.format-line select,.rack select,.rack input[type="number"],.rack input[type="text"]{width:100%;height:40px;padding:0 11px;border:1.5px solid var(--ink);border-radius:0;background:white;font:700 13px/1 "Courier New",monospace}.format-line select{height:46px;background:var(--acid);font-size:13px}.format-line button{min-height:46px;font-size:12px}.hint{margin:9px 0 0;color:#5e5e58;font:11px/1.5 "Courier New",monospace}.presets{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:11px}.presets button{min-height:38px;padding:0 9px;border-width:1px;font:700 12px/1.2 "Courier New",monospace}.presets button:first-child{background:var(--acid)}
.row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-bottom:11px}.row label,.row output{font:700 12px/1.25 "Courier New",monospace;text-transform:uppercase}.row output{padding:5px 7px;border:1px solid var(--ink);background:white;font-size:11px}.row input[type="range"]{grid-column:1/-1}input[type="range"]{width:100%;height:15px;margin:0;appearance:none;background:transparent}input[type="range"]::-webkit-slider-runnable-track{height:5px;border:1px solid var(--ink);background:linear-gradient(90deg,var(--purple),var(--acid))}input[type="range"]::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;border:1.5px solid var(--ink);border-radius:50%;appearance:none;background:white;box-shadow:2px 2px 0 var(--ink)}input[type="range"]::-moz-range-track{height:4px;border:1px solid var(--ink);background:var(--acid)}input[type="range"]::-moz-range-thumb{width:13px;height:13px;border:1.5px solid var(--ink);border-radius:50%;background:white;box-shadow:2px 2px 0 var(--ink)}
.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:11px 0}.color-field{height:40px;display:grid;grid-template-columns:36px 1fr;align-items:center;border:1.5px solid var(--ink);background:white}.color-field input{width:32px;height:31px;padding:2px;border:0;background:white}.color-field code{font:700 11px/1 "Courier New",monospace}.toggles{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:11px}.toggle,.inline-toggle{display:flex!important;align-items:center;gap:8px;font:700 11px/1.35 "Courier New",monospace!important;text-transform:none!important;cursor:pointer}.toggle input{position:absolute;opacity:0;pointer-events:none}.mark{flex:0 0 auto;width:16px;height:16px;display:grid;place-items:center;border:1.5px solid var(--ink);background:white}.toggle input:checked+.mark{background:var(--acid)}.toggle input:checked+.mark:after{content:"×";font:900 13px/1 Arial,sans-serif}.inline-toggle input{width:16px;height:16px;accent-color:var(--acid)}
.export{padding:14px;margin:0 10px 10px;background:var(--paper-2);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);flex-shrink:0}.queue-state{display:flex;align-items:center;gap:10px;margin-bottom:11px}.queue-state>span{width:14px;height:14px;border:1.5px solid var(--ink);border-radius:50%;background:var(--acid);box-shadow:2px 2px 0 var(--ink)}.queue-state>span.busy{background:var(--yellow)}.queue-state>span.error{background:var(--orange)}.queue-state>span.ready{background:#65ce49}.queue-state div{display:grid;gap:4px}.queue-state strong{font-size:13px;text-transform:uppercase}.queue-state small{font:11px/1.4 "Courier New",monospace}.primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.primary-actions .btn-solid{background:var(--acid)!important;color:var(--ink)!important;box-shadow:3px 3px 0 var(--ink)}.primary-actions button,.export .hint{font-size:12px}#cancelButton{width:100%;margin-top:8px;background:var(--orange);font-size:12px}.download-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.download-actions button{min-height:40px;padding:0 7px;border-width:1px;font-size:11px}.download-actions .btn-solid{background:var(--sky)!important;color:var(--ink)!important}
footer{display:flex;align-items:center;gap:18px;padding:0 12px;background:var(--ink);color:white;font:700 8px/1 "Courier New",monospace;text-transform:uppercase}footer b{color:var(--acid)}.footer-local{margin-left:auto;color:#cfcfc8}
.formats-dialog{width:min(980px,calc(100vw - 32px));max-height:min(780px,calc(100dvh - 32px));padding:0;border:var(--line);border-radius:0;background:var(--paper);color:var(--ink);box-shadow:9px 9px 0 var(--ink)}.formats-dialog::backdrop{background:rgba(17,17,15,.72);backdrop-filter:blur(2px)}.dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px;border-bottom:var(--line);background:var(--acid)}.dialog-header h2{margin:5px 0 0;font-size:clamp(24px,4vw,45px);line-height:.9;letter-spacing:-.06em}.dialog-header button{width:42px;height:42px;border:var(--line);background:white;font-size:23px;font-weight:900;box-shadow:3px 3px 0 var(--ink)}.dialog-tools{position:sticky;top:80px;z-index:1;display:flex;gap:10px;align-items:center;padding:10px 18px;border-bottom:var(--line);background:var(--paper-2)}.dialog-tools input{flex:1;height:38px;padding:0 11px;border:1.5px solid var(--ink);background:white}.dialog-tools span{font:700 9px/1 "Courier New",monospace}.format-grid{padding:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.format-card{border:var(--line);background:white;box-shadow:3px 3px 0 var(--ink)}.format-card header{display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--ink);background:color-mix(in srgb,var(--category),white 25%)}.format-card header>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--ink);background:white;font-weight:900}.format-card h3{margin:0;font-size:12px}.format-card p{margin:3px 0 0;font:8px/1.3 "Courier New",monospace}.format-card dl{margin:0;padding:10px;display:grid;gap:8px}.format-card dt{font:700 8px/1 "Courier New",monospace}.format-card dd{margin:4px 0 0;font:8px/1.45 "Courier New",monospace;word-break:break-word}
.toast-stack{position:fixed;z-index:30;right:14px;bottom:42px;display:grid;gap:8px}.toast{max-width:340px;padding:11px 14px;border:var(--line);background:white;box-shadow:4px 4px 0 var(--ink);font:700 9px/1.35 "Courier New",monospace}.toast.success{background:var(--acid)}.toast.error{background:var(--orange);color:white}
@media(max-width:1180px){main{grid-template-columns:210px minmax(460px,1fr) 360px}.category-list{padding:7px}.category-button{grid-template-columns:32px minmax(0,1fr);gap:7px}.category-icon{width:32px;height:32px;font-size:14px}.category-text strong{font-size:12px}.category-text small{font-size:9px}.category-arrow{display:none}.privacy-card{grid-template-columns:1fr}.privacy-icon{display:none}.file-row{grid-template-columns:18px 38px minmax(100px,1fr) 64px 70px 25px}.head-actions button{padding:0 9px}}
@media(max-width:960px){main{grid-template-columns:minmax(0,1fr) 352px}.category-panel{display:none}.topbar{grid-template-columns:1fr auto}.tool-id{display:none}.stagebar{grid-template-columns:auto minmax(80px,1fr) auto auto}.stage-status{display:none}}
@media(max-width:720px){html,body{height:auto;overflow:auto}.shell{height:auto;min-height:100dvh;display:block}.topbar{grid-template-columns:1fr;padding:10px 12px}.head-actions{flex-wrap:wrap;justify-content:flex-start}.head-actions button{flex:1}.logo-box{width:46px;height:46px;box-shadow:4px 4px 0 var(--acid)}main{display:block}.stage{height:auto;min-height:760px;border-right:0;border-bottom:var(--line);grid-template-rows:65px 300px 48px 60px minmax(260px,auto)}.stage:has(.batch-panel[hidden]){height:650px;grid-template-rows:65px minmax(0,1fr) 48px 0 0}.rack{max-height:none;overflow:visible}.rack .group,.rack .export{margin:8px}.batch-toolbar{flex-wrap:wrap;height:auto}.file-row{grid-template-columns:18px 38px minmax(90px,1fr) 64px 26px}.row-action{grid-column:3/5}.file-error{grid-column:2/-1}.stagebar{grid-template-columns:auto minmax(70px,1fr) auto}.dims,.stage-status{display:none}.zoom-tools button:last-child{display:none}.format-grid{grid-template-columns:1fr}footer{min-height:32px;flex-wrap:wrap}.footer-local{display:none}}

/* Sections rack pliables — style ASCII studio */
.source-group .group-header{background:var(--acid);color:var(--ink)}
.rack .group[data-settings="image"] .group-header{background:var(--yellow);color:var(--ink)}
.rack .group[data-settings="media"] .group-header{background:var(--sky);color:var(--ink)}
.rack .group[data-settings="document"] .group-header{background:var(--pink);color:var(--ink)}
.rack .group.export-group .group-header{background:var(--cyan);color:var(--ink)}
.rack .field-label+.format-line{margin-top:5px}
.rack .hint strong{font-weight:900;color:var(--ink)}
.rack .toggle .mark{width:18px;height:18px}
.rack .inline-toggle input{width:18px;height:18px}