:root{--bg:#f7f8fb;--surface:#fff;--surface-2:#f3f4f8;--surface-3:#eceef4;--text:#171a23;--text-2:#4b5363;--text-3:#8a92a3;--line:#e6e8ef;--line-2:#d8dbe5;--brand:#5b4cf0;--brand-2:#7b6cff;--brand-ink:#3d2fd1;--brand-soft:#efedff;--brand-soft-2:#e2deff;--good:#12a150;--good-soft:#e7f8ee;--warn:#c26a00;--danger:#e03131;--danger-soft:#fff0f0;--r-sm:10px;--r:14px;--r-lg:20px;--r-xl:28px;--shadow-sm:0 1px 2px #1418280f;--shadow:0 1px 2px #1418280a, 0 8px 24px -6px #1418281a;--shadow-lg:0 2px 6px #1418280a, 0 24px 60px -16px #2e248c40;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.tone-violet{--t-bg:#efedff;--t-fg:#5b4cf0}.tone-blue{--t-bg:#e7f0ff;--t-fg:#2f6fed}.tone-red{--t-bg:#ffecec;--t-fg:#e5484d}.tone-teal{--t-bg:#e3f7f4;--t-fg:#0f9488}.tone-orange{--t-bg:#fff1e5;--t-fg:#e8660c}.tone-slate{--t-bg:#edf0f5;--t-fg:#475569}.tone-pink{--t-bg:#fdebf4;--t-fg:#d6338f}.tone-green{--t-bg:#e8f8ec;--t-fg:#1f9d4c}.tone-amber{--t-bg:#fff6dc;--t-fg:#c98a00}.tone-cyan{--t-bg:#e3f6fb;--t-fg:#0d8fb3}.tone-indigo{--t-bg:#e9ebff;--t-fg:#4338ca}.tone-rose{--t-bg:#ffe9ee;--t-fg:#e11d48}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);letter-spacing:-.01em;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:16px;line-height:1.6}a{color:var(--brand);text-decoration:none}h1,h2,h3{letter-spacing:-.03em;margin:0;line-height:1.25}p{margin:0}img{max-width:100%}:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 45%, transparent);outline-offset:2px;border-radius:6px}::selection{background:var(--brand-soft-2)}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}@media (width<=640px){.container{padding:0 16px}}.muted,.dim{color:var(--text-3)}.small{font-size:.85rem}.good{color:var(--good);font-weight:600}.warn{color:var(--warn);align-items:center;gap:4px;font-size:.9rem;display:inline-flex}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.center{text-align:center}button,select,input{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}.btn,button{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);height:42px;color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .1s,box-shadow .15s;display:inline-flex}button:hover:not(:disabled){border-color:var(--text-3)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary,button.primary{background:var(--brand);color:#fff;border-color:#0000;box-shadow:0 1px 2px #1418281f}.btn-primary:hover:not(:disabled),button.primary:hover:not(:disabled){background:var(--brand-ink);border-color:#0000}.btn-primary:active:not(:disabled),button.primary:active:not(:disabled){background:#3226b8}.btn-ghost{background:var(--surface);border-color:var(--line-2);color:var(--text)}.btn-ghost:hover{border-color:var(--text-3)}.btn-lg,button.big{border-radius:var(--r);height:54px;padding:0 26px;font-size:1.05rem}button.link,.text-btn{height:auto;color:var(--brand);background:0 0;border:0;padding:0;font-size:.9rem;font-weight:600}.text-btn{color:var(--text-3)}.text-btn:hover{color:var(--danger)}.icon-btn{width:40px;height:40px;color:var(--brand);background:var(--brand-soft);border-color:#0000;border-radius:12px;flex:none;padding:0}.icon-btn:hover:not(:disabled){background:var(--brand-soft-2);border-color:#0000}select,input[type=number],input[type=text]{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);min-width:0;height:42px;padding:0 12px;font-weight:500;transition:border-color .15s,box-shadow .15s}select:focus,input[type=number]:focus,input[type=text]:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);outline:none}input[type=number]{width:96px}input[type=text]{width:100%}input[type=color]{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;width:42px;height:42px;padding:4px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand);margin:0}input[type=range]{width:100%;accent-color:var(--brand);height:24px}label{color:var(--text-2);align-items:center;gap:8px;font-size:.95rem;display:inline-flex}.site-header{z-index:50;background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:12px;height:64px;display:flex}.brand{color:var(--text);letter-spacing:-.04em;align-items:center;gap:10px;font-size:1.12rem;font-weight:800;display:inline-flex}.header-right{align-items:center;gap:14px;display:flex}.menu-btn{background:var(--surface-2);border-color:#0000;border-radius:12px;height:40px}.menu-btn:hover:not(:disabled){background:var(--surface-3);border-color:#0000}.menu-btn.open{background:var(--brand-soft);color:var(--brand)}.menu-btn .chev{color:var(--text-3);transition:transform .2s}.menu-btn.open .chev{color:var(--brand);transform:rotate(180deg)}@media (width<=420px){.menu-btn .chev{display:none}}.mega{background:var(--surface);border-bottom:1px solid var(--line);animation:drop-in .18s var(--ease);max-height:calc(100vh - 64px);position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 30px 60px -20px #14182840}@keyframes drop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.mega-inner{grid-template-columns:repeat(3,1fr);gap:8px 24px;padding-top:20px;padding-bottom:24px;display:grid}@media (width<=820px){.mega-inner{grid-template-columns:1fr}}.mega-title{color:var(--text-3);margin:4px 10px 6px;font-size:.8rem;font-weight:700}.mega-item{border-radius:var(--r);color:var(--text);align-items:center;gap:12px;padding:10px;display:flex}.mega-item:hover{background:var(--surface-2)}.mega-item.current{background:var(--brand-soft)}.mega-item span{flex-direction:column;min-width:0;display:flex}.mega-item strong{font-size:.97rem}.mega-item small{color:var(--text-3);font-size:.84rem;line-height:1.4}.icon-tile{background:var(--t-bg);color:var(--t-fg);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:inline-grid}.icon-tile.sm{border-radius:11px;width:38px;height:38px}.icon-tile.lg{border-radius:18px;width:64px;height:64px}.hero{padding:72px 0 88px;position:relative;overflow:hidden}.hero-bg{z-index:-1;background:radial-gradient(600px 400px at 85% 20%, #7b6cff38, transparent 70%), radial-gradient(500px 360px at 10% 0%, #50c8ff24, transparent 70%), radial-gradient(500px 300px at 60% 110%, #ff96c824, transparent 70%), linear-gradient(180deg, #fbfbff, var(--bg));position:absolute;inset:0}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}@media (width<=900px){.hero{padding:48px 0 56px}.hero-grid{grid-template-columns:1fr;gap:40px}}.eyebrow{background:var(--good-soft);color:var(--good);border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.045em;margin:18px 0;font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;line-height:1.18}.hero h1 em{background:linear-gradient(90deg, var(--brand), #b04cf0);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.lead{color:var(--text-2);max-width:520px;font-size:1.12rem}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-points{color:var(--text-2);flex-wrap:wrap;gap:8px 18px;margin:22px 0 0;padding:0;font-size:.93rem;font-weight:500;list-style:none;display:flex}.hero-points li{align-items:center;gap:6px;display:inline-flex}.hero-points svg{color:var(--good)}.hero-art{justify-self:center;width:100%;max-width:460px;height:380px;position:relative}@media (width<=900px){.hero-art{height:320px}}.art-card{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:22px;position:absolute}.art-card.back{width:62%;height:58%;color:var(--brand-2);background:linear-gradient(160deg, #fff, var(--brand-soft));place-items:center;display:grid;top:4%;right:2%;transform:rotate(7deg)}.art-card.front{width:74%;padding:12px;top:14%;left:6%;transform:rotate(-3deg)}.art-photo{border-radius:14px;width:100%;display:block}.art-meta{color:var(--text-3);justify-content:space-between;align-items:center;gap:8px;padding:10px 4px 2px;font-size:.82rem;font-weight:600;display:flex}.art-size s{color:var(--text-3)}.art-size b{color:var(--good)}.art-chip{background:var(--surface);box-shadow:var(--shadow);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:10px 14px;font-size:.88rem;font-weight:700;animation:5s ease-in-out infinite float;display:inline-flex;position:absolute}.chip-a{color:var(--good);top:2%;right:0}.chip-b{color:#e8660c;animation-delay:-2.5s;bottom:4%;left:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.art-chip,.mega{animation:none}}.section{padding:56px 20px}.tool-group+.tool-group{margin-top:48px}.group-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.group-head h2{font-size:1.45rem;font-weight:800}.group-head p{color:var(--text-3)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.tool-card{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);color:var(--text);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s;flex-direction:column;gap:6px;padding:22px;display:flex;position:relative}.tool-card .icon-tile{margin-bottom:8px}.tool-card strong{letter-spacing:-.03em;font-size:1.08rem}.tool-card>span:not(.icon-tile){color:var(--text-2);font-size:.93rem;line-height:1.5}.card-arrow{color:var(--text-3);opacity:0;transition:.2s var(--ease);position:absolute;top:24px;right:20px;transform:translate(-6px)}.tool-card:hover{box-shadow:var(--shadow);border-color:var(--brand-soft-2)}.tool-card:hover .card-arrow{opacity:1;color:var(--brand);transform:none}.why{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:64px 0}.why h2,.faq h2{margin-bottom:28px;font-size:1.7rem;font-weight:800}.why-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=820px){.why-grid{grid-template-columns:1fr}}.why-card{border-radius:var(--r-lg);background:var(--bg);padding:26px}.why-icon{background:var(--brand-soft);width:48px;height:48px;color:var(--brand);border-radius:14px;place-items:center;margin-bottom:14px;display:inline-grid}.why-card h3{margin-bottom:8px;font-size:1.12rem}.why-card p{color:var(--text-2);font-size:.95rem}.faq{max-width:760px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;transition:border-color .2s}.faq details[open]{border-color:var(--brand-soft-2)}.faq summary{cursor:pointer;justify-content:space-between;gap:12px;padding:18px 22px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--text-3);font-size:1.3rem;line-height:1;transition:transform .2s}.faq details[open] summary:after{color:var(--brand);transform:rotate(45deg)}.faq details p{color:var(--text-2);padding:0 22px 20px}.tool-hero{background:linear-gradient(180deg, #fbfbff, var(--bg));padding:28px 0 24px}.crumbs{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:18px;font-size:.85rem;display:flex}.crumbs [aria-current]{color:var(--text-2);font-weight:600}.tool-title{align-items:center;gap:18px;display:flex}.tool-title h1{margin-bottom:6px;font-size:clamp(1.6rem,3.6vw,2.2rem);font-weight:800}.tool-title p{color:var(--text-2);max-width:720px}@media (width<=560px){.tool-title{align-items:flex-start}.tool-title .icon-tile.lg{width:52px;height:52px}}.trust-row{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.trust-row li{color:var(--text-2);background:var(--surface);border:1px solid var(--line);border-radius:99px;align-items:center;gap:5px;padding:4px 11px;font-size:.82rem;font-weight:600;display:inline-flex}.tool-main{padding-bottom:16px}.workspace{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow);flex-direction:column;gap:20px;padding:28px;display:flex}@media (width<=640px){.workspace{border-radius:var(--r-lg);gap:16px;padding:16px}}.workspace>*{margin-top:0!important}.add-more{color:var(--brand);background:var(--brand-soft);border-color:#0000;align-self:flex-start}.add-more:hover:not(:disabled){background:var(--brand-soft-2);border-color:#0000}.picked-head{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.95rem;display:flex}.thumbs{flex-wrap:wrap;gap:10px;max-height:196px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.thumbs li{background:var(--surface-2);border-radius:12px;flex:none;width:84px;height:84px;position:relative;overflow:hidden}.thumbs img,.thumb-ph{object-fit:cover;width:100%;height:100%;display:block}.thumb-x{color:#fff;opacity:.9;background:#14161e99;border:0;border-radius:99px;width:22px;height:22px;padding:0;position:absolute;top:5px;right:5px}.thumb-x:hover:not(:disabled){background:var(--danger)}.thumb-size{color:#fff;background:linear-gradient(#0000,#0000008c);padding:12px 6px 4px;font-size:.7rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}.panel{background:var(--surface-2);border-radius:var(--r-lg);flex-direction:column;gap:20px;padding:22px;display:flex}@media (width<=640px){.panel{padding:16px}}.field{flex-direction:column;gap:10px;display:flex}.field>.label,.panel .label{color:var(--text);font-size:.95rem;font-weight:700}.hint{color:var(--text-3);font-size:.86rem;line-height:1.5}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg button{background:var(--surface);border:1px solid var(--line-2);height:40px;color:var(--text-2);border-radius:99px;padding:0 16px;font-size:.92rem;font-weight:600}.seg button:hover:not(:disabled){border-color:var(--brand-2);color:var(--brand)}.seg button.on{background:var(--text);color:#fff;border-color:var(--text)}.seg button.on:hover:not(:disabled){color:#fff;border-color:var(--text)}.seg label{color:var(--text-2)}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.actions button.primary.big,.panel>button.primary.big{width:100%}@media (width>=761px){.actions button.primary.big{width:auto;min-width:260px}}.actions .hint{flex:1;min-width:200px}.progress{border-radius:var(--r);background:var(--surface-2);height:44px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--brand-soft-2), #cfc8ff);transition:width .25s var(--ease);position:absolute;inset:0 auto 0 0}.progress span{text-align:center;color:var(--brand-ink);font-size:.92rem;font-weight:700;line-height:44px;display:block;position:relative}.errors{border-radius:var(--r);background:var(--danger-soft);color:var(--danger);flex-direction:column;gap:6px;margin:0;padding:14px 16px;font-size:.92rem;list-style:none;display:flex}.errors li{align-items:flex-start;gap:8px;display:flex}.errors svg{flex:none;margin-top:3px}.results{animation:rise .3s var(--ease);flex-direction:column;gap:14px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.done-bar{border-radius:var(--r-lg);background:var(--good-soft);border:1px solid color-mix(in srgb, var(--good) 20%, transparent);flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;display:flex}.done-icon{color:var(--good);display:grid}.done-text{flex-direction:column;flex:1;min-width:180px;display:flex}.done-text strong{font-size:1.05rem}.done-text span{color:var(--text-2);font-size:.93rem}.done-text em{color:var(--good);font-style:normal;font-weight:700}.done-bar .btn{height:46px}@media (width<=560px){.done-bar .btn{width:100%}}.result-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.result-card{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);align-items:center;gap:12px;padding:10px;display:flex}.result-thumb{background:var(--surface-2);width:64px;height:64px;color:var(--text-3);border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.result-thumb img{object-fit:cover;width:100%;height:100%}.result-body{flex-direction:column;flex:1;min-width:0;font-size:.92rem;display:flex}.result-size{align-items:baseline;gap:6px;display:flex}.result-size s{color:var(--text-3);font-size:.85rem}.result-size b{color:var(--text)}.editor{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}@media (width<=860px){.editor{grid-template-columns:1fr}}.editor .panel{position:sticky;top:84px}@media (width<=860px){.editor .panel{position:static}}.stage{background:var(--surface-2);border-radius:var(--r-lg);justify-content:center;align-items:center;min-height:260px;padding:16px;display:flex}.stage canvas,.stage img{max-width:100%;max-height:70vh;box-shadow:var(--shadow);border-radius:6px;display:block}.stage>p{color:var(--text-3)}.checker{background-color:#eef0f4;background-image:conic-gradient(#e2e5ec 25%, transparent 0 50%, #e2e5ec 0 75%, transparent 0);background-size:18px 18px}.crop{-webkit-user-select:none;user-select:none;touch-action:none;margin:0 auto;position:relative}.crop img{border-radius:8px}.crop-dim{pointer-events:none;border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.crop img{pointer-events:none;width:100%;height:100%;display:block}.crop-rect:before,.crop-rect:after{content:"";pointer-events:none;position:absolute;inset:0}.crop-rect:before{border-left:1px solid #ffffff59;border-right:1px solid #ffffff59;left:33.33%;right:33.33%}.crop-rect:after{border-top:1px solid #ffffff59;border-bottom:1px solid #ffffff59;top:33.33%;bottom:33.33%}.face-guide{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}table.info{border-collapse:collapse;width:100%;font-size:.92rem}table.info th{text-align:left;color:var(--text-3);vertical-align:top;width:92px;padding:8px 8px 8px 0;font-weight:500}table.info td{padding:8px 0;font-weight:500}table.info tr+tr{border-top:1px solid var(--line)}.danger-tag{color:var(--danger);font-weight:700}.notice{border-radius:var(--r);align-items:flex-start;gap:10px;padding:14px 16px;font-size:.95rem;display:flex}.notice.bad{background:var(--danger-soft);color:var(--danger)}.notice.ok{background:var(--good-soft);color:var(--good)}.notice span{color:var(--text-2);font-weight:400}.order-list{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.order-list li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);color:var(--text-2);flex-direction:column;gap:6px;padding:8px;font-size:.8rem;display:flex;position:relative}.order-list img,.order-list .ph{aspect-ratio:1;object-fit:cover;background:var(--surface-2);border-radius:10px;width:100%;display:block}.order-no{background:var(--brand);color:#fff;border-radius:99px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:.78rem;font-weight:800;display:grid;position:absolute;top:14px;left:14px}.order-list .row{flex-wrap:nowrap;justify-content:space-between;gap:4px}.order-list .row button{background:var(--surface-2);border-color:#0000;border-radius:8px;width:34px;height:30px;padding:0}.order-list .row button:hover:not(:disabled){background:var(--brand-soft);color:var(--brand)}.pos-grid{background:var(--surface);border-radius:var(--r);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:6px;width:138px;padding:6px;display:grid}.pos-grid button{background:var(--surface-2);border:0;border-radius:8px;height:36px;padding:0}.pos-grid button:after{content:"";background:var(--text-3);border-radius:99px;width:8px;height:8px}.pos-grid button.on{background:var(--brand-soft)}.pos-grid button.on:after{background:var(--brand)}.howto{padding-top:56px}.howto h2,.related h2{margin-bottom:18px;font-size:1.35rem;font-weight:800}.steps{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (width<=760px){.steps{grid-template-columns:1fr}}.steps li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}.step-no{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);border-radius:10px;place-items:center;margin-bottom:12px;font-weight:800;display:inline-grid}.steps p{color:var(--text-2);font-size:.95rem}.related{padding-top:48px;padding-bottom:72px}.mini-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.mini-card{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);color:var(--text);transition:border-color .2s, transform .2s var(--ease);align-items:center;gap:12px;padding:12px 14px;font-weight:600;display:flex}.mini-card:hover{border-color:var(--brand-soft-2)}.site-footer{color:#a3a9b8;background:#12141c;padding:56px 0 28px;font-size:.92rem}.footer-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:32px;display:grid}@media (width<=820px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}.site-footer .brand{color:#fff;margin-bottom:14px}.footer-brand p{max-width:340px;line-height:1.65}.footer-col{flex-direction:column;gap:8px;display:flex}.footer-col p{color:#fff;margin-bottom:4px;font-weight:700}.footer-col a{color:#a3a9b8}.footer-col a:hover{color:#fff}.footer-bottom{color:#6b7182;border-top:1px solid #262a36;margin-top:40px;padding-top:20px;font-size:.85rem}.opt-cards{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;display:grid}button.opt{border-radius:var(--r);background:var(--surface);border:1.5px solid var(--line);text-align:left;white-space:normal;flex-direction:column;align-items:flex-start;gap:2px;height:auto;padding:12px 14px}button.opt strong{font-size:1.05rem}button.opt small{color:var(--text-3);font-size:.8rem;font-weight:500}button.opt:hover:not(:disabled){border-color:var(--brand-2)}button.opt.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}button.opt.on small{color:var(--brand)}@media (width<=640px){.hero{padding:36px 0 40px}.start-card.empty{padding:32px 20px 18px}.hero-cta .btn{flex:1}.lead{font-size:1rem}.section{padding:40px 16px}.group-head h2{font-size:1.25rem}.card-grid{grid-template-columns:1fr 1fr;gap:10px}.tool-card{border-radius:var(--r);padding:16px}.tool-card .icon-tile{border-radius:12px;width:40px;height:40px;margin-bottom:4px}.tool-card strong{font-size:.98rem}.tool-card>span:not(.icon-tile){font-size:.84rem}.card-arrow{display:none}.why{padding:44px 0}.why h2,.faq h2{font-size:1.4rem}.tool-hero{padding:18px 0}.tool-title p{font-size:.93rem}.crumbs{margin-bottom:12px}.opt-cards,.mini-grid{grid-template-columns:1fr 1fr}}@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.14s}@media (prefers-reduced-motion:reduce){::view-transition-group(root){animation:none}}.header-right .gn-all,.ed-actions .gn-all{margin-left:0}.gn-crumb .brand{min-width:0}@media (width<=760px){.ed-top .gn-crumb{gap:6px}.ed-top .gn-sep{display:none}}.gn-hub{color:#4b5363;letter-spacing:-.01em;flex:none;align-items:center;gap:8px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.gn-hub:hover{color:#5b4cf0}.gn-hub svg{flex:none;display:block}.gn-crumb{flex:none;align-items:center;gap:8px;min-width:0;display:flex}.gn-sep{color:#c3c8d6;flex:none;margin:0 2px;font-style:normal;font-weight:400}.gn-all{flex:none;margin-left:auto;position:relative}.gn-all>summary{color:#4b5363;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#fff;border:1px solid #e6e8ef;border-radius:10px;align-items:center;gap:6px;height:38px;padding:0 12px;font-size:.9rem;font-weight:700;list-style:none;display:inline-flex}.gn-all>summary::-webkit-details-marker{display:none}.gn-all>summary:hover,.gn-all[open]>summary{color:#5b4cf0;border-color:#cfc9ff}.gn-panel{z-index:80;background:#fff;border:1px solid #e6e8ef;border-radius:14px;flex-direction:column;gap:2px;width:280px;max-width:calc(100vw - 24px);padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px -18px #14182873}.gn-panel a{color:#171a23;border-radius:9px;align-items:center;gap:10px;padding:9px 10px;font-size:.94rem;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.gn-panel a:hover{background:#f3f4f8}.gn-panel a.cur{background:#f3f1ff}.gn-panel i{border-radius:3px;flex:none;width:10px;height:10px}.gn-panel span{color:#8a92a3;margin-left:auto;font-size:.8rem;font-weight:500}.gn-panel .gn-home{color:#5b4cf0;border-bottom:1px solid #e6e8ef;border-radius:9px 9px 0 0;margin-bottom:4px;padding-bottom:11px}@media (width<=560px){.gn-hub span,.gn-all>summary span{display:none}.gn-all>summary{padding:0 10px}}.frame{flex-direction:column;gap:22px;display:flex}.stepper{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stepper li{color:var(--text-3);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.stepper li+li:before{content:"";background:var(--line-2);border-radius:2px;width:28px;height:2px;margin-right:2px}.stepper li.done+li:before{background:var(--brand-2)}.step-dot{background:var(--surface-3);width:26px;height:26px;color:var(--text-3);border-radius:99px;place-items:center;font-size:.82rem;font-weight:800;transition:all .2s;display:inline-grid}.stepper li.now{color:var(--text)}.stepper li.now .step-dot{background:var(--brand);color:#fff;box-shadow:0 0 0 4px var(--brand-soft)}.stepper li.done{color:var(--brand)}.stepper li.done .step-dot{background:var(--brand-soft);color:var(--brand)}@media (width<=480px){.stepper li:not(.now) .step-label{display:none}.stepper li+li:before{width:16px}}.app{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.app-main{flex-direction:column;gap:18px;min-width:0;display:flex}.result-anchor{scroll-margin-top:90px}.result-anchor:empty{display:none}.app-side{background:var(--surface-2);border-radius:var(--r-lg);flex-direction:column;max-height:calc(100vh - 104px);display:flex;position:sticky;top:84px}.side-body{flex-direction:column;gap:22px;padding:22px 22px 12px;display:flex;overflow-y:auto}.side-action{border-top:1px solid var(--line);padding:14px 22px 22px}@media (width<=900px){.app{grid-template-columns:1fr}.app-side{max-height:none;position:static}.side-body{padding-bottom:22px;overflow:visible}.side-action{z-index:40;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px -12px #1418282e}.tool-main{padding-bottom:96px}}.run-btn{background:var(--brand);color:#fff;letter-spacing:-.01em;border:0;border-radius:12px;width:100%;height:50px;font-size:1rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 1px 2px #1418281f}.run-btn:hover:not(:disabled){background:var(--brand-ink);border:0}.run-btn:active:not(:disabled){background:#3226b8}.run-btn:disabled:not(.running){background:var(--surface-3);color:var(--text-3);box-shadow:none;opacity:1}.run-btn.running{opacity:1;cursor:progress;background:var(--brand-2)}.run-fill{transition:width .3s var(--ease);background:#ffffff38;position:absolute;inset:0 auto 0 0}.run-text{align-items:center;gap:8px;display:inline-flex;position:relative}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stage-card{flex-direction:column;gap:10px;display:flex}.stage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.stage-head select{max-width:60%;height:36px}.stage-card .stage{min-height:320px}.value{color:var(--brand);margin-left:4px;font-weight:800}.field>.label{align-items:baseline;display:flex}.tabs{background:var(--surface-3);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.tabs button{height:38px;color:var(--text-2);background:0 0;border:0;border-radius:9px}.tabs button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.tabs button.on:hover:not(:disabled){color:var(--text)}.dim-inputs{align-items:flex-end;gap:8px;display:flex}.dim-inputs label{color:var(--text-3);flex-direction:column;flex:1;align-items:flex-start;gap:4px;font-size:.82rem}.dim-inputs input{width:100%}.dim-inputs .x,.dim-inputs .dim{color:var(--text-3);padding-bottom:10px}.ratio-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ratio-grid button{border-radius:var(--r);background:var(--surface);border-color:var(--line);flex-direction:column;gap:6px;height:76px;padding:8px 4px;font-size:.85rem}.ratio-shape{opacity:.6;border:2px solid;border-radius:4px;max-width:46px;height:30px;display:block}.ratio-grid button.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.ratio-grid button.on .ratio-shape{opacity:1;background:color-mix(in srgb, var(--brand) 15%, transparent)}.icon-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.icon-row button{border-radius:var(--r);background:var(--surface);border-color:var(--line);flex-direction:column;gap:4px;height:70px}.icon-row button small{color:var(--text-3);font-size:.78rem;font-weight:600}.icon-row button.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.icon-row button.on small{color:var(--brand)}.opt-cards.three{grid-template-columns:repeat(3,1fr)}.opt-cards.three .opt{text-align:center;align-items:center;gap:8px}.fx-swatch{border-radius:6px;width:40px;height:28px;display:block}.fx-swatch.mosaic{background:conic-gradient(#8a93a6 25%, #c5cbd6 0 50%, #8a93a6 0 75%, #c5cbd6 0) 0 0 / 10px 10px}.fx-swatch.blur{filter:blur(1.5px);background:linear-gradient(90deg,#aab2c2,#d6dbe4,#aab2c2)}.fx-swatch.box{background:#111}.pos-row{align-items:stretch;gap:10px;display:flex}.tile-btn{border-radius:var(--r);background:var(--surface);border-color:var(--line);white-space:normal;text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:2px;height:auto;padding:10px 12px}.tile-btn small{color:var(--text-3);font-size:.78rem;font-weight:500;line-height:1.4}.tile-btn.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}.spec-list{flex-direction:column;gap:6px;display:flex}.spec{border-radius:var(--r);background:var(--surface);border-color:var(--line);text-align:left;white-space:normal;justify-content:flex-start;gap:12px;height:auto;padding:10px 12px}.spec>span:last-child{flex-direction:column;display:flex}.spec small{color:var(--text-3);font-size:.8rem;font-weight:500}.spec-shape{border:2px solid var(--text-3);border-radius:3px;flex:none;width:22px}.spec.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}.spec.on .spec-shape{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 15%, transparent)}.switch-row{background:var(--surface);border-radius:var(--r);border:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:10px;padding:12px 14px}.switch-row input{margin-top:3px}.switch-row span{flex-direction:column;display:flex}.switch-row b{color:var(--text)}.switch-row small{color:var(--text-3);font-size:.82rem}.check-list{color:var(--text-2);flex-direction:column;gap:8px;margin:0;padding:0;font-size:.93rem;list-style:none;display:flex}.check-list li{align-items:center;gap:8px;display:flex}.check-list li:before{content:"✓";background:var(--good-soft);width:20px;height:20px;color:var(--good);border-radius:99px;flex:none;place-items:center;font-size:.75rem;font-weight:800;display:inline-grid}.small-notice{padding:10px 14px}.meta-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.app-main .thumbs{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;max-height:none;display:grid;overflow:visible}.app-main .thumbs li{aspect-ratio:1;border-radius:var(--r);width:auto;height:auto;box-shadow:var(--shadow-sm)}.thumb-meta{color:#fff;background:linear-gradient(#0000,#0009);justify-content:space-between;gap:6px;padding:18px 8px 6px;font-size:.72rem;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.thumb-meta .ellipsis{opacity:.9}.thumb-meta span:last-child{flex:none;font-weight:800}.thumbs li .thumb-x{opacity:0;transition:opacity .15s}.thumbs li:hover .thumb-x,.thumbs li:focus-within .thumb-x{opacity:1}@media (hover:none){.thumbs li .thumb-x{opacity:1}}.picked-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.picked-head .add-more{height:36px;padding:0 12px;font-size:.88rem}.result-thumb.clickable{cursor:zoom-in;border:0;height:64px;padding:0;position:relative}.thumb-zoom{color:#fff;opacity:0;background:#14161e73;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.result-thumb.clickable:hover .thumb-zoom{opacity:1}.compare-link{color:var(--brand);align-self:flex-start;margin-top:2px;font-size:.82rem}.compare-link:hover{color:var(--brand-ink)}.toaster{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@media (width<=900px){.toaster{bottom:104px}}.toast{color:#fff;animation:toast-in .35s var(--ease);white-space:nowrap;background:#171a23;border-radius:99px;align-items:center;gap:8px;padding:12px 18px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 12px 30px -8px #00000059}.toast.success svg{color:#5ee08f}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}.modal-back{z-index:150;-webkit-backdrop-filter:blur(6px);background:#0c0e1499;place-items:center;padding:20px;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--r-xl);width:min(980px,100%);max-height:calc(100vh - 40px);animation:rise .25s var(--ease);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 40px 80px -20px #00000080}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-title{flex-direction:column;min-width:0;display:flex}.icon-btn.ghost{background:var(--surface-2);color:var(--text-2)}.modal-stage{flex:1;place-items:center;min-height:0;padding:16px;display:grid;overflow:hidden}.modal-stage .single{border-radius:8px;max-width:100%;max-height:calc(100vh - 220px);display:block}.modal-loading{color:var(--text-3);padding:80px 0}.compare{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:8px;position:relative;overflow:hidden}.compare img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.compare-bar{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #00000026}.compare-knob{width:40px;height:40px;color:var(--brand);box-shadow:var(--shadow);background:#fff;border-radius:99px;place-items:center;font-weight:800;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-tag{color:#fff;pointer-events:none;background:#0f1119a6;border-radius:99px;padding:4px 10px;font-size:.78rem;font-weight:700;position:absolute;top:12px}.compare-tag.left{left:12px}.compare-tag.right{right:12px}.modal-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.start-card{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);justify-self:end;position:relative}@media (width<=900px){.start-card{justify-self:stretch;max-width:none}}.start-card.empty{text-align:center;cursor:pointer;outline:2px dashed var(--brand-soft-2);outline-offset:-12px;transition:outline-color .2s, transform .2s var(--ease);flex-direction:column;align-items:center;gap:12px;padding:44px 28px 36px;display:flex}.start-card.empty:hover,.start-card.empty.over{outline-color:var(--brand-2)}.start-card.empty.over{transform:scale(1.015)}.start-icon{background:linear-gradient(160deg, var(--brand-soft), var(--brand-soft-2));width:76px;height:76px;color:var(--brand);border-radius:24px;place-items:center;margin-bottom:4px;display:grid}.start-card.empty strong{letter-spacing:-.03em;font-size:1.2rem}.start-btn{pointer-events:none;min-width:200px;margin:4px 0}.start-sub{color:var(--text-3);font-size:.86rem}.start-card.filled{animation:rise .3s var(--ease);flex-direction:column;gap:12px;padding:18px;display:flex}.start-head{align-items:center;gap:12px;display:flex}.start-thumbs{padding-left:10px;display:flex}.start-thumb{background:var(--surface-2);border:3px solid var(--surface);width:46px;height:46px;box-shadow:var(--shadow-sm);border-radius:12px;margin-left:-12px;position:relative;overflow:hidden}.start-thumb img{object-fit:cover;width:100%;height:100%;display:block}.start-more{border:3px solid var(--surface);background:var(--text);color:#fff;border-radius:12px;place-items:center;width:46px;height:46px;margin-left:-10px;font-size:.85rem;font-weight:800;display:grid;position:relative}.start-info{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.start-info span{color:var(--text-3);font-size:.85rem}.start-q{padding-top:4px;font-size:1.05rem;font-weight:800}.start-tools{flex-direction:column;gap:6px;max-height:340px;margin:0 -6px;padding:0 6px 4px;display:flex;overflow-y:auto}.start-tool{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-align:left;white-space:normal;justify-content:flex-start;gap:12px;height:auto;padding:10px 12px;font-weight:500}.start-tool:hover:not(:disabled){border-color:var(--brand-2);background:#fbfaff}.start-tool.top{background:var(--brand-soft);border-color:var(--brand-soft-2)}.start-tool-text{flex-direction:column;flex:1;min-width:0;display:flex}.start-tool-text strong{align-items:center;gap:6px;font-size:.97rem;display:flex}.start-tool-text em{color:#fff;background:var(--brand);border-radius:99px;padding:1px 7px;font-size:.7rem;font-style:normal;font-weight:800}.start-tool-text small{color:var(--text-3);font-size:.82rem}.start-tool .go{color:var(--text-3);transition:transform .2s var(--ease), color .2s}.start-tool:hover .go{color:var(--brand);transform:translate(3px)}.editor-link{border-radius:12px;height:40px;padding:0 14px;font-size:.92rem}@media (width<=520px){.editor-link span{display:none}.editor-link{padding:0 11px}}.done-bar .btn-ghost{height:46px}@media (width<=560px){.done-bar .btn-ghost{width:100%}}details.adv{border-top:1px solid var(--line);padding-top:14px}details.adv>summary{cursor:pointer;color:var(--text-3);align-items:center;gap:6px;font-size:.88rem;font-weight:700;list-style:none;display:flex}details.adv>summary::-webkit-details-marker{display:none}details.adv>summary:before{content:"▸";transition:transform .15s}details.adv[open]>summary:before{transform:rotate(90deg)}details.adv[open]>summary{color:var(--text-2);margin-bottom:14px}.sel-btn{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);width:100%;height:44px;color:var(--text);text-align:left;justify-content:space-between;gap:10px;padding:0 12px 0 14px;font-size:.93rem;font-weight:600}.sel-btn:hover:not(:disabled){border-color:var(--brand-2)}.sel-btn.open{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.sel-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sel-chev{color:var(--text-3);transition:transform .2s var(--ease);flex:none}.sel-btn.open .sel-chev{color:var(--brand);transform:rotate(180deg)}.sel-btn.sm{width:auto;max-width:260px;height:36px;font-size:.88rem}.sel-pop,.sel-sheet{background:var(--surface);outline:none;margin:0;padding:6px;list-style:none;overflow-y:auto}.sel-pop{z-index:400;border:1px solid var(--line);border-radius:var(--r);max-width:min(420px,100vw - 24px);max-height:320px;animation:sel-in .14s var(--ease);position:fixed;box-shadow:0 18px 44px -12px #14182847,0 2px 6px #1418280f}.sel-pop.up{animation-name:sel-in-up;transform:translateY(-100%)}@keyframes sel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes sel-in-up{0%{opacity:0;transform:translateY(calc(4px - 100%))}to{opacity:1;transform:translateY(-100%)}}.sel-opt{cursor:pointer;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.93rem;font-weight:500;display:flex}.sel-opt.active{background:var(--surface-2)}.sel-opt.chosen{color:var(--brand-ink);font-weight:700}.sel-opt.chosen svg{color:var(--brand);flex:none}.sel-opt-text{flex-direction:column;flex:1;min-width:0;display:flex}.sel-opt-text small{color:var(--text-3);font-size:.8rem;font-weight:500}.sel-back{z-index:400;background:#0c0e1473;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sel-back>div{width:100%}.sel-sheet{max-height:70vh;padding:10px 10px calc(14px + env(safe-area-inset-bottom));animation:sheet-up .22s var(--ease);border-radius:22px 22px 0 0}@keyframes sheet-up{0%{opacity:.6;transform:translateY(40px)}to{opacity:1;transform:none}}.sel-sheet-title{padding:8px 12px 12px;font-size:1rem;font-weight:800}.sel-sheet .sel-opt{padding:14px;font-size:1rem}.toggle{height:auto;min-height:40px;color:var(--text-2);white-space:normal;text-align:left;background:0 0;border:0;justify-content:flex-start;gap:10px;padding:4px 0;font-weight:600}.toggle:hover:not(:disabled){color:var(--text);border:0}.toggle-track{background:var(--line-2);width:42px;height:24px;transition:background .2s var(--ease);border-radius:99px;flex:none;position:relative}.toggle-knob{width:18px;height:18px;transition:transform .2s var(--ease);background:#fff;border-radius:99px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle.on .toggle-track{background:var(--brand)}.toggle.on .toggle-knob{transform:translate(18px)}.toggle:focus-visible{outline:none}.toggle:focus-visible .toggle-track{box-shadow:0 0 0 4px var(--brand-soft-2)}.toggle-text{flex-direction:column;display:flex}.toggle-text b{color:var(--text)}.toggle-text small{color:var(--text-3);font-size:.82rem;font-weight:500}.toggle.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);width:100%;padding:12px 14px}.toggle.card:hover:not(:disabled){border:1px solid var(--line-2)}.slider{cursor:pointer;touch-action:none;outline:none;align-items:center;height:28px;display:flex;position:relative}.slider-track{background:var(--line-2);border-radius:99px;width:100%;height:6px;position:relative}.slider-fill{background:linear-gradient(90deg, var(--brand-2), var(--brand));border-radius:99px;position:absolute;inset:0 auto 0 0}.slider-thumb{border:2px solid var(--brand);width:22px;height:22px;transition:transform .12s var(--ease), box-shadow .12s;background:#fff;border-radius:99px;margin:-11px 0 0 -11px;position:absolute;top:50%;box-shadow:0 2px 6px #281e8c40}.slider:hover .slider-thumb,.slider.drag .slider-thumb{transform:scale(1.12)}.slider:focus-visible .slider-thumb,.slider.drag .slider-thumb{box-shadow:0 0 0 6px var(--brand-soft), 0 2px 6px #281e8c40}.numf{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);align-items:center;width:150px;height:42px;transition:border-color .15s,box-shadow .15s;display:inline-flex;overflow:hidden}.numf:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.numf input{text-align:center;font-variant-numeric:tabular-nums;width:100%;min-width:0;height:100%;box-shadow:none;background:0 0;border:0;outline:none;flex:1;padding:0 2px;font-weight:700}.numf input::placeholder{color:var(--text-3);font-weight:500}.numf-unit{color:var(--text-3);flex:none;padding-right:2px;font-size:.82rem;font-weight:600}.numf button{background:var(--surface-2);width:34px;height:100%;color:var(--text-2);border:0;border-radius:0;flex:none;padding:0}.numf button:hover:not(:disabled){background:var(--brand-soft);color:var(--brand);border:0}.numf button:active:not(:disabled){transform:none}.numf.full{width:100%}.field-row{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px;font-size:.93rem;display:flex}.colorf{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);justify-content:flex-start;gap:10px;height:44px;padding:0 12px 0 6px;font-weight:600}.colorf:hover:not(:disabled),.colorf.open{border-color:var(--brand-2)}.colorf.open{box-shadow:0 0 0 4px var(--brand-soft)}.colorf-swatch{border-radius:8px;flex:none;width:32px;height:32px;box-shadow:inset 0 0 0 1px #0000001f}.colorf-text{text-align:left;flex-direction:column;line-height:1.2;display:flex}.colorf-text span{color:var(--text-2);font-size:.85rem}.colorf-text small{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:.75rem}.colorpop{z-index:400;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);width:248px;animation:sel-in .14s var(--ease);flex-direction:column;gap:12px;padding:12px;display:flex;position:fixed;box-shadow:0 18px 44px -12px #1418284d}.cp-sv{cursor:crosshair;touch-action:none;border-radius:10px;height:150px;position:relative;overflow:hidden}.cp-sv-white{background:linear-gradient(90deg,#fff,#fff0);position:absolute;inset:0}.cp-sv-black{background:linear-gradient(#0000,#000);position:absolute;inset:0}.cp-dot{pointer-events:none;border:3px solid #fff;border-radius:99px;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;box-shadow:0 0 0 1px #00000040,0 2px 6px #0000004d}.cp-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:99px;height:14px;position:relative}.cp-dot.small{top:50%}.cp-presets{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cp-presets button{border:0;border-radius:7px;height:26px;padding:0;box-shadow:inset 0 0 0 1px #0000001f}.cp-presets button.on{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--brand)}.cp-presets button:hover:not(:disabled){border:0;transform:scale(1.1)}.cp-hex{color:var(--text-3);align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:flex}.cp-hex input{font-variant-numeric:tabular-nums;text-transform:uppercase;flex:1;height:36px}.dim-inputs .field-row{color:var(--text-3);flex-direction:column;flex:1;align-items:stretch;gap:4px;font-size:.82rem}.dim-inputs .numf{width:100%}.colorpop.sheet{width:100%;padding:10px 16px calc(18px + env(safe-area-inset-bottom));animation:sheet-up .22s var(--ease);border:0;border-radius:22px 22px 0 0;position:static}.colorpop.sheet .cp-sv{height:190px}.colorpop.sheet .cp-hue{height:20px}.colorpop.sheet .cp-presets button{height:34px}.colorpop.sheet .sel-sheet-title{padding:6px 0 2px}.logo-drop{border-radius:var(--r);border:2px dashed var(--brand-soft-2);background:linear-gradient(180deg, #fcfcff, var(--brand-soft));height:auto;color:var(--brand);white-space:normal;flex-direction:column;gap:4px;padding:18px 12px}.logo-drop:hover:not(:disabled){border-color:var(--brand-2)}.logo-drop strong{color:var(--text)}.logo-drop small{color:var(--text-3);font-size:.8rem;font-weight:500}.logo-card{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);align-items:center;gap:10px;padding:8px;display:flex}.logo-thumb{border-radius:10px;flex:none;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.logo-thumb img{object-fit:contain;max-width:90%;max-height:90%}.logo-name{flex:1;font-size:.88rem;font-weight:600}.logo-card .icon-btn{width:34px;height:34px}.pos-more{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pos-more .tile-btn{flex:1}.pos-more .tile-btn strong{align-items:center;gap:5px;display:inline-flex}.ed-img.draw.wm-canvas,.ed-img.draw.text-canvas{cursor:default;touch-action:none}body.grabbing,body.grabbing *{cursor:grabbing!important}.wm-canvas.tile{cursor:default}.stage canvas.wm-canvas{max-width:100%;max-height:70vh}.label-row{justify-content:space-between;align-items:center;display:flex}.label-row .text-btn{color:var(--brand);align-items:center;gap:4px;display:inline-flex}.ratio-shape.free{border-style:dashed;width:30px}.out-result{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);color:var(--text-2);margin:0;padding:10px 12px;font-size:.88rem}.out-result b{color:var(--text);font-variant-numeric:tabular-nums}.crop-frame{max-width:100%;margin:0 auto;position:relative}.crop-frame>.crop{position:absolute}.crop-pad{pointer-events:none;filter:drop-shadow(0 0 .5px #0f111959);position:absolute;overflow:visible}.crop-rect{cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #0f11194d}.handle{z-index:2;touch-action:none;transition:transform .12s var(--ease), background .12s;background:#fff;border-radius:99px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0f111959,0 0 0 1px #0f111914}.handle:before{content:"";border-radius:99px;position:absolute;inset:-12px}.handle:hover,.handle:active{transform:translate(-50%,-50%)scale(1.18)}.handle.nw,.handle.ne,.handle.sw,.handle.se{width:18px;height:18px}.handle.nw:after,.handle.ne:after,.handle.sw:after,.handle.se:after{content:"";background:var(--brand);border-radius:99px;position:absolute;inset:5px}.handle.nw{cursor:nwse-resize;top:0;left:0}.handle.ne{cursor:nesw-resize;top:0;left:100%}.handle.sw{cursor:nesw-resize;top:100%;left:0}.handle.se{cursor:nwse-resize;top:100%;left:100%}.handle.n,.handle.s{cursor:ns-resize;width:28px;height:8px;left:50%}.handle.e,.handle.w{cursor:ew-resize;width:8px;height:28px;top:50%}.handle.n{top:0}.handle.s{top:100%}.handle.e{left:100%}.handle.w{left:0}.handle.n:hover,.handle.s:hover,.handle.e:hover,.handle.w:hover{background:var(--brand-soft-2)}.crop-size{color:#fff;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;background:#0f1119bf;border-radius:7px;padding:3px 8px;font-size:.75rem;font-weight:700;position:absolute;bottom:calc(100% + 10px);left:16px}.crop-size.inside{top:14px;bottom:auto;left:14px}.merge-preview{flex-direction:column;align-items:center;gap:10px;max-width:100%;min-height:0;max-height:100%;display:flex}.merge-preview canvas{object-fit:contain;border-radius:6px;max-width:100%;max-height:62vh;display:block;box-shadow:0 10px 40px -12px #14182859}.merge-size{color:#fff;font-variant-numeric:tabular-nums;background:#0f1119b3;border-radius:99px;padding:3px 10px;font-size:.78rem;font-weight:700}.merge-empty{color:var(--text-3)}.ed-stage .merge-preview canvas{max-height:calc(100vh - 260px)}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatches button{border:1px solid var(--line-2);border-radius:10px;width:38px;height:38px;padding:0;box-shadow:inset 0 0 0 1px #0000000a}.swatches button.on{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--brand)}.swatches button:hover:not(:disabled){transform:scale(1.06)}.preset-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preset-grid button{border-radius:var(--r);background:var(--surface);border:1px solid var(--line-2);height:40px;color:var(--text-2);font-size:.9rem;font-weight:600}.preset-grid button:hover:not(:disabled){border-color:var(--brand-2);color:var(--brand)}.preset-grid button.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.label .reset-one{margin-left:auto;font-size:.8rem;font-weight:600}.label .reset-one:hover{color:var(--brand)}.slider-ends{color:var(--text-3);justify-content:space-between;margin-top:2px;font-size:.78rem;display:flex}.peek-btn{-webkit-user-select:none;user-select:none;touch-action:none;gap:6px;width:100%}.split-shape{gap:2px;width:40px;max-height:32px;margin-bottom:4px;display:grid}.split-shape i{opacity:.35;background:currentColor;border-radius:2px;min-height:4px;display:block}.opt.on .split-shape i{opacity:.8}.pdf-open{gap:8px;width:100%}.pdf-job{text-align:center;max-width:320px;color:var(--text-2);flex-direction:column;align-items:center;gap:8px;display:flex}.pdf-job .ellipsis{max-width:280px}.pdf-job-bar{background:var(--line);border-radius:99px;width:220px;height:6px;overflow:hidden}.pdf-job-bar i{background:var(--brand);border-radius:99px;height:100%;transition:width .2s;display:block}.pdf-job-float{z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg,16px);padding:16px 24px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -16px #14182859}.split-frame{-webkit-user-select:none;user-select:none;touch-action:none;max-width:100%;margin:0 auto;position:relative}.split-frame.draw{cursor:default}.split-img{border-radius:6px;width:100%;height:100%;display:block;box-shadow:0 10px 40px -12px #14182859}.cut{pointer-events:none;position:absolute}.cut.v{width:22px;margin-left:-11px;top:0;bottom:0}.cut.h{height:22px;margin-top:-11px;left:0;right:0}.cut:before{content:"";position:absolute}.cut.v:before{background:repeating-linear-gradient(#fff 0 8px,#0000 8px 13px);width:2px;top:0;bottom:0;left:10px;box-shadow:0 0 0 1px #14182873}.cut.h:before{background:repeating-linear-gradient(90deg,#fff 0 8px,#0000 8px 13px);height:2px;top:10px;left:0;right:0;box-shadow:0 0 0 1px #14182873}.editable .cut{pointer-events:auto}.editable .cut.v{cursor:col-resize}.editable .cut.h{cursor:row-resize}.editable .cut:before{background:#fff}.editable .cut:hover:before,body.dragging-cut .editable .cut:before{background:var(--brand-2);box-shadow:0 0 0 1px #fff}body.dragging-cut *{-webkit-user-select:none;user-select:none;cursor:inherit!important}.label-row .hint{margin:0}.text-input{resize:vertical;width:100%;min-height:84px;font:inherit;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:10px 12px;font-weight:500;line-height:1.5;transition:border-color .15s,box-shadow .15s}.text-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);outline:none}.label-row .text-btn.brand{color:var(--brand)}.label-row .text-btn.brand:hover{color:var(--brand-2)}.icon-row.compact button{height:44px}.compare-box{place-items:center;display:grid;position:relative}.compare-pic{position:relative}.compare-pic img{border-radius:6px;width:100%;height:100%;display:block;box-shadow:0 0 0 1px #0f11191f}.compare.ba{margin:0 auto;box-shadow:0 10px 40px -12px #14182859}.tool-about{background:var(--surface);border-top:1px solid var(--line);padding:56px 0 64px}.about-inner{max-width:820px}.tool-about h1,.prose h1{letter-spacing:-.03em;margin:0 0 12px;font-size:1.8rem}.tool-about h2,.prose h2{letter-spacing:-.02em;margin:36px 0 12px;font-size:1.2rem}.prose h3{margin:24px 0 8px;font-size:1.05rem}.about-lead{color:var(--text-2);font-size:1.05rem;line-height:1.7}.about-steps{color:var(--text-2);gap:8px;margin:0;padding-left:1.3em;line-height:1.65;display:grid}.about-faq{gap:8px;display:grid}.about-faq details{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:14px 16px}.about-faq summary{cursor:pointer;font-weight:700;list-style:none}.about-faq summary::-webkit-details-marker{display:none}.about-faq summary:before{content:"Q";color:var(--brand);margin-right:8px;font-weight:800}.about-faq details p{color:var(--text-2);margin:10px 0 0;line-height:1.7}.about-tools{flex-wrap:wrap;gap:8px;display:flex}.about-tools a{background:var(--surface-2);color:var(--text-2);border-radius:99px;padding:7px 14px;font-size:.9rem;font-weight:600}.about-tools a:hover{background:var(--brand-soft);color:var(--brand)}.about-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px 18px;margin-top:44px;padding-top:20px;font-size:.88rem;display:flex}.about-links a{color:var(--text-3)}.about-links a:hover{color:var(--text)}.guide-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.guide-list a{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.guide-list a:hover{border-color:var(--brand-soft-2)}.guide-list strong{color:var(--text);font-size:1rem}.guide-list span{color:var(--text-3);font-size:.9rem;line-height:1.55}.home-guides .guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=720px){.home-guides .guide-list{grid-template-columns:1fr}}.doc{padding-top:40px;padding-bottom:72px}.prose{max-width:760px;color:var(--text);margin:0 auto;font-size:1.02rem;line-height:1.8}.prose p{color:var(--text-2);margin:0 0 14px}.prose ul,.prose ol{color:var(--text-2);gap:6px;margin:0 0 16px;padding-left:1.3em;display:grid}.prose a{color:var(--brand);font-weight:600}.prose a:hover{text-decoration:underline}.prose strong{color:var(--text)}.prose .guide-list a{font-weight:400}.prose .guide-list a:hover{text-decoration:none}.guide-tools{margin-top:32px}.crumbs{max-width:760px;color:var(--text-3);margin:0 auto 16px;font-size:.88rem}.crumbs a{color:var(--text-3)}.crumbs a:hover{color:var(--text)}