:root{--bg:#fff8ee;--bg-soft:#fff1db;--panel:#fffcf6db;--line:#5c36201f;--text:#2a1f1a;--muted:#7f6b5f;--accent:#f06a4a;--accent-strong:#dc4f29;--accent-soft:#f06a4a24;--blue-soft:#3a75ff29;--danger:#ff4d4f;--shadow:0 18px 48px #814c2a24;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--app-max:1280px;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffd2b3f2,#0000 30%),radial-gradient(circle at 100% 0,#ffe7c2e6,#0000 28%),linear-gradient(#fff7ef 0%,#fff3e0 100%);font-family:Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh}button,select,input{font:inherit}button{cursor:pointer;border:0}#app{min-height:100vh}.app-shell{width:min(100%, var(--app-max));padding:20px 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-badge{color:#fff8ee;background:linear-gradient(135deg, var(--accent) 0%, #ff8f59 100%);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid;box-shadow:0 12px 24px #f06a4a4d}.brand-title{margin:0;font-size:1.2rem;font-weight:800}.brand-subtitle{color:var(--muted);margin:2px 0 0;font-size:.86rem}.toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.pill{min-height:40px;color:var(--text);background:#fffcf6e6;border:1px solid #7854361f;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex;box-shadow:inset 0 1px #fff9}.toolbar select,.toolbar label{color:var(--muted);font-size:.92rem}.hero-panel,.workspace,.thumbs-panel,.history-panel,.task-panel{background:var(--panel);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #77533a1f}.hero-panel{gap:18px;padding:22px;display:grid}.hero-copy{gap:8px;display:grid}.hero-copy h2{margin:0;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.04}.hero-copy p{color:var(--muted);max-width:44rem;margin:0}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button{border-radius:18px;min-height:52px;padding:0 20px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s}.primary-button{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, #ff8f59 100%);box-shadow:0 14px 30px #f06a4a52}.secondary-button{color:var(--text);background:#fff;border:1px solid #7854361f}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.workspace{gap:16px;margin-top:18px;padding:18px;display:grid}.status-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.status-main{flex-wrap:wrap;gap:10px;display:flex}.stat-chip{color:var(--muted);background:#ffffffc7;border-radius:999px;padding:8px 12px;font-size:.9rem}.canvas-shell{border-radius:calc(var(--radius-lg) - 6px);background-color:#0000;background-image:linear-gradient(45deg,#ffffffb3 25%,#0000 25%),linear-gradient(-45deg,#ffffffb3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffffb3 75%),linear-gradient(-45deg,#0000 75%,#ffffffb3 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #77533a1f;min-height:52vh;position:relative;overflow:hidden}.empty-state{text-align:center;place-items:center;min-height:52vh;padding:32px;display:grid}.empty-card{gap:14px;max-width:28rem;display:grid}.empty-illustration{background:linear-gradient(#f06a4a2e 0%,#f06a4a05 100%),#fff;border-radius:28px;place-items:center;width:96px;height:96px;margin:0 auto;font-size:2rem;display:grid}.empty-title{margin:0;font-size:1.3rem;font-weight:800}.empty-body{color:var(--muted);margin:0}.preview-scroll{touch-action:pan-x pan-y;max-height:60vh;position:relative;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.preview-stage{transform-origin:top;margin:0 auto;transition:transform .14s;position:relative}.preview-image{width:100%;height:auto;display:block}.slice-overlay{pointer-events:none;background:var(--blue-soft);border-top:1px solid #3a75ff8c;border-bottom:1px solid #3a75ff8c;width:100%;position:absolute;left:0}.cut-line{border-top:2px dashed var(--danger);cursor:ns-resize;z-index:3;touch-action:none;width:100%;height:0;position:absolute;left:0}.cut-line:after{content:"";background:var(--danger);border-radius:999px;width:54px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #ff4d4f4d}.cut-line.is-active{border-top-width:3px}.cut-line button{opacity:0;cursor:ns-resize;width:100%;position:absolute;inset:-18px 0}.preview-hud{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#2a1f1ab3;border-radius:999px;padding:8px 12px;font-size:.82rem;position:absolute;top:14px;right:14px}.thumbs-panel,.history-panel,.task-panel{margin-top:16px;padding:14px}.task-list{grid-auto-columns:minmax(176px,220px);grid-auto-flow:column;gap:12px;display:grid;overflow-x:auto}.task-card{background:#fffc;border:1px solid #77533a14;border-radius:18px;padding:12px 14px;box-shadow:0 10px 22px #6c4e300f}.task-card.is-active{border-color:#3a75ff8c;box-shadow:0 16px 28px #3a75ff24}.task-button{text-align:left;background:0 0;width:100%;padding:0;display:block}.task-title{margin-bottom:4px;font-size:.92rem;font-weight:700}.task-desc{color:var(--muted);font-size:.8rem}.task-status{color:var(--muted);margin-top:6px;font-size:.76rem}.task-status.is-error{color:var(--danger)}.task-status.is-busy{color:#3a75ff}.task-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.task-action-button{border-radius:14px;min-height:40px;padding:0 14px}.history-list{gap:10px;display:grid}.history-item{background:#ffffffc7;border:1px solid #77533a14;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.history-thumb{background:linear-gradient(#f06a4a29,#f06a4a0a);border:1px solid #77533a14;border-radius:12px;flex:none;width:54px;height:72px;overflow:hidden}.history-thumb img{object-fit:cover;width:100%;height:100%;display:block}.history-meta{flex:auto;gap:4px;min-width:0;display:grid}.history-title{font-size:.92rem;font-weight:700}.history-desc{color:var(--muted);font-size:.8rem}.history-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.thumbs-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.thumbs-track{grid-auto-columns:minmax(108px,124px);grid-auto-flow:column;gap:12px;padding-bottom:4px;display:grid;overflow-x:auto}.thumb-card{background:#ffffffe0;border:1px solid #0000;border-radius:18px;overflow:hidden;box-shadow:0 10px 22px #6c4e3014}.thumb-card.is-selected{border-color:#3a75ff8c;box-shadow:0 16px 28px #3a75ff26}.thumb-button{text-align:left;background:0 0;width:100%;padding:0}.thumb-canvas{aspect-ratio:3/4;background:#fff;width:100%;display:block}.thumb-meta{gap:4px;padding:10px 10px 12px;display:grid}.thumb-title{font-size:.88rem;font-weight:700}.thumb-desc{color:var(--muted);font-size:.78rem}.footer-bar{margin-top:18px;padding-top:8px;position:sticky;bottom:0}.footer-inner{background:#2a1f1aeb;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:0 16px 34px #2a1f1a38}.footer-copy{gap:3px;display:grid}.footer-title{color:#fff;font-size:.96rem;font-weight:700}.footer-subtitle{color:#ffffffb3;font-size:.8rem}.export-button{min-width:168px}.toast{color:#fff;opacity:0;pointer-events:none;background:#2a1f1ae0;border-radius:999px;padding:12px 16px;transition:opacity .18s,transform .18s;position:fixed;bottom:104px;left:50%;transform:translate(-50%)translateY(24px);box-shadow:0 12px 28px #2a1f1a38}.toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){.app-shell{padding-inline:12px}.topbar,.status-bar,.footer-inner{flex-direction:column;align-items:flex-start}.toolbar{justify-content:flex-start;width:100%}.preview-scroll,.canvas-shell,.empty-state{min-height:46vh}.preview-scroll{max-height:54vh}.footer-bar{position:static}.footer-inner{padding:14px}.footer-inner .hero-actions{width:100%}.footer-inner .hero-actions .secondary-button,.footer-inner .hero-actions .primary-button{width:100%}.export-button{width:100%}}