:root{font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#26303b;background:#f7f8fa;--accent:#2864dc;--muted:#77818e;--line:#e3e7ed;color-scheme:light}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}a{color:inherit;text-decoration:none}a:hover,.link:hover{color:var(--accent)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button,select{cursor:pointer}button:disabled{opacity:.45;cursor:default}button{border-radius:5px}button.primary{background:var(--accent);border:1px solid var(--accent);color:white;min-height:39px;padding:8px 20px;font-weight:500;font-size:13px}button.primary:hover:not(:disabled){background:#1b53c2}.secondary{background:#fff;border:1px solid #d9dfe7;color:#4d5a6a;min-height:34px;padding:5px 12px;font-size:12px}.link{border:0;background:none;color:var(--muted);padding:4px 0;font-size:12px;min-height:30px}.topbar{max-width:1060px;margin:auto;height:68px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:600;display:flex;align-items:center;gap:10px}.mark{color:var(--accent);border:1px solid #b0c5e7;border-radius:4px;padding:0 7px;font-size:12px;font-weight:500}.topbar nav{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:12px}main{max-width:1060px;padding:28px 32px;margin:auto}h1{font-size:27px;font-weight:600;letter-spacing:-.5px;line-height:1.4;margin:0 0 8px}.intro{color:var(--muted);margin:0 0 25px}.workspace{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.dropzone{text-align:center;border:1px dashed #d1d8e2;border-radius:5px;margin:15px;padding:36px 16px 28px}.dropzone.drag{background:#f0f5ff;border-color:var(--accent)}.drop-icon{font-size:28px;color:#94a1b3;line-height:1.3;margin-bottom:13px}.dropzone h2{font-size:17px;font-weight:500;margin:0 0 7px}.dropzone p{font-size:12px;color:var(--muted);margin:0 0 20px}.sample-row{display:flex;justify-content:center;align-items:center;gap:14px;color:var(--muted);font-size:12px;margin-top:14px}.status{font-size:12px;padding:11px 20px;background:#f1f5fa;border-bottom:1px solid var(--line);color:#50627a;overflow-wrap:anywhere}.status.error{background:#fff2ef;color:#a13e32}.status.warning{background:#fff9e9;color:#8b6322}.filebar,.actions,.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px}.filebar{justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.filebar .filename{overflow-wrap:anywhere;min-width:0;flex:1}.meta{font-size:12px;color:var(--muted)}.actions{justify-content:space-between;border-top:1px solid var(--line)}.toolbar label{font-size:12px;color:#526073;display:flex;align-items:center;gap:7px}.toolbar input[type=checkbox]{accent-color:var(--accent)}input[type=number]{border:1px solid #d9dfe7;border-radius:4px;width:66px;padding:4px 6px}select{border:1px solid #d9dfe7;border-radius:4px;background:#fff;padding:6px 8px;min-height:34px;max-width:100%;font-size:12px;color:#46546a}.preview{background:#edf0f4;padding:20px;overflow:auto;max-height:600px}.image-wrap{max-width:590px;margin:auto;position:relative;line-height:0;box-shadow:0 1px 6px #24304722}.image-wrap img{display:block;width:100%;height:auto}.cutline{position:absolute;left:0;width:100%;height:26px;transform:translateY(-50%);background:transparent;border:0;padding:0;text-align:right;cursor:ns-resize;touch-action:none}.cutline:before{content:'';position:absolute;left:0;right:0;top:12px;border-top:2px dashed #da5d50}.cutline span{position:relative;font-size:11px;background:#d95649;color:#fff;line-height:22px;padding:3px 7px;border-radius:3px}.cutline[aria-pressed=true] span{background:#ad3326}.cuts{padding:14px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px}.cuts input[type=range]{flex:1;min-width:120px;accent-color:#d95649}.note{margin:0;padding:0 20px 12px;color:var(--muted);font-size:11px}.sheet{display:block;max-width:100%;height:auto;margin:auto;box-shadow:0 1px 6px #24304722;background:#fff}.file-list{list-style:none;margin:0;padding:0 20px 14px}.file-list li{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.file-list .file-label{flex:1;min-width:0;overflow-wrap:anywhere}.file-list button{font-size:12px;min-width:32px;min-height:32px;padding:3px 8px}.page-nav{display:flex;align-items:center;gap:8px}.subtitle-output{padding:0 20px 20px}.subtitle-output label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.subtitle-output textarea{width:100%;height:340px;resize:vertical;border:1px solid #dce1e8;border-radius:4px;padding:14px;color:#334054;background:#fff;line-height:1.85;tab-size:2}.below{display:flex;justify-content:space-between;gap:15px;color:#929ba7;font-size:11px;margin-top:11px}.help{border-top:1px solid var(--line);margin-top:30px;padding-top:14px;font-size:12px;color:#738091;scroll-margin-top:20px}.help summary{cursor:pointer;min-height:30px}.help p{max-width:850px;line-height:1.9}.help strong{font-weight:500;color:#46556c}.help a{color:var(--accent)}footer{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:24px;font-size:11px;color:#939dab}.usage-consent{margin-top:20px;padding:14px 16px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#667386;font-size:12px}.usage-consent p{margin:0 0 10px}.usage-consent>div{display:flex;gap:10px}.article{max-width:780px}.article h2{font-size:17px;margin-top:26px}.article p{color:#5b6879}.article a{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.english h1{font-size:29px}.english .intro{max-width:700px}
@media(max-width:650px){.topbar{height:60px;padding:0 16px}.brand{font-size:13px;gap:7px}.topbar nav{gap:12px;font-size:11px}main{padding:22px 16px}h1,.english h1{font-size:23px}.intro{font-size:12px}.dropzone{margin:10px;padding:28px 10px 22px}.dropzone h2{font-size:16px}.filebar,.toolbar,.actions,.cuts{padding:12px 14px;gap:10px}.preview{padding:12px;max-height:500px}.below{flex-direction:column;gap:3px}.subtitle-output{padding:0 14px 14px}.subtitle-output textarea{height:300px}.file-list{padding:0 14px 12px}.file-list li{gap:5px}.meta{font-size:11px}footer{gap:12px}.actions .primary{margin-left:auto}.toolbar label{flex-wrap:wrap}}