@font-face{font-family:Forge;src:url('/fonts/NotoSans-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}*{box-sizing:border-box} :root{--bg:#fcf8f3;--surface:#fff;--soft:#fff5e9;--ink:#30231d;--muted:#746258;--line:#eaded2;--accent:#b04414;--accent-soft:#fbe9d7;--danger:#9c4238;--shadow:0 12px 36px #7a3c1308;color-scheme:light} :root[data-theme=dark]{--bg:#1b1512;--surface:#271e19;--soft:#30231c;--ink:#fff3e7;--muted:#c4afa0;--line:#4c382b;--accent:#ffb678;--accent-soft:#452d1e;--danger:#ffa296;--shadow:0 12px 36px #0002;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 Forge,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}:is(button,a,input,select,summary,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{border:0;background:none}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h1,h2,p{margin:0}h2{font-size:18px;font-weight:600;letter-spacing:-.4px}small{font-size:12px;color:var(--muted)}[hidden]{display:none!important}.shell{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:34px 23px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-1.1px;text-decoration:none;font-weight:600}.brand-icon{background:var(--ink);color:var(--bg);width:34px;height:37px;border-radius:10px;display:grid;place-content:center;font:italic 24px Georgia}.version{color:var(--muted);font-size:10px;letter-spacing:0;margin-left:auto}.nav-label,.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--muted)}.nav-label{margin:50px 12px 12px}nav{display:grid;gap:6px}.nav{display:flex;align-items:center;gap:13px;text-align:left;padding:13px;border-radius:8px;color:var(--muted);font-weight:500}.nav span{font-size:21px;line-height:1}.nav:hover,.nav.active{background:var(--accent-soft);color:var(--accent)}.sidebar-bottom{margin-top:auto;padding:45px 12px 0}.privacy-mark{width:30px;height:30px;color:var(--accent);margin-bottom:14px}.privacy-mark svg{width:100%;height:100%}.sidebar-bottom h2{font-size:21px;line-height:1.35;margin-bottom:12px}.sidebar-bottom p{font-size:12px;color:var(--muted);line-height:1.9}.text-button{padding:7px 0;font-size:12px;font-weight:500;color:var(--accent)}.text-button:hover{text-decoration:underline}.sidebar-bottom .text-button{margin-top:14px}.sidebar-foot{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;font-size:9px;letter-spacing:1.3px;color:var(--muted)}main{min-width:0}header{height:82px;padding:0 48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 12px;color:var(--line)}.breadcrumb strong{font-weight:500;color:var(--ink)}.header-actions{display:flex;gap:18px;align-items:center}.local-status{font-size:11px;display:flex;gap:7px;align-items:center;color:var(--muted)}.local-status i{width:6px;height:6px;border-radius:100%;background:var(--accent)}.icon-button{width:36px;height:36px;border-radius:50%;display:grid;place-content:center;font-size:22px}.icon-button:hover{background:var(--accent-soft)}.small-button{padding:10px 16px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:12px;font-weight:600;white-space:nowrap}.small-button:hover{border-color:var(--accent)}.page{max-width:1180px;margin:auto;padding:43px 48px 0}.intro{position:relative;margin-bottom:32px}.intro .eyebrow{margin-bottom:15px}h1{font-size:47px;line-height:1.16;letter-spacing:-2.2px;font-weight:500}h1 span{color:var(--muted)}.intro p{font-size:13px;color:var(--muted);margin-top:16px}.intro-label{position:absolute;right:0;bottom:8px;font-size:9px;color:var(--muted);letter-spacing:2px;writing-mode:vertical-rl;height:120px}.workbench{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.bench-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:0 22px;min-height:66px}.tabs{display:flex;gap:5px;overflow:auto}.tabs button{font-size:12px;padding:9px 12px;border-radius:7px;color:var(--muted);white-space:nowrap}.tabs button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.step{font-size:9px;letter-spacing:1.2px;color:var(--muted);white-space:nowrap}.dropzone{min-height:332px;text-align:center;padding:38px 20px 30px;transition:background .2s}.dropzone.dragover{background:var(--accent-soft);outline:2px dashed var(--accent);outline-offset:-10px}.drop-art{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:13px;color:var(--accent)}.drop-art svg{height:66px;width:58px;stroke-width:1.6}.drop-art span{font-size:10px;letter-spacing:.4px;border:1px solid var(--line);border-radius:6px;padding:4px 8px;transform:rotate(-9deg)}.drop-art span:last-child{transform:rotate(10deg);margin-top:30px}.dropzone h2{font-size:22px;letter-spacing:-.7px}.dropzone p{color:var(--muted);font-size:12px;margin:8px 0 20px}.button{padding:13px 22px;border-radius:8px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px}.primary{background:var(--accent);color:var(--surface)}:root[data-theme=dark] .primary{color:#32190e}.primary:hover{filter:brightness(1.12)}.dropzone small{display:block;line-height:1.7;margin-top:16px;font-size:10px}.queue-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 6px}.queue-heading h2{font-size:17px}.queue-heading h2 span{font-size:10px;background:var(--accent-soft);color:var(--accent);border-radius:100px;padding:3px 7px;margin-left:5px}.queue-heading>div{display:flex;gap:18px}#queue{padding:8px 24px}.job{border:1px solid var(--line);border-radius:10px;margin:9px 0;overflow:hidden;animation:arrive .22s ease-out}.job-main{padding:15px;display:grid;grid-template-columns:38px minmax(80px,1fr) 145px auto;gap:12px;align-items:center}.file-icon{background:var(--accent-soft);color:var(--accent);height:38px;border-radius:9px;display:grid;place-content:center;font-size:11px;font-weight:600}.file-info{min-width:0}.file-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:12px}.file-meta{font-size:10px;color:var(--muted);margin-top:3px}.state{font-size:11px;font-weight:500;color:var(--accent)}.job[data-state=failed] .state{color:var(--danger)}.job select{width:100%;min-width:0}.job-actions{display:flex;gap:5px;align-items:center}.job-actions button{padding:6px;font-size:12px;min-height:36px}.remove{font-size:20px!important;color:var(--muted)}.job details{border-top:1px solid var(--line)}.job summary{padding:8px 15px;cursor:pointer;font-size:10px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:8px 15px 15px;background:var(--soft)}label.field{font-size:11px;display:flex;flex-direction:column;gap:6px;color:var(--muted)}input:not([type=checkbox]):not([type=range]):not([type=file]),select,textarea{border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:9px;min-height:38px;max-width:100%}input[type=color]{width:100%;padding:2px!important}.settings-note{grid-column:1/-1;font-size:11px;color:var(--muted);line-height:1.7}.check{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.job-error{padding:0 15px 12px;color:var(--danger);font-size:12px}.job-progress{height:3px;background:var(--line);width:100%;display:block;appearance:none;border:0}.job-progress::-webkit-progress-value{background:var(--accent)}.job-progress::-webkit-progress-bar{background:var(--line)}.job-progress::-moz-progress-bar{background:var(--accent)}.job-progress:indeterminate{background:linear-gradient(90deg,var(--line) 0%,var(--accent) 48%,var(--line) 100%);background-size:200% 100%;animation:loading 1.5s linear infinite}.result-line{padding:0 15px 11px;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.batch-tools{padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.convert-bar{border-top:1px solid var(--line);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--soft)}.convert-bar p{font-size:12px}.convert-bar small{display:block;margin-top:3px;font-size:10px}.notice{padding:14px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);overflow-wrap:anywhere}.notice.error{color:var(--danger)}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 28px}.quick-grid button{border:1px solid var(--line);background:var(--surface);border-radius:9px;display:flex;align-items:center;text-align:left;padding:17px 13px;gap:12px;transition:transform .2s,border .2s}.quick-grid button:hover{transform:translateY(-2px);border-color:var(--accent)}.recipe-symbol{font-size:21px;color:var(--accent);background:var(--accent-soft);padding:5px;width:36px;height:39px;text-align:center;flex-shrink:0;border-radius:7px}.quick-grid strong{font-size:11px;font-weight:500;display:block}.quick-grid small{display:block;font-size:9px;margin-top:3px}.quick-grid button>span:last-child{margin-left:auto;color:var(--muted)}.offline-card{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding:24px 0}.offline-card h2{font-size:18px;margin-top:8px}.offline-card p{font-size:11px;color:var(--muted);margin-top:5px;max-width:420px}.offline-card .text-button{font-size:10px}.offline-actions{min-width:185px;text-align:right}.offline-actions small{display:block;font-size:10px;margin:8px 0}.offline-actions progress{width:185px;accent-color:var(--accent)}footer{border-top:1px solid var(--line);padding:20px 0 25px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);gap:20px}footer div{display:flex;gap:20px}footer a,footer button{text-decoration:none;font-size:10px;padding:0}footer a:hover,footer button:hover{text-decoration:underline}dialog{border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--ink);padding:0;width:min(900px,calc(100% - 24px));max-height:90vh;box-shadow:0 25px 100px #0003}dialog::backdrop{background:#25170f80;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:3}#dialog-body{padding:24px;font-size:13px;overflow-wrap:anywhere}#dialog-body p{margin-bottom:14px;color:var(--muted)}#dialog-body pre{white-space:pre-wrap;font:12px/1.8 Forge,system-ui;max-height:55vh;overflow:auto}#dialog-body img,#dialog-body video,#dialog-body canvas{max-width:100%;max-height:55vh;object-fit:contain;display:block;margin:0 auto;border:1px solid var(--line);border-radius:7px;background:repeating-conic-gradient(var(--soft) 0% 25%,var(--line) 0% 50%) 0/18px 18px}#dialog-body audio{width:100%;margin:25px 0}.preview-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.preview-list button{padding:8px;background:var(--soft);border-radius:5px}.format-table{border-collapse:collapse;width:100%;font-size:11px}.format-table th,.format-table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}.format-table td p{font-size:10px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.studio-original{position:relative;margin-bottom:10px}.studio-original img{width:100%;max-height:none!important;display:block}.corner{position:absolute;width:23px;height:23px;border:2px solid #fff;background:var(--accent);border-radius:100%;padding:0;transform:translate(-50%,-50%);touch-action:none;box-shadow:0 0 0 1px var(--accent);z-index:2}.studio-controls{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studio-controls label{font-size:11px;display:grid;gap:7px}.studio-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.studio-message{font-size:11px;color:var(--muted)}.cache-list{max-height:230px;overflow:auto;font-size:11px}.cache-list div{border-bottom:1px solid var(--line);padding:6px;display:flex;gap:8px;justify-content:space-between}.cache-list span:first-child{min-width:0;overflow-wrap:anywhere}.update{border:1px solid var(--accent);padding:15px;display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:12px;border-radius:8px}.skip{position:absolute;left:12px;top:-100px;z-index:10;padding:12px;background:var(--surface)}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.empty-filter{padding:20px;color:var(--muted);font-size:12px}.reorder{display:inline-flex;gap:0}.reorder button{font-size:14px;min-width:27px}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes loading{to{background-position:-200% 0}}@media(min-width:1600px){.page{padding-top:60px}.intro{margin-bottom:40px}}@media(max-width:1100px){.shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:30px 15px}.brand{font-size:21px}.version{display:none}.page{padding:30px 25px 0}header{padding:0 25px}.job-main{grid-template-columns:33px minmax(65px,1fr) 130px}.job-actions{grid-column:2/-1;justify-content:flex-end}.quick-grid{gap:8px}.quick-grid button{padding:13px 10px;gap:8px}.recipe-symbol{display:none}.local-status{display:none}.step{display:none}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:17px 20px 12px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:22px}.brand-icon{height:30px;width:29px;font-size:22px}.nav-label,.sidebar-bottom{display:none}nav{display:flex;gap:4px;margin-top:14px}.nav{font-size:11px;padding:9px 10px;gap:7px;flex:1;justify-content:center;white-space:nowrap}.nav span{font-size:17px}header{height:63px;padding:0 20px;gap:8px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 7px}.header-actions{gap:5px}.header-actions .small-button{padding:8px 10px;font-size:11px}.page{padding:26px 16px 0}.intro{margin-bottom:23px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}h1{font-size:36px;letter-spacing:-1.6px}.intro p{font-size:11px;max-width:275px}.intro-label{display:none}.bench-top{padding:0 8px;min-height:57px}.tabs{width:100%;gap:0;justify-content:space-between}.tabs button{font-size:10px;padding:8px}.dropzone{min-height:325px;padding-top:31px}.dropzone h2{font-size:20px}.dropzone p{font-size:11px}.dropzone small{font-size:9px}.quick-grid{grid-template-columns:1fr;gap:8px;margin:15px 0 22px}.quick-grid button{padding:14px}.recipe-symbol{display:block;font-size:17px;width:32px;height:32px}.quick-grid strong{font-size:12px}.quick-grid small{font-size:10px}.queue-heading{padding:16px 13px 5px}.queue-heading h2{font-size:16px}#queue{padding:5px 12px}.job-main{padding:12px;gap:9px;grid-template-columns:31px minmax(0,1fr) 112px}.file-name{font-size:11px}.file-meta,.state{font-size:10px}.file-icon{width:30px;height:34px;font-size:9px}.job select{font-size:11px;padding:7px}.job-actions{justify-content:flex-end}.job-actions button{font-size:11px}.settings-grid{grid-template-columns:1fr 1fr;padding:12px}.batch-tools{padding:10px 13px;align-items:flex-start;flex-direction:column}.batch-tools .check{font-size:10px}.convert-bar{padding:16px 13px;align-items:flex-start;flex-direction:column}.convert-bar .button{width:100%}.convert-bar small{font-size:9px}.offline-card{align-items:flex-start;flex-direction:column;gap:16px}.offline-actions{text-align:left;width:100%}.offline-actions .small-button{width:100%;min-height:44px}.offline-actions small{font-size:10px}footer{align-items:flex-start;flex-direction:column;gap:14px}footer div{gap:22px}.settings-note{font-size:10px}.studio-grid{grid-template-columns:1fr}.studio-controls{grid-template-columns:1fr 1fr}#dialog-body{padding:17px}.dialog-head{padding:14px 17px}.format-table{font-size:10px}.format-table th,.format-table td{padding:8px 4px}.studio-actions .small-button{min-height:40px}.notice{padding:13px}.update{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.nav,.intro .eyebrow,.breadcrumb,.header-actions .small-button,.tabs button,.dropzone p,.dropzone small,.quick-grid strong,.quick-grid small,.file-name,.file-meta,.state,.job-actions button,.settings-note,label.field,.convert-bar small,.offline-card p,.offline-card .text-button,.offline-actions small,footer,footer a,footer button,.job summary,.batch-tools .check,.result-line,.studio-controls label,.studio-message,.format-table{font-size:12px}.nav,.tabs button,.job-actions button,.icon-button,.small-button,.text-button{min-height:44px}.job select,input:not([type=checkbox]):not([type=range]):not([type=file]){min-height:44px;font-size:13px}.job-actions{flex-wrap:wrap}.job-main{grid-template-columns:31px minmax(0,1fr) 112px}.reorder button{min-width:36px}.intro .eyebrow{font-size:10px}.offline-card .eyebrow{font-size:10px}}

@media(max-width:760px){.nav{flex:1 1 0;min-width:0;padding:9px 4px;gap:0}.nav span{display:none}}
@media(max-width:760px){.nav{white-space:normal;line-height:1.35}.breadcrumb{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{flex-shrink:0}}
/* Intrinsic form-control widths must not widen the Studio dialog on phones. */
.studio-grid>div,.studio-controls label{min-width:0}.studio-controls input,.studio-controls select{width:100%;min-width:0;max-width:100%}
@media(max-width:900px){.file-meta,.state,.result-line,.settings-note,.studio-controls label,.studio-message{font-size:12px}.icon-button{min-width:44px;min-height:44px}.job-actions button,.reorder button{min-width:44px;min-height:44px}.job summary,.check{min-height:44px}.studio-controls input[type=range],.studio-controls select,.studio-actions .small-button{min-height:44px}.studio-original{margin-left:7px;margin-right:7px}.corner{width:44px;height:44px;border:0;background:transparent;box-shadow:none}.corner::before{content:"";position:absolute;left:50%;top:50%;width:23px;height:23px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent);pointer-events:none}footer a,footer button{display:inline-flex;align-items:center;min-height:44px}}
@media(max-width:360px){.studio-controls{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){.job-actions{flex-wrap:wrap}}
@media(max-width:900px){.small-button,.text-button,.tabs button,.job select{min-height:44px}}
@media(max-width:760px){.job-actions{grid-column:1/-1;gap:2px}}