:root{--ink:#20211d;--muted:#777970;--paper:#f4f1e9;--card:#fffdf8;--line:#dedbd2;--accent:#f06449;--accent-dark:#d94d34;--green:#24785f;--shadow:0 12px 36px rgba(47,43,32,.08)}
.default-folder-group{min-width:150px}.default-folder-group .button{max-width:190px;overflow:hidden;text-overflow:ellipsis}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans TC",system-ui,sans-serif}body{margin:0;min-width:320px}.app-shell{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:44px 0 120px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.18em}.topbar h1{margin:0;font-family:Georgia,"Noto Serif TC",serif;font-size:40px;letter-spacing:-.04em}.subtitle{margin:8px 0 0;color:var(--muted)}.privacy-pill{display:flex;align-items:center;gap:9px;margin-top:8px;padding:9px 13px;border:1px solid #cce1d7;border-radius:999px;background:#edf7f2;color:var(--green);font-size:13px;font-weight:650}.privacy-pill span{width:8px;height:8px;border-radius:50%;background:#39a47e}.card{border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}.controls{display:flex;align-items:flex-end;gap:18px;padding:18px 20px;margin-bottom:18px}.control-group{display:grid;gap:8px}.control-group label{font-size:12px;color:var(--muted);font-weight:700}.size-group{flex:1}.size-row{display:flex;align-items:center;gap:8px}.field{display:flex;align-items:center;min-width:150px;border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden}.field span,.field b{padding:0 10px;color:var(--muted);font-size:12px}.field input{width:86px;padding:10px 0;border:0;outline:0;font:700 15px inherit;color:var(--ink);background:transparent}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);font-size:20px;cursor:pointer}.icon-btn:hover,.button:hover{transform:translateY(-1px)}.danger{color:#b13d2b}.quality-group{min-width:150px}.quality-group label{display:flex;justify-content:space-between}.quality-group output{color:var(--ink)}input[type=range]{accent-color:var(--accent)}select{height:40px;padding:0 30px 0 12px;border:1px solid var(--line);border-radius:10px;background:white;font:600 14px inherit}.button{height:42px;padding:0 18px;border:1px solid transparent;border-radius:11px;font:700 14px inherit;white-space:nowrap;cursor:pointer;transition:.15s}.primary{background:var(--accent);color:white}.primary:hover{background:var(--accent-dark)}.secondary{border-color:var(--line);background:white;color:var(--ink)}.ghost{height:38px;border-color:var(--line);background:transparent}.dropzone{display:grid;place-items:center;min-height:390px;padding:60px;text-align:center;border-style:dashed;transition:.2s}.dropzone.dragging{border-color:var(--accent);background:#fff7f1;transform:scale(.997)}.drop-icon{display:grid;place-items:center;width:70px;height:70px;margin-bottom:14px;border-radius:50%;background:#fbe1d9;color:var(--accent);font-size:36px}.dropzone h2{margin:0;font:700 25px Georgia,"Noto Serif TC",serif}.dropzone p{margin:10px 0 22px;color:var(--muted)}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px}.queue{padding:14px;min-height:590px}.queue-head,.editor-head{display:flex;align-items:center;justify-content:space-between}.queue-head{padding:4px 4px 12px}.queue h2,.editor h2{margin:0;font-size:16px}.queue h2 span{color:var(--muted);font-weight:500}.text-btn{border:0;background:none;color:var(--accent);font:650 12px inherit;cursor:pointer}.thumb-list{display:grid;gap:8px;max-height:530px;overflow:auto}.thumb{display:grid;grid-template-columns:56px 1fr 20px;align-items:center;gap:10px;padding:7px;border:1px solid transparent;border-radius:11px;background:transparent;text-align:left;cursor:pointer}.thumb:hover{background:#f7f4ed}.thumb.active{border-color:#f5b2a3;background:#fff2ed}.thumb img{width:56px;height:48px;border-radius:7px;object-fit:cover;background:#eee}.thumb-name{min-width:0}.thumb-name strong,.thumb-name span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-name strong{font-size:12px}.thumb-name span{margin-top:3px;color:var(--muted);font-size:10px}.thumb-check{color:var(--accent);font-weight:bold}.editor{min-width:0;padding:18px}.editor-head{height:48px}.editor-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.stage{position:relative;display:grid;place-items:center;height:470px;border-radius:13px;background-color:#d8d6d0;background-image:linear-gradient(45deg,#c9c7c1 25%,transparent 25%),linear-gradient(-45deg,#c9c7c1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c9c7c1 75%),linear-gradient(-45deg,transparent 75%,#c9c7c1 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;overflow:hidden;touch-action:none;cursor:grab}.stage.dragging{cursor:grabbing}.stage canvas{display:block;box-shadow:0 12px 50px rgba(0,0,0,.22);background:white}.loading{position:absolute;padding:10px 16px;border-radius:10px;background:#20211dcc;color:white}.tool-row{display:flex;align-items:center;gap:10px;margin-top:16px}.tool-row input{flex:1}.hint{text-align:center;color:var(--muted);font-size:11px;margin:12px 0 0}.export-bar{position:fixed;z-index:10;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;width:min(1040px,calc(100% - 40px));padding:14px 16px 14px 20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,248,.94);box-shadow:0 16px 50px rgba(35,32,24,.18);backdrop-filter:blur(10px)}.export-bar strong,.export-bar span{display:block}.export-bar strong{font-size:14px}.export-bar span{margin-top:3px;color:var(--muted);font-size:11px}.export-actions{display:flex;gap:8px}.toast{position:fixed;z-index:20;left:50%;top:24px;transform:translate(-50%,-80px);padding:11px 18px;border-radius:10px;background:#20211d;color:white;font-size:13px;opacity:0;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}.hidden{display:none!important}
@media(max-width:800px){.app-shell{width:min(100% - 24px,700px);padding-top:24px}.topbar{display:block}.privacy-pill{width:max-content;margin-top:18px}.controls{align-items:stretch;flex-wrap:wrap}.size-group{flex-basis:100%}.quality-group{flex:1}.workspace{grid-template-columns:1fr}.queue{min-height:auto}.thumb-list{display:flex;overflow:auto}.thumb{min-width:180px}.stage{height:400px}.export-bar{bottom:10px}.export-bar>div:first-child{display:none}}@media(max-width:520px){.topbar h1{font-size:34px}.field{min-width:0;flex:1}.field input{width:100%}.controls>.button{width:100%}.stage{height:330px}.tool-row{flex-wrap:wrap}.tool-row input{min-width:150px}.export-actions{width:100%}.export-actions .button{flex:1;padding:0 10px}.export-bar{padding:10px}}