@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";.candidate small{display:block;font-size:9px;color:#999;padding-top:3px}.font-picker{display:flex;gap:4px;flex-wrap:wrap}.font-picker button{border:1px solid var(--line);background:transparent;padding:8px 10px;font-size:11px}.font-picker button.on{border-color:var(--accent);color:var(--accent)}:root{--paper:#eeeeec;--ink:#202020;--muted:#717171;--line:#d0d0d0;--accent:#2949e8;--yellow:#f2ee70;--surface:#f8f8f6}::selection{background:var(--yellow);color:var(--ink)}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif}button,a{font:inherit}button{cursor:pointer}.app{min-height:100vh}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(20px,4vw,64px);gap:38px}.brand{font-size:22px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.04em}.brand span,h1 em{color:var(--accent);font-style:normal}.top-note,.label,.kicker{font-size:10px;letter-spacing:.14em;font-weight:700}.top-note{color:var(--muted);display:flex;align-items:center;gap:9px}.top-note i{width:6px;height:6px;background:var(--accent);display:block;border-radius:50%}.local{margin-left:auto;color:var(--muted);font-size:12px;display:flex;gap:7px;align-items:center}.home{color:var(--ink);text-decoration:none;font-size:13px;display:flex;gap:6px;align-items:center}.home:hover,.footer a:hover{color:var(--accent)}main{max-width:1440px;margin:auto;padding:68px clamp(20px,4vw,64px) 80px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px}.kicker,.label{color:var(--muted);margin:0}.intro h1{font-size:clamp(48px,7vw,96px);line-height:.95;letter-spacing:-.07em;margin:18px 0 24px;font-weight:800}.lead{max-width:470px;color:var(--muted);font-size:16px;line-height:1.7;margin:0}.stepper{display:flex;gap:24px;align-items:center;padding-bottom:6px}.stepper span{font-size:12px;color:#a3a3a3;border-bottom:1px solid var(--line);padding-bottom:10px}.stepper .active{color:var(--ink);border-color:var(--accent)}.stepper b{font-weight:500;margin-left:8px}.workspace{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(480px,1.5fr);border:1px solid var(--line);background:var(--surface)}.left-panel,.editor{padding:26px}.left-panel{border-right:1px solid var(--line)}.panel-head,.editor-bar{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2,.editor-bar h2{font-size:18px;margin:8px 0 0;letter-spacing:-.03em}.drop{width:100%;min-height:240px;border:1px dashed #a7a7a7;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;margin-top:24px;color:var(--ink);transition:.2s}.drop:hover{border-color:var(--accent);background:#f1f2fc}.drop strong{font-size:16px}.drop span{font-size:12px;color:var(--muted)}.drop b{color:var(--accent);font-size:12px;margin-top:16px;display:flex;gap:5px;align-items:center}.source-preview{margin-top:24px}.source-preview video{width:100%;aspect-ratio:16/9;display:block;background:#111;object-fit:contain}.source-preview button{border:0;background:none;padding:14px 0 0;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:7px}.candidates-head{margin-top:34px;border-top:1px solid var(--line);padding-top:24px}.candidates{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.candidate{position:relative;padding:0;border:1px solid transparent;background:none;text-align:left}.candidate img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.8);transition:.2s}.candidate span{display:block;font-size:10px;color:var(--muted);padding-top:7px}.candidate.selected{border-color:var(--accent);padding:3px}.candidate.selected img{filter:none}.candidate i{position:absolute;right:7px;top:7px;background:var(--yellow);width:20px;height:20px;display:grid;place-items:center;font-style:normal;font-size:12px}.loading{grid-column:1/-1;display:flex;gap:6px;padding:40px;justify-content:center}.loading span{width:7px;height:7px;background:var(--accent);border-radius:50%;animation:bounce 1s infinite}.loading span:nth-child(2){animation-delay:.15s}.loading span:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{transform:translateY(-6px);opacity:.5}}.export{border:0;background:var(--accent);color:#fff;padding:12px 16px;display:flex;align-items:center;gap:7px;font-size:12px}.export:disabled{opacity:.35;cursor:not-allowed}.canvas-wrap{position:relative;background:#252525;margin-top:28px;aspect-ratio:16/9;overflow:hidden}.canvas-wrap>img{width:100%;height:100%;object-fit:cover}.filter-contrast img{filter:contrast(1.18) saturate(1.1)}.filter-mono img{filter:grayscale(1) contrast(1.08)}.empty-canvas{height:100%;display:grid;place-items:center;color:#939393;font-size:13px;gap:10px;align-content:center}.empty-canvas span{display:block}.overlay{position:absolute;transform:translate(-50%,-50%);border:1px solid transparent;background:transparent;font-weight:800;line-height:1;padding:4px;cursor:move;text-shadow:0 2px 9px #0008}.overlay.text{font-size:clamp(24px,4vw,56px);letter-spacing:-.05em}.overlay.icon{font-size:clamp(28px,5vw,72px)}.overlay.active{border-color:var(--yellow)}.toolbar{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.tool-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-group .label{width:100%;margin-bottom:3px}.tool-group button{height:38px;border:1px solid var(--line);background:transparent;padding:0 12px;display:flex;align-items:center;gap:7px;font-size:12px}.tool-group button:hover,.tool-group button.on{border-color:var(--accent);color:var(--accent)}.tool-group button:disabled{opacity:.35;cursor:not-allowed}.icon-picker{display:flex;gap:4px}.icon-picker button{font-size:18px;padding:0;width:38px;justify-content:center}.right{justify-content:flex-end}.inspector{margin-top:18px;border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inspector .label{width:100%}.inspector input:not([type=color]){border:1px solid var(--line);background:transparent;padding:10px;flex:1;min-width:160px}.inspector label{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.inspector button{border:0;background:none;color:#a44;font-size:12px}.footer,footer{border-top:1px solid var(--line);padding:22px clamp(20px,4vw,64px);display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.08em}footer a{color:var(--ink);text-decoration:none;display:flex;gap:6px;align-items:center}@media (max-width:900px){header{gap:18px}.top-note{display:none}.workspace{grid-template-columns:1fr}.left-panel{border-right:0;border-bottom:1px solid var(--line)}.intro{display:block}.stepper{margin-top:28px}.right{justify-content:flex-start}}@media (max-width:560px){main{padding-top:42px}.intro h1{font-size:56px}.workspace{margin-inline:-1px}.left-panel,.editor{padding:18px}.toolbar{display:block}.right{margin-top:18px}.footer{gap:14px;flex-wrap:wrap}.local{display:none}.candidates{gap:6px}}:root{--paper: #eeeeec;--ink: #202020;--muted: #717171;--line: #d0d0d0;--accent: #2949e8;--selected: #f2ee70;--surface: #f8f8f6;--gutter: max(20px, calc((100vw - 1180px)/2) );color:var(--ink);background:var(--paper)}*{box-sizing:border-box}.app *,.intro h1,.panel-head h2,.editor-bar h2,.overlay.text,.stepper span,.label,.kicker,.top-note{letter-spacing:0}body{min-width:320px;background:var(--paper);color:var(--ink);line-height:1.7}::selection{background:var(--selected);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,input{font:inherit}button,a{touch-action:manipulation}.skip-link{position:fixed;z-index:20;top:8px;left:8px;min-height:44px;padding:10px 14px;transform:translateY(-150%);background:var(--ink);color:#fff}.skip-link:focus{transform:none}.app>header{min-height:88px;padding:0 var(--gutter);gap:28px}.brand{font-size:31px;font-weight:800;letter-spacing:0}.top-note{letter-spacing:0}.top-note i{border-radius:0}.home{min-height:44px}.app>main{width:min(100%,1440px);padding:68px var(--gutter) 80px}.intro h1{font-size:76px;line-height:1}.lead{line-height:1.7}.workspace{background:var(--surface)}.drop,.export,.tool-group button,.font-picker button,.inspector button,.source-preview button{min-height:44px}.export:disabled{opacity:1;background:#c7cef4;color:#202020}.candidate:focus-visible,.overlay:focus-visible{outline-offset:2px}.app>footer{min-height:180px;padding:44px var(--gutter);border:0;background:var(--ink);color:#fff;letter-spacing:0}.app>footer strong{color:#fff;font-size:22px}.app>footer a{min-height:44px;color:#fff}@media (max-width: 900px){.app>header{min-height:76px}.top-note{display:none}.app>main{padding-top:48px}.intro h1{font-size:60px}}@media (max-width: 560px){.app>header{min-height:68px;padding-inline:16px;gap:12px}.brand{font-size:26px}.local{display:none}.app>main{padding:42px 16px 56px}.intro h1{font-size:48px}.stepper{gap:12px}.app>footer{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:32px 16px calc(32px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}