@font-face{font-family:PangPang;src:url(../PangPangZhuRouTi-2-en.woff2) format("woff2"),url(../PangPangZhuRouTi-2-en.otf) format("opentype");font-weight:400;font-style:normal;font-display:optional}.landing{--lp-bg: #fffef5;--lp-bg2: #fffaec;--lp-surface: #fff9ed;--lp-surface2: #fff2d8;--lp-border: #f0dfc0;--lp-border-soft: #f0e0bc;--lp-accent: #e8911a;--lp-accent-h: #d07a0c;--lp-text: #2d1b00;--lp-muted: #7a5c30;--lp-dim: #b89560;min-height:100vh;background:var(--lp-bg);color:var(--lp-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Helvetica Neue,sans-serif;cursor:url(../shubiao_small.png) 3 3,auto}.landing *,.landing button,.landing a{cursor:url(../shubiao_small.png) 3 3,pointer}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 60px;border-bottom:1px solid var(--lp-border-soft);position:sticky;top:0;background:var(--lp-bg);z-index:100}.landing-nav-logo{font-family:PangPang,-apple-system,sans-serif;font-size:1.4rem;font-weight:900;letter-spacing:-.03em;color:var(--lp-text);display:flex;align-items:center;gap:8px}.landing-nav-icon{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(20,0,0,.1)}.landing-nav-free{font-size:.6rem;font-weight:700;color:#3a8a3a;background:#3a8a3a1a;border:1px solid rgba(58,138,58,.28);padding:1px 7px;border-radius:10px;letter-spacing:.5px;text-transform:uppercase}.landing-nav-tagline{font-size:.78rem;color:var(--lp-dim)}.lang-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:28px;padding:0 10px;font-size:.75rem;font-weight:700;letter-spacing:.03em;color:var(--text-muted, #7a5c30);background:transparent;border:1px solid var(--border, #f0dfc0);border-radius:14px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.lang-toggle:hover{background:var(--accent-soft, rgba(232,145,26,.1));border-color:var(--accent, #e8911a);color:var(--accent, #e8911a)}.landing-lang-toggle{width:28px;height:28px;min-width:unset;padding:0;border-radius:50%;font-size:.82rem;font-weight:700;letter-spacing:0}.landing-github-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:1.1rem;color:var(--text-muted, #7a5c30);background:transparent;border:1px solid var(--border, #f0dfc0);border-radius:50%;text-decoration:none;transition:color .15s,background .15s,border-color .15s}.landing-github-icon-btn{font-size:16.5px}.landing-tutorial-btn{font-size:15.2px}.landing-skill-btn{font-size:16.2px}.landing-github-btn:hover{color:var(--accent, #e8911a);background:var(--accent-soft, rgba(232,145,26,.1));border-color:var(--accent, #e8911a)}.landing-nav-donate{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;border-radius:12px;font-size:.8rem;font-weight:600;letter-spacing:-.005em;color:var(--lp-accent);background:transparent;border:1px solid rgba(232,145,26,.25);transition:background .2s,border-color .2s}.landing-nav-donate:hover{background:#e8911a2e;border-color:var(--lp-accent)}.landing-hero{display:grid;grid-template-columns:1fr 1fr;min-height:85vh;position:relative}.landing-hero-left{display:flex;flex-direction:column;justify-content:center;padding:80px 60px;position:relative;max-width:none}.landing-hero-left:after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:var(--lp-border)}.landing-title{font-family:PangPang,-apple-system,sans-serif;font-size:4.2rem;font-weight:800;line-height:1.05;letter-spacing:-.02em;margin-bottom:28px;color:var(--lp-text)}.landing-title-accent{background:linear-gradient(135deg,#e8911a,#f5b840);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subtitle{font-size:1.14rem;color:var(--lp-muted);line-height:1.8;letter-spacing:-.005em;margin-bottom:28px;font-weight:300}.landing-highlights{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:0}.landing-highlights li{display:flex;align-items:center;gap:10px;font-size:1rem;color:var(--lp-muted)}.hl-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#e8911a1f;border:1px solid rgba(232,145,26,.35);border-radius:50%;font-size:.7rem;color:var(--lp-accent);flex-shrink:0}.landing-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 28px;width:auto;flex:1;border-radius:0;font-size:1.14rem;font-weight:600;letter-spacing:-.005em;color:#fff;background:var(--lp-accent);border:none;margin-top:0;transition:background .2s}.landing-cta:hover{background:var(--lp-accent-h)}.landing-donate-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 28px;border-radius:0;font-size:1.14rem;font-weight:600;letter-spacing:-.005em;color:#e8911a;background:#e8911a14;border:none;margin-top:0;flex:1;transition:background .2s}.landing-donate-btn:hover{background:#e8911a26}.landing-hero-right{display:flex;align-items:center;justify-content:center;background:#fff8ee;position:relative;overflow:hidden}.landing-hero-caption{position:absolute;bottom:32px;right:32px;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--lp-dim);writing-mode:vertical-rl}.hamster-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.hamster-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;height:480px;background:radial-gradient(circle,rgba(232,145,26,.18) 0%,transparent 68%);border-radius:50%;pointer-events:none;z-index:0}.hamster-card>:not(.hamster-glow){position:relative;z-index:1}.landing-tools{padding:0 60px 76px;background:var(--lp-bg);position:relative}.tools-divider{position:relative;height:1px;background:var(--lp-border);margin-left:-60px;margin-right:-60px;margin-bottom:76px}.tools-sub{position:absolute;top:-36px;left:60px;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--lp-dim);background:var(--lp-bg);padding-right:12px}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--lp-border);border:1px solid var(--lp-border);padding:0}.tool-card{background:var(--lp-bg);border:none;border-radius:0;padding:44px 36px;display:flex;flex-direction:column;gap:14px;transition:background .2s;cursor:url(../shubiao_small.png) 3 3,pointer;position:relative;overflow:hidden}.tool-card:hover{background:#fff8ee;transform:none;box-shadow:none}.tool-card--coming{cursor:default}.tool-card--coming .tool-name{color:var(--lp-muted)}.tool-card--coming .tool-desc{color:var(--lp-dim)}.tool-card--coming:hover{background:var(--lp-bg)}.tool-num{font-family:PangPang,-apple-system,sans-serif;font-size:2.6rem;font-weight:900;color:#f5b74a;line-height:1}.tool-icon{display:none}.tool-name{font-size:1.14rem;font-weight:700;letter-spacing:-.01em;color:var(--lp-text);margin:0}.tool-desc{font-size:1rem;color:var(--lp-muted);line-height:1.7;margin:0;flex:1;font-weight:300}.tool-action{margin-top:auto}.tool-btn{display:inline-flex;align-items:center;gap:6px;font-size:1rem;font-weight:700;letter-spacing:.02em;color:var(--lp-accent);background:none;border:none;padding:0;border-radius:0}.tool-badge-coming{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--lp-dim);padding:0;background:none;border:none;border-radius:0}.landing-footer{padding:28px 60px;display:flex;justify-content:space-between;align-items:center;font-size:.86rem;color:var(--lp-dim);border-top:1px solid var(--lp-border);background:var(--lp-bg)}.landing-footer-brand{font-family:PangPang,-apple-system,sans-serif;font-size:.9rem;color:var(--lp-text)}.landing-footer-brand span{color:var(--lp-accent)}.landing-footer-link{color:var(--lp-dim);text-decoration:underline;transition:color .15s}.landing-footer-link:hover{color:var(--lp-accent)}@media (max-width: 800px){.landing-nav{padding:14px 20px}.landing-nav-tagline{display:none}.landing-hero{grid-template-columns:1fr;min-height:auto}.landing-hero-left{padding:40px 24px;order:2}.landing-hero-left:after{display:none}.landing-hero-right{min-height:auto;height:300px;order:1}.landing-title{font-size:2.4rem}.landing-subtitle{font-size:.95rem}.landing-highlights{align-items:flex-start}.landing-hero-caption{display:none}.hamster-card{transform:scale(.65)}.landing-tools{padding:24px;margin-top:16px}.tools-divider{margin-left:-24px;margin-right:-24px;margin-bottom:24px}.tools-sub{left:24px}.tools-grid{grid-template-columns:1fr;padding:0}.tool-card{padding:32px 24px}.landing-footer{padding:24px;flex-direction:column;gap:8px;text-align:center}}@media (max-width: 480px){.landing-title{font-size:1.9rem}.landing-hero-left{padding:32px 24px}.landing-tools{padding:24px}.tools-divider{margin-left:-24px;margin-right:-24px}.tools-sub{left:24px}.tool-card{padding:28px 24px}}.sponsor-mount .sp-trigger{display:none}.mobile-tip-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d1e0a73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:999;padding:24px}.mobile-tip-modal{background:#fffef8;border:1px solid rgba(232,145,26,.2);border-radius:0;padding:36px 28px 28px;width:min(100%,300px);text-align:center;position:relative;box-shadow:0 20px 60px #2d1b0033}.mobile-tip-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border:none;background:transparent;font-size:20px;color:#b8a080;cursor:pointer;line-height:1}.mobile-tip-close:active{color:#333}.mobile-tip-text{font-size:.95rem;font-weight:600;color:#3d2e1a;margin:0 0 12px;line-height:1.5}.mobile-tip-url{font-size:.78rem;color:#e8911a;font-weight:500;margin:0 0 20px;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.mobile-tip-copy{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;height:40px;padding:0 28px;border:none;border-radius:0;background:#e8911a;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer}.mobile-tip-copy:active{background:#d07a0c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fffef5;--surface: oklch(97% .014 80);--surface2: oklch(94.5% .025 80);--border: oklch(88% .028 80);--border-soft: oklch(91% .02 80);--accent: #E8911A;--accent-hover: #D07A0C;--accent-soft: rgba(232, 145, 26, .1);--text: oklch(25% .03 80);--text-muted: oklch(45% .06 75);--text-dim: oklch(58% .05 78);--success: oklch(55% .14 155);--success-soft: rgba(90, 158, 90, .1);--warning: #E8911A;--error: oklch(55% .2 25);--error-soft: rgba(208, 64, 64, .1);--radius: 0px;--radius-sm: 0px;--text-xs: .86rem;--text-sm: .86rem;--text-base: 1rem;--text-md: 1rem;--text-lg: 1.14rem;--text-xl: 1.43rem;--lh-tight: 1.25;--lh-snug: 1.4;--lh-normal: 1.55;--fw-regular: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}html{font-size:14px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Helvetica Neue,sans-serif;font-size:var(--text-base);line-height:var(--lh-normal);letter-spacing:-.005em;font-feature-settings:"tnum" 1,"cv02" 1;min-height:100vh;cursor:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,a,[role=button]{cursor:pointer}.app{max-width:900px;margin:0 auto;padding:var(--sp-6) var(--sp-4) 60px}.panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);margin-bottom:var(--sp-5);overflow:hidden;transition:opacity .2s var(--ease-out-quart),box-shadow .2s var(--ease-out-quart)}.panel:not(.panel--locked):hover{box-shadow:0 2px 12px #2d1b000d}.panel--locked{opacity:.45;pointer-events:none}.panel-head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid transparent;transition:background .15s var(--ease-out-quart)}.panel-head:hover{background:var(--surface2)}.panel-head.open{border-bottom-color:var(--border-soft)}.panel-step{width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-size:var(--text-xs);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s var(--ease-out-quart)}.panel-step.done{background:var(--success);animation:step-done .3s var(--ease-out-quart)}.panel-step.locked{background:var(--border-soft);color:var(--text-dim)}@keyframes step-done{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.panel-title{font-weight:var(--fw-semi);font-size:var(--text-md);flex:1;letter-spacing:-.005em}.panel-meta{font-size:var(--text-sm);color:var(--text-muted)}.panel-chevron{color:var(--text-dim);transition:transform .2s var(--ease-out-quart);font-size:var(--text-xs)}.panel-chevron.open{transform:rotate(180deg)}.panel-body{padding:var(--sp-5)}.dropzone{border:1px dashed var(--border);border-radius:var(--radius);padding:var(--sp-8) var(--sp-5);text-align:center;cursor:pointer;transition:all .2s var(--ease-out-quart);position:relative;background:#fcfaf6}.dropzone:hover,.dropzone.drag{border-color:var(--accent);border-style:solid;border-width:1px;background:#e8911a0a;transform:scale(1.005)}.dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.dropzone-icon{font-size:2.2rem;margin-bottom:var(--sp-3);color:var(--accent);opacity:.7}.dropzone-text{color:var(--text-muted);font-size:var(--text-base)}.dropzone-text strong{color:var(--text);font-weight:var(--fw-semi)}.upload-hint{margin-top:var(--sp-3);font-size:var(--text-sm);color:var(--text-dim);text-align:center}.video-preview-card{display:flex;gap:var(--sp-4);align-items:flex-start}.video-preview-card video{width:200px;border-radius:var(--radius-sm);background:#1a1a1a;flex-shrink:0}.video-info{flex:1}.video-info h3{font-size:var(--text-md);font-weight:var(--fw-semi);margin-bottom:var(--sp-2);letter-spacing:-.005em;word-break:break-all}.video-info-row{display:flex;gap:var(--sp-4);flex-wrap:wrap}.video-info-item{font-size:var(--text-sm);color:var(--text-muted)}.video-info-item span{color:var(--text);font-weight:var(--fw-medium)}.crop-wrap{position:relative;display:inline-block;cursor:crosshair;-webkit-user-select:none;user-select:none}.crop-canvas-surface{display:block;border-radius:var(--radius-sm);max-width:100%}.crop-selection{position:absolute;border:2px solid var(--accent);background:#e8911a1f;pointer-events:none}.crop-grid{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}.crop-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.segment-picker{margin-top:14px}.segment-picker label{font-size:var(--text-sm);color:var(--text-muted);display:block;margin-bottom:6px}.segment-slider-wrap{position:relative;height:24px;margin-bottom:8px}.segment-slider-track{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:4px;background:var(--border-soft);border-radius:0}.segment-slider-fill{position:absolute;top:0;height:100%;background:var(--accent);border-radius:0}.segment-slider-wrap input[type=range]{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:4px;-webkit-appearance:none;background:transparent;pointer-events:none}.segment-slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 1px 4px #a064144d;cursor:pointer;pointer-events:all;transition:transform .15s var(--ease-out-quart)}.segment-slider-wrap input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}.segment-picker__meta{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-muted)}.segment-picker__meta span{color:var(--text)}.config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3)}.option-card{background:#f5ebe0;border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;justify-content:center;min-height:70px;transition:border-color .15s var(--ease-out-quart)}.option-card:hover{border-color:var(--border)}.option-card label{font-size:var(--text-xs);color:var(--text-muted);display:block;margin-bottom:var(--sp-2);font-weight:var(--fw-medium);letter-spacing:.01em}.option-card--metric{gap:2px}.option-card--metric .metric-value{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--accent);line-height:var(--lh-tight);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.option-card--metric .metric-sub{font-size:var(--text-xs);color:var(--text-dim);margin-top:2px}.num-stepper{display:flex;align-items:center;gap:var(--sp-2)}.num-stepper button{width:32px;height:32px;border-radius:0;background:#fdfbf9;border:1px solid var(--border-soft);color:var(--text);font-size:var(--text-md);font-weight:var(--fw-semi);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:all .15s var(--ease-out-quart)}.num-stepper button:hover:not(:disabled){background:var(--surface);border-color:var(--accent);transform:scale(1.05)}.num-stepper button:disabled{opacity:.4;cursor:not-allowed}.num-stepper input{flex:1;text-align:center;font-weight:var(--fw-semi);font-size:var(--text-md);height:32px;padding:0;min-width:0;box-sizing:border-box;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.num-stepper input::-webkit-outer-spin-button,.num-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number],input[type=text]{background:#fdfbf9;border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text);padding:var(--sp-2) var(--sp-3);font-size:var(--text-base);width:100%;outline:none;transition:border-color .15s var(--ease-out-quart),box-shadow .15s var(--ease-out-quart);font-feature-settings:"tnum" 1}select{background:#fdfbf9;border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-base);outline:none;transition:border-color .15s var(--ease-out-quart)}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:#e8911a80;outline:none}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--border-soft);border-radius:0;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);cursor:pointer;transition:transform .15s var(--ease-out-quart)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}.range-dual input[type=range]{-webkit-appearance:none;background:transparent;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);left:-8px;width:calc(100% + 16px);height:14px;margin:0}.range-dual input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 1px 4px #a064144d;cursor:pointer;position:relative;z-index:2}.range-dual input[type=range]::-moz-range-thumb{pointer-events:all;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 1px 4px #a064144d;cursor:pointer}.range-dual input[type=range]::-moz-range-track{background:transparent}.toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{display:none}.toggle-track{width:38px;height:22px;background:var(--border-soft);border-radius:0;position:relative;transition:background .2s var(--ease-out-quart)}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #2d1b0026;transition:transform .2s var(--ease-out-quart)}.toggle input:checked~.toggle-track{background:var(--accent)}.toggle input:checked~.toggle-track:after{transform:translate(16px)}.toggle-label{font-size:var(--text-base)}.color-row{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3)}.color-swatch{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);cursor:pointer;flex-shrink:0;transition:transform .15s var(--ease-out-quart)}.color-swatch:hover{transform:scale(1.1)}.color-row input[type=color]{width:0;height:0;opacity:0;position:absolute;pointer-events:none}.color-hex{font-size:var(--text-sm);color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0}.slider-row{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-2)}.slider-row label{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;min-width:60px}.slider-row .slider-val{font-size:var(--text-sm);color:var(--text);min-width:28px;text-align:right;font-variant-numeric:tabular-nums}.chroma-section{margin-top:var(--sp-4);padding:var(--sp-4);background:var(--surface2);border-radius:var(--radius-sm);border:1px solid var(--border-soft)}.chroma-preview{margin-top:var(--sp-3);border-radius:var(--radius-sm);overflow:hidden;max-height:160px;display:flex}.chroma-preview canvas{width:100%;height:auto;display:block}.chroma-mode-btn{font-size:var(--text-sm);margin-top:var(--sp-2);color:var(--accent);background:none;border:none;cursor:pointer;padding:0}.chroma-mode-btn:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer;transition:all .18s var(--ease-out-quart)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:36px;padding:0 var(--sp-4);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--fw-medium);letter-spacing:-.005em;border:none;outline:none;white-space:nowrap;transition:all .18s var(--ease-out-quart)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 4px #e8911a26}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #e8911a33}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 3px #e8911a1a}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#eee3d7;border-color:var(--border)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-soft)}.btn-ghost:hover{color:var(--text);border-color:var(--border);background:#f5f1ec}.btn-danger{background:var(--error);color:#fff;border:none}.btn-danger:hover{filter:brightness(1.08);transform:translateY(-1px)}.progress-wrap{margin-top:var(--sp-4)}.progress-label{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--sp-2);font-variant-numeric:tabular-nums}.progress-bar-track{height:6px;background:var(--border-soft);border-radius:0;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:0;transition:width .25s var(--ease-out-quart)}.result-grid{display:flex;gap:var(--sp-4);align-items:flex-start;flex-wrap:wrap}.result-image-wrap{flex:1;min-width:200px;position:relative;border-radius:var(--radius-sm);overflow:hidden;background:repeating-conic-gradient(#333,#333 25%,#444 0%,#444 50%) 0 0 / 16px 16px}.result-image-wrap img{width:100%;display:block}.result-image-wrap.solid{background:#f8ece0}.preview-controls{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap}.segmented-control{display:inline-flex;border:1px solid var(--border-soft);border-radius:var(--radius-sm);overflow:hidden;background:#f9f4ef;height:36px}.segmented-btn{flex:1 1 0;padding:0 var(--sp-4);font-size:var(--text-base);font-weight:var(--fw-medium);letter-spacing:-.005em;background:transparent;color:var(--text-muted);border:none;border-right:1px solid var(--border-soft);cursor:pointer;transition:all .15s var(--ease-out-quart);white-space:nowrap}.segmented-btn:last-child{border-right:none}.segmented-btn:hover:not(.active){background:#f4ede6;color:var(--text)}.segmented-btn.active{background:var(--accent);color:#fff;font-weight:var(--fw-semi)}.animation-meta{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.animation-toolbar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.animation-meta label{font-size:var(--text-sm);color:var(--text-muted)}.animation-meta input[type=number]{width:56px}.download-panel .download-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3)}.download-card{background:transparent;border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:var(--sp-4);transition:border-color .15s var(--ease-out-quart),box-shadow .15s var(--ease-out-quart)}.download-card:hover{border-color:var(--border);box-shadow:0 2px 8px #2d1b000a}.download-card h4{font-size:var(--text-base);font-weight:var(--fw-semi);margin-bottom:var(--sp-1);letter-spacing:-.005em}.download-card p{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--sp-3);min-height:32px;line-height:var(--lh-snug)}.download-card .btn{width:100%;justify-content:center;border-radius:0}.spine-note{font-size:var(--text-base);color:var(--text-muted);line-height:var(--lh-normal)}.spine-note ol{padding-left:1.4em;margin-top:var(--sp-2)}.status-msg{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-top:var(--sp-3);border:1px solid transparent}.status-msg.info{background:var(--accent-soft);color:var(--accent-hover);border-color:#e8911a26}.status-msg.success{background:var(--success-soft);color:var(--success);border-color:#5a9e5a26}.status-msg.warning{background:#e8911a14;color:#b87a10;border-color:#e8911a33}.status-msg.error{background:var(--error-soft);color:var(--error);border-color:#d0404026}.crop-fine-tune{grid-template-columns:repeat(4,1fr)}.seg-layout{grid-template-columns:minmax(180px,220px) minmax(0,1fr)}.grid-2col{grid-template-columns:1fr 1fr}.export-right-col{margin-top:45px}@media (max-width: 600px){.video-preview-card{flex-direction:column}.video-preview-card video{width:100%}.crop-grid{grid-template-columns:1fr}.config-grid{grid-template-columns:1fr 1fr}.seg-layout,.grid-2col{grid-template-columns:1fr}.crop-fine-tune{grid-template-columns:repeat(2,1fr)}.chroma-rgb-text{display:none}.chroma-header{flex-direction:column;align-items:flex-start!important;gap:4px}.spine-modal{max-height:60vh!important}.export-right-col{margin-top:0}}@keyframes toast-in{0%{transform:translate(calc(100% + 32px));opacity:0}to{transform:translate(0);opacity:1}}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);min-width:200px;max-width:360px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--toast-color, var(--accent));font-size:var(--text-sm);line-height:var(--lh-snug);cursor:pointer;-webkit-user-select:none;user-select:none;animation:toast-in .22s var(--ease-out-expo) both;box-shadow:0 4px 20px #0000001a}.toast i{color:var(--toast-color, var(--accent));flex-shrink:0}.toast span{color:var(--text);flex:1}.toast-success{--toast-color: var(--success)}.toast-error{--toast-color: var(--error)}.toast-warning{--toast-color: var(--warning)}.toast-info{--toast-color: var(--accent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-hint{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--sp-4);line-height:var(--lh-normal)}.row-between{display:flex;justify-content:space-between;align-items:center}.color-dot{width:14px;height:14px;border-radius:0;flex-shrink:0;border:1px solid var(--border)}.canvas-crosshair{width:100%;display:block;cursor:crosshair}.solid-color-row{display:flex;justify-content:flex-end;align-items:center;gap:var(--sp-2);margin-top:6px}.color-picker-wrap{position:relative;display:inline-block;width:18px;height:18px;cursor:pointer}.color-picker-wrap input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.sub-accent{font-size:var(--text-xs);color:var(--accent);margin-top:2px}.tut-nav{display:flex;align-items:center;gap:16px;padding:18px 60px;border-bottom:1px solid var(--border-soft);position:sticky;top:0;background:var(--bg);z-index:100}.tut-back-btn{display:inline-flex;align-items:center;gap:6px;font-size:.86rem;font-weight:var(--fw-semi);color:var(--text-muted);background:transparent;border:1px solid var(--border-soft);border-radius:20px;padding:5px 14px;transition:border-color .15s,color .15s}.tut-back-btn:hover{border-color:var(--accent);color:var(--accent)}.tut-nav-title{font-size:.86rem;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}@media (max-width: 600px){.tut-nav{padding:14px 20px}}.tut-tag{font-size:.86rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#e8911a;margin:0 0 16px}.tut-title{font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#2d1b00;margin:0 0 16px}.tut-desc{font-size:1rem;color:#2d1b00;line-height:1.8;margin:0 0 48px;font-weight:300}.tut-bonus{border-top:1px solid #f0dfc0;padding-top:40px}.tut-bonus-header{display:flex;align-items:center;gap:10px;font-size:1.14rem;font-weight:700;color:#2d1b00;margin-bottom:16px}.tut-bonus-header i{color:#e8911a;font-size:1.1rem}.tut-p{font-size:1rem;color:#2d1b00;line-height:1.8;margin:0 0 20px;font-weight:300}.tut-author{margin-top:48px;text-align:right;font-size:.86rem;color:#2d1b00}@media (max-width: 800px){.tut-title{font-size:1.5rem}}