:root{color:#132238;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffce9957,#0000 28%),radial-gradient(circle at 84% 12%,#7866ff26,#0000 26%),linear-gradient(#f7f0ff 0%,#f7fbff 44%,#f4f7fb 100%);font-family:Avenir Next,PingFang SC,Hiragino Sans GB,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,a{font:inherit}button{color:inherit}.page-shell{min-height:100vh;position:relative;overflow:hidden}.ambient{filter:blur(20px);opacity:.85;border-radius:999px;position:absolute}.ambient-a{background:#ffb17059;width:320px;height:320px;top:-80px;left:-100px}.ambient-b{background:#8b5cf629;width:280px;height:280px;bottom:80px;right:-40px}.app-card{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #715cff1f;border-radius:28px;width:min(1220px,100% - 28px);margin:18px auto;padding:26px;position:relative;box-shadow:0 24px 72px #2b34581f}.hero{gap:12px;margin-bottom:24px;display:grid}.hero-brand{align-items:center;gap:14px;display:flex}.hero-brand__avatar{object-fit:cover;background:#ffffffe6;border:1px solid #715cff2e;border-radius:6px;width:38px;height:38px;box-shadow:0 14px 28px #2c3e6e1f}.hero-brand__info{gap:8px;display:grid}.hero-brand__badge{color:#6d28d9;background:#6d28d91a;border-radius:999px;align-items:center;width:fit-content;min-height:30px;padding:0 12px;font-size:.88rem;font-weight:700;display:inline-flex}.eyebrow{color:#6d28d9;letter-spacing:.02em;margin:0;font-size:.98rem;font-weight:700}.hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.25rem,5vw,4.6rem);line-height:.95}.hero-title{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.hero-title__main{background:linear-gradient(135deg,#132238 0%,#21487a 52%,#6d28d9 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-title__version{color:#5b21b6;letter-spacing:0;background:linear-gradient(135deg,#6d28d91f,#2563eb1f);border-radius:999px;align-items:center;min-height:42px;padding:0 15px;font-size:clamp(1rem,2vw,1.45rem);font-weight:800;display:inline-flex}.hero-copy{color:#4b5563;white-space:nowrap;margin:0;font-size:1.02rem}.hero-tool-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-tool-copy{color:#5b6472;margin:0;font-size:.96rem;line-height:1.6}.hero-support-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-links{flex-wrap:wrap;gap:12px;display:flex}.hero-link{color:#243446;background:#ffffffd9;border:1px solid #715cff24;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:0 18px;font-weight:700;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 22px #2c3e6e14}.hero-link--button{cursor:pointer}.hero-link.is-active{color:#0f766e;background:#f0fdf8f5;border-color:#10b98161;box-shadow:0 16px 28px #10b98124}.hero-link__icon{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.hero-link__icon svg{width:100%;height:100%;display:block}.hero-link--bilibili{color:#00aeec}.hero-link--douyin{color:#111827}.hero-link--xiaohongshu{color:#ff2442}.hero-link:hover{border-color:#6d28d952;transform:translateY(-1px);box-shadow:0 16px 28px #4d3dad1f}.workspace-grid,.result-grid{align-items:start;gap:18px;display:grid}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(360px,460px);margin-bottom:18px}.workspace-grid--single{grid-template-columns:1fr}.result-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}.result-grid--single{grid-template-columns:1fr}.panel{background:#ffffffe6;border:1px solid #715cff1c;border-radius:24px;padding:20px;box-shadow:inset 0 1px #ffffff59,0 14px 38px #2c3e6e0f}.chroma-panel{background:linear-gradient(#faf4fffa,#fffffff2);margin-bottom:18px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel-head--stack{align-items:flex-start}.panel-head h2,.advanced-head h3{margin:0;font-size:1.12rem}.panel-head span,.advanced-head span{color:#6b7280;max-width:100%;font-size:.92rem}.status-banner{color:#49617e;background:#2563eb14;border-radius:999px;align-items:center;max-width:100%;min-height:38px;margin:0 0 16px;padding:8px 14px;line-height:1.45;display:inline-flex}.status-banner--global{border-radius:18px;width:100%;margin:0 0 18px;padding:12px 16px;display:flex}.panel-subtitle{color:#6b7280;margin:-6px 0 16px;font-size:.94rem;line-height:1.5}.status-chip{color:#1d4ed8;background:#2563eb1f;border-radius:999px;align-items:center;min-height:34px;padding:6px 12px;display:inline-flex}.dropzone{cursor:pointer;text-align:left;background:linear-gradient(135deg,#fdf1dce0,#ecf2fff5);border:1.5px dashed #38bdf86b;border-radius:22px;gap:8px;width:100%;padding:28px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.dropzone:hover,.dropzone.is-dragging{border-color:#6d28d975;transform:translateY(-2px);box-shadow:0 18px 34px #4936791f}.dropzone-kicker{color:#0f766e;font-weight:700}.dropzone strong{font-size:1.34rem}.dropzone small{color:#596778}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.upload-layout{gap:16px;display:grid}.upload-layout--with-preview{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start}.video-preview-card{background:#f7f8fd;border:1px solid #715cff1a;border-radius:18px;gap:10px;width:100%;min-height:236px;padding:14px 16px;display:grid}.upload-layout--with-preview .dropzone{align-content:center;min-height:236px}.video-preview-card span{color:#6a7783;font-size:.88rem;font-weight:700}.image-preview-card{min-height:180px}.image-preview-card .option-card{height:100%}.upload-video-preview{aspect-ratio:4/3;object-fit:contain;background:#0f172a;border-radius:16px;width:100%;max-height:180px;display:block}.controls-panel{align-content:start;gap:16px;display:grid}.controls-panel .field{max-width:220px}.controls-panel .control-grid{grid-template-columns:minmax(180px,220px) minmax(0,1fr);align-items:start}.controls-panel .option-card strong{font-size:.98rem;line-height:1.6}.field-card,.option-card--metric{align-content:start;min-height:108px}.field-card{background:#f7f8fd;border:1px solid #715cff1a;border-radius:18px;padding:14px 16px}.field-card input[type=number]{min-height:52px}.option-card small{color:#6a7783;margin-top:6px;display:block}.stat-card,.stat-empty,.option-card,.hint-card{background:#f7f8fd;border:1px solid #715cff1a;border-radius:18px;padding:14px 16px}.stat-card span,.option-card span{color:#6a7783;margin-bottom:8px;font-size:.88rem;display:block}.stat-card strong,.option-card strong{word-break:break-word;display:block}.stat-empty{color:#6a7783;grid-column:1/-1}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.mode-pill,.algorithm-card{cursor:pointer;background:#f7f8fcdb;border:1.5px solid #715cff24;border-radius:20px;align-items:flex-start;gap:12px;padding:16px 18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.mode-pill input,.algorithm-card input,.toggle input,.toggle-card input{margin-top:3px}.mode-pill.is-active,.algorithm-card.is-active{background:#edf5fff0;border-color:#3b82f675;box-shadow:0 16px 28px #3b82f61a}.mode-pill span{font-weight:700}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.segment-picker,.crop-picker{background:#f7f8fd;border:1px solid #715cff1a;border-radius:18px;gap:12px;padding:16px;display:grid}.crop-row,.controls-row{margin-bottom:18px}.crop-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.crop-controls-pane,.controls-pane{background:#f7f8fd;border:1px solid #715cff1a;border-radius:18px;align-content:start;gap:12px;height:100%;padding:14px;display:grid}.controls-pane{gap:10px}.crop-controls-head{color:#4b5563;gap:4px;display:grid}.crop-controls-head strong{color:#132238;font-size:1.06rem}.crop-controls-head span{color:#6b7280;font-size:.92rem}.crop-controls-pane .field,.controls-pane .field{gap:6px}.crop-controls-pane .field input[type=number],.controls-pane .field input[type=number]{min-height:46px;padding:10px 12px}.controls-pane .field-card,.controls-pane .option-card--metric{min-height:92px}.controls-pane .field-card,.controls-pane .option-card,.controls-pane .segment-picker,.crop-controls-pane .crop-picker__footer{padding-top:12px;padding-bottom:12px}.controls-pane .control-grid{gap:10px}.controls-pane .segment-picker{gap:10px;padding:12px}.controls-pane .segment-picker__meta{gap:8px}.controls-pane .segment-pill{padding:10px 12px}.controls-pane .primary-button{min-height:46px}.crop-picker--row{background:#ffffffe6;border:1px solid #715cff1c;border-radius:24px;padding:20px;box-shadow:inset 0 1px #ffffff59,0 14px 38px #2c3e6e0f}.crop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.crop-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.crop-picker__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.crop-picker__footer small{color:#6a7783}.crop-picker .ghost-button{min-width:112px}.crop-selection-canvas{cursor:crosshair;touch-action:none}.crop-canvas-surface{place-items:center;display:grid}.crop-preview-canvas{max-width:100%;height:auto;max-height:100%}.crop-placeholder{color:#6a7783;text-align:center;place-items:center;width:100%;height:100%;padding:20px;display:grid}.segment-picker__head{color:#4b5563;justify-content:space-between;align-items:center;gap:12px;display:flex}.segment-picker__head span{color:#6a7783;font-size:.88rem}.segment-picker__head strong{font-size:.95rem}.segment-picker__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.segment-pill{background:#ffffffc7;border:1px solid #715cff1a;border-radius:14px;padding:12px 14px}.segment-pill span{color:#6a7783;margin-bottom:6px;font-size:.82rem;display:block}.segment-pill strong{color:#132238;display:block}.segment-slider{--segment-start:0%;--segment-end:100%;height:42px;position:relative}.segment-slider__track,.segment-slider__active{border-radius:999px;height:8px;position:absolute;top:50%;transform:translateY(-50%)}.segment-slider__track{background:#e3e8f8;left:0;right:0}.segment-slider__active{left:var(--segment-start);right:calc(100% - var(--segment-end));background:linear-gradient(135deg,#6d28d9 0%,#2563eb 100%);box-shadow:0 8px 18px #6359e22e}.segment-slider__input{pointer-events:none;appearance:none;background:0 0;width:100%;margin:0;position:absolute;inset:0}.segment-slider__input::-webkit-slider-runnable-track{background:0 0;height:8px}.segment-slider__input::-moz-range-track{background:0 0;border:0;height:8px}.segment-slider__input::-webkit-slider-thumb{cursor:pointer;pointer-events:auto;appearance:none;background:linear-gradient(135deg,#6d28d9 0%,#2563eb 100%);border:3px solid #fff;border-radius:50%;width:20px;height:20px;margin-top:-6px;box-shadow:0 10px 18px #524abe47}.segment-slider__input::-moz-range-thumb{cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#6d28d9 0%,#2563eb 100%);border:3px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 10px 18px #524abe47}.segment-slider__input--start{z-index:2}.segment-slider__input--end{z-index:3}.field{gap:8px;display:grid}.field span{font-weight:600}.field input[type=number]{background:#fbfcff;border:1px solid #715cff1f;border-radius:14px;width:100%;padding:12px 14px}.field input[type=text],.field select{color:#132238;background:#fbfcff;border:1px solid #715cff1f;border-radius:14px;width:100%;min-height:50px;padding:12px 14px}.color-field{background:#fbfcff;border:1px solid #715cff1f;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.color-field input{background:0 0;border:0;width:42px;height:42px;padding:0}.color-field--compact{min-width:170px;padding:6px 10px}.color-field--compact input{width:36px;height:36px}.toggle{align-items:center;gap:10px;margin:18px 0;font-weight:600;display:flex}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;min-height:50px;padding:0 16px;transition:transform .18s,opacity .18s,box-shadow .18s;display:inline-flex}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.segmented-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.segmented-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.primary-button{color:#fff;background:linear-gradient(135deg,#6d28d9 0%,#2563eb 100%);width:100%;box-shadow:0 16px 28px #6553df38}.secondary-button{color:#fff;background:linear-gradient(135deg,#b85c24 0%,#d97706 100%);width:100%;box-shadow:0 16px 28px #b85c242e}.secondary-button--violet{background:linear-gradient(135deg,#7c3aed 0%,#9333ea 100%);box-shadow:0 16px 28px #7c3aed33}.secondary-button--emerald{background:linear-gradient(135deg,#0f766e 0%,#10b981 100%);box-shadow:0 16px 28px #10b98133}.secondary-button--slate{background:linear-gradient(135deg,#475569 0%,#334155 100%);box-shadow:0 16px 28px #33415533}.ghost-button{color:#475569;background:#eef2f8;min-height:42px;padding:0 14px}.error-text{color:#b42318;margin:14px 0 0}.algorithm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.algorithm-card strong{margin-bottom:6px;display:block}.algorithm-card p{color:#52616e;margin:0}.algorithm-card--emerald.is-active{background:#f0fdf8f5;border-color:#10b98166;box-shadow:0 16px 28px #10b9811f}.reference-toolbar{background:#ffffffdb;border:1px solid #715cff1f;border-radius:22px;justify-content:space-between;align-items:end;gap:18px;padding:18px;display:flex}.range-block{flex:1;gap:8px;display:grid}.range-block span,.range-field span{font-weight:700}.range-block input[type=range],.range-field input[type=range]{accent-color:#7c3aed;width:100%}.reference-meta{text-align:right;gap:4px;min-width:180px;display:grid}.reference-meta strong{font-size:1.05rem}.reference-meta span{color:#6b7280}.sample-badge-row{justify-content:space-between;align-items:center;gap:14px;margin:16px 0;display:flex}.sample-action-group{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.sample-badge{background:#ffffffeb;border:1px solid #715cff1f;border-radius:18px;align-items:center;gap:14px;padding:12px 14px;display:flex}.sample-swatch{border:2px solid #ffffffd6;border-radius:14px;width:42px;height:42px;box-shadow:0 8px 18px #76809d3d}.sample-badge strong,.sample-badge span{display:block}.sample-badge span{color:#6b7280;font-size:.92rem}.solid-preview-bar{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.solid-preview-bar span{color:#5b6472;font-weight:700}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.canvas-card{grid-template-rows:auto 1fr auto;gap:10px;display:grid}.canvas-head{color:#4b5563;justify-content:space-between;align-items:flex-start;gap:12px;min-height:52px;font-weight:700;display:flex}.canvas-title{gap:4px;display:grid}.canvas-title span{display:block}.canvas-title small{color:#7c3aed}.canvas-footer{color:#5b6472;align-items:center;min-height:52px;font-weight:700;display:flex}.canvas-surface{background:#eef1fb;border:1px solid #715cff1f;border-radius:20px;min-height:260px;overflow:auto}.checkerboard{background-color:#0000;background-image:linear-gradient(45deg,#10182814 25%,#0000 25%),linear-gradient(-45deg,#10182814 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#10182814 75%),linear-gradient(-45deg,#0000 75%,#10182814 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;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}.preview-canvas{width:100%;height:auto;display:block}.advanced-panel{background:#ffffffe0;border:1px solid #715cff1f;border-radius:22px;margin-top:18px;padding:18px}.chroma-actions{margin-top:18px}.chroma-actions--stack{gap:12px;display:grid}.chroma-generate-button{width:100%}.advanced-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.range-field{gap:8px;display:grid}.range-field small{color:#6b7280}.range-field__row{align-items:center;gap:12px;display:flex}.range-field__row input[type=range]{accent-color:#7c3aed;flex:1}.range-field__num{color:#132238;text-align:center;background:#fbfcff;border:1px solid #715cff1f;border-radius:14px;flex:0 0 96px;width:96px;min-height:44px;padding:8px 12px}.toggle-group{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.toggle-card{background:#f7f8fd;border:1px solid #715cff1a;border-radius:16px;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 14px;font-weight:700;display:flex}.segmented-control{background:#6d28d914;border-radius:999px;gap:8px;padding:6px;display:inline-flex}.segmented-control--export,.segmented-control--result{margin-bottom:12px}.segmented-button{color:#5b6472;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:38px;padding:0 14px}.segmented-button.is-active{color:#fff;background:linear-gradient(135deg,#6d28d9 0%,#2563eb 100%);box-shadow:0 12px 22px #6456da3d}.preview-wrap{background-color:#0000;background-image:linear-gradient(45deg,#1018280a 25%,#0000 25%),linear-gradient(-45deg,#1018280a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1018280a 75%),linear-gradient(-45deg,#0000 75%,#1018280a 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;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 #715cff1f;border-radius:20px;max-height:620px;overflow:auto}.preview-wrap--animation{place-items:center;min-height:320px;padding:20px;display:grid;overflow:auto}.preview-wrap--sequence-animation{aspect-ratio:16/9;width:100%;min-height:0;overflow:hidden}.preview-wrap--sequence-animation.is-zoomed{display:block;overflow:auto}.sequence-animation-stage{place-items:center;margin:auto;display:grid}.sequence-animation-stage .preview-canvas{object-fit:contain;width:100%;height:100%}.preview-wrap--solid{background:#f4f7fd}.preview-wrap--transparent{background-color:#0000;background-image:linear-gradient(45deg,#10182814 25%,#0000 25%),linear-gradient(-45deg,#10182814 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#10182814 75%),linear-gradient(-45deg,#0000 75%,#10182814 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;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}.preview-image{width:100%;height:auto;display:block}.preview-empty{color:#667085;text-align:center;background:#f4f7fd;border-radius:20px;place-items:center;min-height:320px;padding:24px;display:grid}.animation-toolbar{background:#f7f8fd;border:1px solid #715cff1f;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:14px 16px;display:flex}.animation-meta{gap:4px;display:grid}.animation-meta strong{color:#182230}.animation-meta span{color:#6a7783;font-size:.9rem}.animation-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.animation-zoom-value{color:#4b5563;text-align:center;min-width:52px;font-weight:700}.download-panel{align-content:start;gap:14px;display:grid}.spine-grid{margin-top:18px}.spine-preview-note{margin-bottom:12px}.download-copy{color:#52616e;margin:0}.export-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.export-config-grid__full{grid-column:1/-1}.export-actions{gap:12px;display:grid}.hint-card{color:#5b6472}.hint-card--soft{background:#f3f4ffe6}.app-footer{color:#607085;border-top:1px solid #715cff1f;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:18px;display:flex}.app-footer__brand{align-items:center;gap:12px;display:flex}.app-footer__avatar{object-fit:cover;background:#ffffffeb;border:1px solid #715cff24;border-radius:12px;width:42px;height:42px;box-shadow:0 10px 18px #2c3e6e14}.app-footer__copy{gap:2px;display:grid}.app-footer__copy strong{color:#253243;font-size:.95rem}.app-footer__copy span,.app-footer__note{font-size:.9rem}.app-footer__note{text-align:right;margin:0}.frame-picker-panel{flex-direction:column;gap:16px;display:flex}.frame-picker-actions{flex-wrap:wrap;gap:10px;display:flex}.frame-picker-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:12px;max-height:560px;padding-right:4px;display:grid;overflow:auto}.frame-picker-card{cursor:pointer;background:#ffffffd6;border:1px solid #94a3b83d;border-radius:16px;flex-direction:column;gap:8px;padding:10px;transition:border-color .18s,transform .18s,box-shadow .18s,opacity .18s;display:flex}.frame-picker-card:hover{border-color:#3b82f652;transform:translateY(-1px);box-shadow:0 12px 24px #94a3b82e}.frame-picker-card.is-active{border-color:#3b82f675;box-shadow:0 10px 24px #3b82f61f}.frame-picker-card.is-disabled{opacity:.58}.frame-picker-card input[type=checkbox]{margin:0}.frame-picker-thumb{background-color:#f8fafc;background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25% 75%,#e5e7eb 75%,#e5e7eb),linear-gradient(45deg,#e5e7eb 25%,#0000 25% 75%,#e5e7eb 75%,#e5e7eb);background-position:0 0,8px 8px;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:12px;justify-content:center;align-items:center;min-height:78px;padding:6px;display:flex}.frame-picker-thumb img{object-fit:contain;max-width:100%;max-height:86px;display:block}.frame-picker-meta{flex-direction:column;gap:2px;display:flex}.frame-picker-meta strong{color:#253243;font-size:.92rem}.frame-picker-meta span{color:#5b6678;word-break:break-all;font-size:.78rem}.watermark-toolbar{background:#f8fafceb;border:1px solid #94a3b82e;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:14px 16px;display:flex}.watermark-toolbar__copy{flex-direction:column;gap:4px;min-width:240px;display:flex}.watermark-toolbar__copy strong{color:#253243}.watermark-toolbar__copy span{color:#5b6678;font-size:.88rem}.watermark-toolbar__actions{flex-wrap:wrap;gap:10px;display:flex}.watermark-pass-list{flex-wrap:wrap;gap:8px;display:flex}.watermark-pass-list span{color:#5b4aa5;background:#6d28d914;border-radius:999px;padding:8px 10px;font-size:.82rem}@media (width<=1120px){.workspace-grid,.result-grid{grid-template-columns:1fr}}@media (width<=980px){.algorithm-grid,.reference-grid,.advanced-grid{grid-template-columns:1fr}.reference-toolbar,.sample-badge-row,.advanced-head,.panel-head{flex-direction:column;align-items:flex-start}.mode-switch,.upload-layout--with-preview,.crop-controls-grid,.control-grid,.stats-grid,.export-config-grid,.crop-grid,.toggle-group,.segment-picker__meta,.crop-preview-grid{grid-template-columns:1fr}.segment-picker__head,.animation-toolbar{flex-direction:column;align-items:flex-start}.animation-actions{width:100%}.watermark-toolbar{align-items:flex-start}.reference-meta{text-align:left;min-width:0}.app-footer{flex-direction:column;align-items:flex-start}.app-footer__note{text-align:left}}@media (width<=640px){.app-card{border-radius:22px;width:min(100% - 16px,100%);margin:8px auto;padding:18px}.dropzone,.advanced-panel,.reference-toolbar{padding:16px}.sample-badge-row{align-items:stretch}.crop-picker__footer{flex-direction:column;align-items:flex-start}.sample-badge{width:100%}.solid-preview-bar{flex-direction:column;align-items:flex-start}.animation-actions{flex-direction:column}.status-banner{border-radius:18px;width:100%}.hero-brand{align-items:flex-start}.hero-brand__avatar{border-radius:14px;width:52px;height:52px}.hero-title{gap:10px}.hero-copy{white-space:normal}}.resize-settings{margin-bottom:18px}.resize-inputs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:14px 0 4px;display:grid}.resize-fit{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 4px;display:flex}.resize-fit>span{color:#6a7783;font-weight:600}.resize-hint{color:#6a7783;margin:12px 0 0;font-size:.92rem}.resize-hint strong{color:#132238}.resize-results{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:18px;display:grid}.resize-card{flex-direction:column;gap:12px;display:flex}.resize-card .resize-thumb{object-fit:contain;background:repeating-conic-gradient(#eceff5 0% 25%,#fafbff 0% 50%) 50%/16px 16px;border:1px solid #715cff1a;border-radius:14px;width:100%;max-height:220px}.resize-thumb--empty{color:#b42318;justify-content:center;align-items:center;min-height:120px;font-size:.9rem;display:flex}.resize-card__meta{flex-direction:column;gap:4px;display:flex}.resize-card__meta strong{word-break:break-word}.resize-card__meta small{color:#6a7783}.resize-card__actions{gap:10px;display:flex}.resize-card__actions .secondary-button,.resize-card__actions .ghost-button{flex:1;min-height:44px}.resize-badge{color:#6d28d9;background:#6d28d91a;border-radius:999px;align-self:flex-start;padding:3px 12px;font-size:.78rem;font-weight:700}.resize-badge--skip{color:#b45309;background:#d977061f}.resize-badge--err{color:#b42318;background:#b423181f}.compare{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-conic-gradient(#eceff5 0% 25%,#fafbff 0% 50%) 50%/16px 16px;border:1px solid #715cff1a;border-radius:14px;width:100%;line-height:0;position:relative;overflow:hidden}.compare__after,.compare__before{object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;max-height:280px;display:block}.compare__after{position:relative}.compare__before{height:100%;position:absolute;inset:0}.compare__divider{background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #1322382e}.compare__grip{background:#fff;border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 16px #13223847}.compare__grip:before,.compare__grip:after{content:"";border:5px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.compare__grip:before{border-right-color:#6d28d9;left:5px}.compare__grip:after{border-left-color:#6d28d9;right:5px}.compare__tag{color:#fff;pointer-events:none;background:#1322389e;border-radius:999px;padding:3px 10px;font-size:.74rem;font-weight:600;line-height:1.1;position:absolute;bottom:8px}.compare__tag--before{left:8px}.compare__tag--after{right:8px}