:root{font-family:Avenir Next,Trebuchet MS,sans-serif;color:#f3efe5;background:#12100d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(245,158,11,.16),transparent 30%),radial-gradient(circle at top right,rgba(250,204,21,.08),transparent 24%),linear-gradient(180deg,#17130f,#0d0b09)}button,select,input{font:inherit}button{border:1px solid #4a3a1d;background:#181411;color:#f7f1e3;padding:.75rem 1rem;border-radius:12px;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}button:hover:not(:disabled){border-color:#b78a27;background:#211a14;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#c9972a,#9e7116);border-color:#d7a63a;color:#17120c}.page{min-height:100vh;padding:32px}.shell{width:min(1280px,100%);margin:0 auto}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start;margin-bottom:24px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;color:#d8b15a;font-size:.8rem}h1{margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:.98}.sub{color:#d6cec0;max-width:56ch}.controls,.dropzone,.card{background:#13100dd1;border:1px solid rgba(190,145,52,.18);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px #00000047}.controls{display:grid;gap:16px;padding:18px}.queueNote,.progressPanel{display:grid;gap:8px;color:#d6cec0}.queueNote strong{color:#fbf5e7;font-size:.96rem}.queueNote span,.progressMeta{font-size:.9rem}.progressHeader,.progressMeta{display:flex;align-items:center;justify-content:space-between;gap:10px}.progressMeta{justify-content:flex-start;color:#b7ab97}.progressBar{height:10px;border-radius:999px;background:#080705f2;overflow:hidden;border:1px solid rgba(190,145,52,.16)}.progressFill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#c58b18,#f0cf67);transition:width .18s ease}.controls label{display:grid;gap:8px;color:#d6cec0;font-size:.95rem}select{width:100%;padding:.8rem .9rem;border-radius:12px;border:1px solid #4a3a1d;background:#0f0c09;color:#f7f1e3}.buttonRow{display:flex;gap:12px;flex-wrap:wrap}.dropzone{display:grid;place-items:center;text-align:center;gap:8px;min-height:170px;padding:24px;border-style:dashed;cursor:pointer;margin-bottom:18px;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.dropzone.isDragging{border-color:#f0cf67e0;background:#2a1f0ce6;box-shadow:0 22px 50px #00000057,0 0 0 1px #f0cf6733;transform:translateY(-1px)}.dropzone input{display:none}.dropzoneActions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.dropzone span{font-size:1.1rem;font-weight:600}.dropzone small{color:#b7ab97}.summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.summary span{padding:.5rem .8rem;border-radius:999px;background:#14100cc2;border:1px solid rgba(190,145,52,.18);color:#d6cec0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.card{overflow:hidden}.imageWrap{aspect-ratio:4 / 5;padding:10px;position:relative}.cardRemove{position:absolute;top:18px;right:18px;z-index:2;width:34px;height:34px;padding:0;border-radius:999px;display:grid;place-items:center;background:#100d0ad6;border-color:#be913447}.checkerboard{background-image:linear-gradient(45deg,#231d17 25%,transparent 25%),linear-gradient(-45deg,#231d17 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#231d17 75%),linear-gradient(-45deg,transparent 75%,#231d17 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.imageWrap img{width:100%;height:100%;object-fit:contain;display:block}.meta{padding:12px 12px 16px;border-top:1px solid rgba(190,145,52,.12)}.meta h3{margin:0 0 8px;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{margin:0 0 8px;text-transform:capitalize;color:#d6cec0}.status.processing{color:#f3c85e}.status.done{color:#d7b96c}.status.error{color:#f08d74}.error{color:#f2a693;font-size:.88rem}.meta a{color:#e5c56d;text-decoration:none}.processingOverlay{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:grid;place-items:center;border-radius:12px;background:#0908069e;z-index:1}.progressDial{--progress: 0%;width:88px;height:88px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(14,11,8,.96) 58%,transparent 59%),conic-gradient(#f0cf67 var(--progress),rgba(255,231,176,.12) 0);box-shadow:inset 0 0 0 1px #ffdf951f,0 10px 30px #00000059}.progressDial span{font-size:.95rem;font-weight:700;color:#fbf5e7}.spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,222,153,.2);border-top-color:#f4d27a;animation:spin .7s linear infinite}.spinner.large{width:30px;height:30px;border-width:3px}.footerMark{margin-top:24px;text-align:right;color:#caae70ad;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 860px){.page{padding:18px}.hero{grid-template-columns:1fr}.progressHeader,.progressMeta{align-items:flex-start;flex-direction:column}}