@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f1f1ee;--surface:#fff;--surface-2:#f6f6f3;--text:#1e2030;--muted:#5c5f73;--primary:#3d405b;--on-primary:#fff;--primary-hover:#2b2e45;--accent:#81b29a;--accent-text:#2e6a50;--accent-soft:#e6f1eb;--border:#dcdcd5;--field-border:#8f909c;--danger:#b5462b;--danger-soft:#fbece7;--warn:#7a5100;--warn-soft:#fff3d6;--ring:#3d405b38;--chip-icon:#81b29a;--shadow:0 1px 2px #1e20300d, 0 12px 32px -14px #1e203029;--scrim:#12131c8c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#12131c;--surface:#1b1d29;--surface-2:#222534;--text:#ececf1;--muted:#a3a6b8;--primary:#b9bee6;--on-primary:#12131c;--primary-hover:#cdd1f0;--accent:#8fc2a8;--accent-text:#8fc2a8;--accent-soft:#1e2e27;--border:#2c2f40;--field-border:#6a6e85;--danger:#f0937a;--danger-soft:#34211d;--warn:#e9c46a;--warn-soft:#2f2918;--ring:#b9bee64d;--chip-icon:#2e6a50;--shadow:0 1px 2px #00000059, 0 14px 36px -14px #0000008c;--scrim:#0000009e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{container:app/inline-size}.shell{max-width:1200px;margin:0 auto;padding:0 32px}.i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.i-sm{width:16px;height:16px}.glyph{fill:currentColor;fill-rule:evenodd;stroke:none}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}a{color:var(--text)}a:hover{color:var(--accent-text)}:root:not([data-theme=dark]) .on-dark,:root[data-theme=dark] .on-light{display:none}.nojs{background:var(--warn-soft);color:var(--warn);text-align:center;margin:0;padding:12px 16px;font-weight:700}.top{justify-content:space-between;align-items:center;gap:16px;height:76px;display:flex}.brand{min-height:44px;color:var(--text);border-radius:8px;align-items:center;text-decoration:none;display:inline-flex}.brand:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.logo{aspect-ratio:357.84/100;width:auto;height:40px;display:block}.iconbtn{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:12px;flex:none;place-items:center;padding:0;transition:border-color .15s,background .15s;display:inline-grid}.iconbtn:hover{border-color:var(--field-border)}.iconbtn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hero{flex-direction:column;gap:10px;max-width:760px;padding:12px 0 32px;display:flex}.hero h1{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(32px,4.2cqi,52px);font-weight:800;line-height:1.04}.hero p{color:var(--muted);text-wrap:pretty;max-width:58ch;margin:0;font-size:18px}.work{grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:start;gap:24px;display:grid}.col{flex-direction:column;gap:24px;min-width:0;display:flex}.side{min-width:0;position:sticky;top:24px}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:28px}.form-panel{container:form/inline-size}.s-panel{container:style/inline-size}.types{border:0;min-width:0;margin:0 0 28px;padding:0;position:relative}.types-row{flex-wrap:wrap;gap:8px;display:flex;position:relative}.chip-wrap{flex:none;display:flex;position:relative}.tab-input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute;top:0;left:0}.chip{border:1px solid var(--border);background:var(--surface);height:44px;color:var(--text);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 16px 0 14px;font-size:15px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.chip:hover{border-color:var(--field-border)}.chip .i{color:var(--muted)}.tab-input:checked+.chip{background:var(--text);border-color:var(--text);color:var(--surface)}.tab-input:checked+.chip .i{color:var(--chip-icon)}.tab-input:focus-visible+.chip{outline:2px solid var(--primary);outline-offset:2px}.form-head{flex-direction:column;gap:4px;margin-bottom:24px;display:flex}.form-head h2{letter-spacing:-.025em;margin:0;font-size:24px;font-weight:800;line-height:1.2}.form-head p{color:var(--muted);text-wrap:pretty;margin:0}.fields{flex-direction:column;gap:20px;display:flex}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;display:grid}.grid3{grid-template-columns:8.5rem repeat(2,minmax(0,1fr));gap:20px 16px;display:grid}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.label{color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;font-size:14px;font-weight:700;display:flex}.opt{color:var(--muted);font-size:13px;font-weight:500}.input{border:1px solid var(--field-border);background:var(--surface);width:100%;height:48px;color:var(--text);font:inherit;appearance:none;border-radius:12px;padding:0 14px;font-size:16px;line-height:1.4;transition:border-color .15s,box-shadow .15s;display:block}.input::placeholder{color:var(--muted);opacity:1}.input:hover{border-color:var(--text)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring);outline:none}.input[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 4px var(--danger-soft)}textarea.input{resize:vertical;height:auto;min-height:120px;padding:12px 14px}.select{position:relative}.select .input{cursor:pointer;padding-right:40px}.select .i{pointer-events:none;color:var(--muted);position:absolute;top:16px;right:14px}.err{color:var(--danger);align-items:flex-start;gap:6px;margin:0;font-size:14px;font-weight:600;line-height:1.4;display:flex}.err .i{margin-top:1px}.hint{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.foot-row{justify-content:space-between;gap:12px;display:flex}.count{font-variant-numeric:tabular-nums;white-space:nowrap}.seg{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid;position:relative}.seg-opt{min-height:40px;color:var(--muted);cursor:pointer;text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:14px;font-weight:700;line-height:1.2;transition:background .15s,color .15s;display:flex}.seg-opt:hover{color:var(--text)}.tab-input:checked+.seg-opt{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014, 0 0 0 1px var(--border)}.tab-input:focus-visible+.seg-opt{outline:2px solid var(--primary);outline-offset:1px}.input-wrap{position:relative}.input-wrap .input{padding-right:52px}.reveal{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;top:2px;right:2px}.reveal:hover{color:var(--text)}.reveal:focus-visible{outline:2px solid var(--primary);outline-offset:-4px}.check{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:15px;font-weight:600;display:flex}.check input{width:20px;height:20px;accent-color:var(--primary);cursor:pointer;flex:none;margin:0}.more{border:1px solid var(--border);background:var(--surface);border-radius:14px}.more summary{cursor:pointer;border-radius:14px;align-items:center;gap:12px;min-height:52px;padding:0 16px;font-weight:700;list-style:none;display:flex}.more summary::-webkit-details-marker{display:none}.more summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.more summary .grow{flex:1}.more .chev{color:var(--muted);transition:transform .2s}.more[open] .chev{transform:rotate(180deg)}.more[open] summary{border-bottom:1px solid var(--border);border-radius:14px 14px 0 0}.more-body{flex-direction:column;gap:20px;padding:20px 16px;display:flex}.form-foot{justify-content:flex-end;margin-top:20px;display:flex}.textbtn{white-space:nowrap;min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.textbtn:hover{color:var(--text);background:var(--surface-2)}.textbtn:focus-visible{outline:2px solid var(--primary)}.sec-head{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:-8px 0 16px;display:flex}.sec-head h2{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.colors{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:end;gap:12px 16px;display:grid}.color-input{gap:8px;display:flex}.swatch{border:1px solid var(--field-border);background:var(--sw);cursor:pointer;border-radius:12px;flex:none;width:48px;height:48px;position:relative;overflow:hidden}.swatch input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.swatch:focus-within{outline:2px solid var(--primary);outline-offset:2px}.swap{margin-bottom:2px}.presets{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.preset{border:1px solid var(--border);background:var(--p-bg);width:48px;height:48px;color:var(--p-fg);cursor:pointer;border-radius:12px;place-items:center;padding:0;display:grid}.preset svg{width:26px;height:26px}.preset[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text)}.preset:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.note{border-radius:12px;align-items:flex-start;gap:10px;margin:20px 0 0;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.note .i{margin-top:1px}.note p{margin:0}.note-good{background:var(--accent-soft);color:var(--accent-text)}.note-ok{background:var(--warn-soft);color:var(--warn)}.note-low{background:var(--danger-soft);color:var(--danger)}.p-head{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:13px;font-weight:800}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.pill-ok{background:var(--accent-soft);color:var(--accent-text)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-bad{background:var(--danger-soft);color:var(--danger)}.pill-muted{background:var(--surface-2);color:var(--muted)}.stage{background:var(--surface-2);border-radius:16px;place-items:center;margin:16px 0 12px;padding:24px;display:grid}.qr-frame{width:100%;max-width:280px;position:relative}.qr-frame.plain{border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 10px 24px -12px #0006}.qr-frame.framed{filter:drop-shadow(0 8px 14px #0000002e)}.qr-art{width:100%;height:100%;display:block}.qr-logo{object-fit:contain;display:block;position:absolute}.ghost{aspect-ratio:1;border:2px dashed var(--field-border);text-align:center;width:100%;max-width:280px;color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.ghost .glyph-box{opacity:.5;width:56px;height:56px}.ghost strong{color:var(--text);font-size:16px;line-height:1.3}.ghost p{text-wrap:pretty;margin:0;font-size:14px;line-height:1.45}.scan-line{color:var(--muted);align-items:flex-start;gap:8px;margin:0 0 12px;font-size:13px;line-height:1.45;display:flex}.scan-line .i{margin-top:1px}.scan-line.ok .i{color:var(--accent-text)}.scan-box{border-radius:12px;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.scan-box p{margin:0}.scan-box.warn{background:var(--warn-soft);color:var(--warn)}.scan-box.bad{background:var(--danger-soft);color:var(--danger)}.scan-box .textbtn,.note .textbtn{min-height:36px;color:inherit;text-underline-offset:3px;margin:6px 0 -4px -10px;padding:0 10px;text-decoration:underline}.ecl-tag{color:var(--accent-text);font-weight:700}.summary{overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:700;line-height:1.4}.encoded summary{cursor:pointer;min-height:44px;color:var(--muted);border-radius:8px;align-items:center;gap:6px;font-size:14px;font-weight:700;list-style:none;display:inline-flex}.encoded summary::-webkit-details-marker{display:none}.encoded summary:hover{color:var(--text)}.encoded summary:focus-visible{outline:2px solid var(--primary)}.encoded .chev{transition:transform .2s}.encoded[open] .chev{transform:rotate(180deg)}.encoded pre{background:var(--surface-2);white-space:pre-wrap;word-break:break-all;max-height:180px;color:var(--text);border-radius:12px;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.55;overflow:auto}.encoded .meta{color:var(--muted);margin:8px 0 0;font-size:13px}.divider{background:var(--border);height:1px;margin:20px 0}.actions{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.btn{height:48px;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--field-border)}.btn-secondary:hover{background:var(--surface-2)}.btn[disabled]{opacity:.7;cursor:progress}.dl-hint{text-align:center;margin-top:10px;font-size:13px}.sub{margin:0 0 4px;font-size:16px;font-weight:800}.send{flex-direction:column;gap:8px;margin-top:12px;display:flex}.send-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.sent{background:var(--accent-soft);color:var(--accent-text);border-radius:12px;align-items:flex-start;gap:12px;margin-top:12px;padding:14px;display:flex}.sent:focus{outline:none}.sent:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sent p{margin:0;font-size:14px;line-height:1.45}.sent strong{overflow-wrap:anywhere;font-size:15px;display:block}.sent .textbtn{color:inherit;margin:4px 0 -8px -12px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite qrnxt-spin}@keyframes qrnxt-spin{to{transform:rotate(360deg)}}.seg2{grid-template-columns:repeat(2,minmax(0,1fr))}.s-tabs{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.tdot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.group{flex-direction:column;gap:12px;display:flex}.group+.group{margin-top:28px}.group-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.group-head h3,.group-head .h3{color:var(--text);margin:0;font-size:15px;font-weight:800}.group-head .val{color:var(--muted);font-size:13px;font-weight:600}.tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid;position:relative}.tiles5{grid-template-columns:repeat(5,minmax(0,1fr))}.tiles3{grid-template-columns:repeat(3,minmax(0,1fr))}.tiles4{grid-template-columns:repeat(4,minmax(0,1fr))}.tile{border:1px solid var(--border);background:var(--surface);cursor:pointer;min-height:92px;color:var(--muted);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 4px 10px;font-size:13px;font-weight:700;line-height:1.2;transition:border-color .15s,background .15s,color .15s;display:flex}.tile:hover{border-color:var(--field-border);color:var(--text)}.tile-art{width:40px;height:40px;color:var(--text);fill:currentColor;display:block}.tile-art.wide{width:34px;height:40px}.tab-input:checked+.tile{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text);color:var(--text);background:var(--surface-2)}.tab-input:focus-visible+.tile{outline:2px solid var(--primary);outline-offset:2px}.more.adv{margin-top:28px}.dot-swatch{border:1px solid var(--border);background:var(--p-fg);cursor:pointer;border-radius:50%;width:44px;height:44px;padding:0}.dot-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text)}.dot-swatch:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.drop{border:2px dashed var(--field-border);background:var(--surface-2);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:28px 16px 22px;transition:border-color .15s,background .15s;display:flex;position:relative}.drop.is-over{border-color:var(--primary);background:var(--accent-soft)}.drop.is-error{border-color:var(--danger);background:var(--danger-soft)}.drop-icon{background:var(--surface);width:52px;height:52px;color:var(--muted);border:1px solid var(--border);border-radius:14px;place-items:center;display:grid}.drop-title{margin:0;font-size:16px;font-weight:800}.drop-err{text-align:left;color:var(--danger);align-items:flex-start;gap:10px;max-width:420px;display:flex}.drop-err strong{font-size:15px;display:block}.drop-err p{overflow-wrap:anywhere;margin:2px 0 0;font-size:14px;line-height:1.45}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.file-input:focus-visible+label{outline:2px solid var(--primary);outline-offset:2px}.file-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid;position:relative}.file-card.is-error{border-color:var(--danger)}.thumb{object-fit:contain;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;width:56px;height:56px;display:block}.file-meta{flex-direction:column;gap:6px;min-width:0;display:flex}.file-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.file-sub{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.file-sub.ok{color:var(--accent-text)}.file-sub.bad{color:var(--danger)}.progress{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;height:6px;overflow:hidden}.progress span{background:var(--primary);border-radius:inherit;height:100%;transition:width .12s linear;display:block}.progress.wait span{width:35%;animation:1.1s ease-in-out infinite qx-wait}@keyframes qx-wait{0%{transform:translate(-100%)}to{transform:translate(300%)}}.file-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.btn-sm{height:40px;padding:0 14px;font-size:14px}.notice{background:var(--danger-soft);color:var(--danger);border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.notice p{margin:0}.range{width:100%;height:44px;accent-color:var(--primary);cursor:pointer;margin:0}.ecl-hint{align-items:flex-start;gap:8px;margin-top:20px;display:flex}.peek{display:none}.peek-qr{flex:none;width:76px;position:relative}.peek-text{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.peek-sum{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.peek a{font-size:14px}.learn{flex-direction:column;gap:96px;margin-top:104px;display:flex}.learn p{margin:0}.learn h3{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:800;line-height:1.3}.learn-sec{flex-direction:column;gap:32px;min-width:0;display:flex}.learn-head{flex-direction:column;gap:10px;max-width:680px;display:flex}.learn-head .eyebrow{color:var(--accent-text)}.learn-head h2{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(28px,3.1cqi,40px);font-weight:800;line-height:1.08}.learn-head p:last-child{color:var(--muted);text-wrap:pretty;font-size:17px}.step p,.kind p,.look p,.qa p{color:var(--muted);text-wrap:pretty;font-size:15.5px;line-height:1.6}.learn-panel{padding:32px}.steps,.kinds,.looks{margin:0;padding:0;list-style:none}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.step,.look{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:8px;padding:28px;display:flex}.step-n{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-text);border-radius:13px;place-items:center;margin-bottom:10px;font-size:18px;font-weight:800;display:grid;transform:rotate(-8deg)}.kinds{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;display:grid}.kind{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:16px;display:grid}.kind>div{flex-direction:column;gap:6px;min-width:0;display:flex}.kind-ic{border:1px solid var(--border);background:var(--surface-2);width:44px;height:44px;color:var(--accent-text);border-radius:12px;place-items:center;display:grid}.looks{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.look{padding:24px}.look-art{border:1px solid var(--border);background:var(--surface-2);width:56px;height:56px;color:var(--text);border-radius:14px;place-items:center;margin-bottom:10px;display:grid}.look-art svg{fill:currentColor;width:30px;height:30px;display:block}.look-art .look-accent{fill:var(--accent)}.note.learn-check{margin:0;padding:16px 20px;font-size:15.5px;line-height:1.55}.note.learn-check .i{margin-top:2px}.learn-faq{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:32px 48px;display:grid}.learn-faq .learn-head{position:sticky;top:24px}.qa{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:24px 0;display:flex}.qa:first-child{border-top:0;padding-top:0}.qa:last-child{padding-bottom:0}.foot{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-top:56px;padding:24px 0 40px;font-size:14px;display:flex}.foot-brand{align-items:center;gap:12px;min-width:0;display:flex}.foot-mark{flex:none;width:36px;height:36px;display:block}.foot-name{flex-direction:column;margin:0;line-height:1.3;display:flex}.foot-name strong{color:var(--text);letter-spacing:-.01em;font-size:16px;font-weight:800}.foot-meta{flex-wrap:wrap;align-items:center;gap:4px 20px;display:flex}.foot-link{min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--field-border);text-decoration-color:var(--field-border);text-underline-offset:3px;border-radius:6px;align-items:center;gap:4px;font-weight:700;display:inline-flex}.foot-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.foot-link .i{color:var(--muted)}.foot-copy{margin:0}.mbar{z-index:10;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:12px;display:none;position:sticky;bottom:0;box-shadow:0 -10px 24px -18px #00000059}.mbar-qr{border:1px solid var(--border);background:var(--surface-2);width:52px;height:52px;color:var(--muted);border-radius:10px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.mbar-qr:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mbar-qr .qr-frame{width:100%;max-width:none;box-shadow:none;border-radius:0}.mbar-qr .glyph-box{opacity:.6;width:26px;height:26px}.mbar-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.mbar-text strong{font-size:15px}.mbar-text span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.toast-wrap{pointer-events:none;z-index:30;justify-content:center;padding:0 16px;display:flex;position:fixed;bottom:24px;left:0;right:0}.toast{pointer-events:auto;background:var(--text);max-width:520px;min-height:48px;color:var(--surface);border-radius:14px;align-items:center;gap:10px;padding:8px 10px 8px 16px;font-size:15px;font-weight:700;animation:.2s ease-out qrnxt-rise;display:flex;box-shadow:0 14px 36px -10px #00000073}.toast .i{color:var(--chip-icon)}.toast-act{color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;min-height:40px;padding:0 8px;font-weight:800;text-decoration:underline}.toast-act:focus-visible{outline:2px solid var(--surface)}@keyframes qrnxt-rise{0%{opacity:0;transform:translateY(8px)}}.sheet{background:var(--surface);width:calc(100% - 32px);max-width:440px;color:var(--text);border:0;border-radius:20px;padding:24px;box-shadow:0 24px 60px -12px #00000080}.sheet[open]{flex-direction:column;gap:16px;display:flex}.sheet:modal{overscroll-behavior:contain}.sheet::backdrop{overscroll-behavior:contain;background:#12131c8c;overflow:hidden}:root[data-theme=dark] .sheet::backdrop{background:#0000009e}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet h2{margin:0;font-size:20px;font-weight:800}.sheet p{margin:0}.sheet img{border-radius:10px;align-self:center;width:100%;max-width:300px}.sheet-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@container app (width<=900px){.work{grid-template-columns:minmax(0,1fr)}.side{position:static}.mbar{display:flex}.peek{z-index:6;background:var(--surface);border-bottom:1px solid var(--border);border-radius:20px 20px 0 0;align-items:center;gap:14px;margin:-28px -28px 20px;padding:12px 28px;display:flex;position:sticky;top:0}.learn{gap:72px;margin-top:80px}.steps{grid-template-columns:minmax(0,1fr);gap:16px}.step{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:6px 16px;display:grid}.step-n{grid-row:span 2;margin-bottom:0}.looks{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-faq{grid-template-columns:minmax(0,1fr)}.learn-faq .learn-head{position:static}}@container app (width<=640px){.shell{padding:0 16px}.panel{border-radius:18px;padding:20px}.top{height:64px}.logo{height:34px}.hero{padding:4px 0 24px}.hero p{font-size:16px}.stage{padding:16px}.foot{flex-direction:column;align-items:flex-start;gap:8px;margin-top:40px;padding:24px 0 28px}.foot-meta{flex-direction:column;align-items:flex-start;gap:0}.peek{border-radius:18px 18px 0 0;margin:-20px -20px 16px;padding:10px 20px}.learn{gap:56px;margin-top:56px}.learn-sec{gap:24px}.learn-head p:last-child{font-size:16px}.learn-panel{padding:20px}.kinds{grid-template-columns:minmax(0,1fr);gap:24px}.looks{grid-template-columns:minmax(0,1fr);gap:16px}.step,.look{border-radius:18px;padding:20px}.look{grid-template-columns:56px minmax(0,1fr);align-items:start;gap:6px 16px;display:grid}.look-art{grid-row:span 2;margin-bottom:0}.note.learn-check{padding:14px 16px}}@container form (width<=560px){.grid2,.grid3{grid-template-columns:minmax(0,1fr)}.types-row{scrollbar-width:none;flex-wrap:nowrap;margin:0 -20px;padding:2px 20px 4px;overflow-x:auto}.types-row::-webkit-scrollbar{display:none}}@container style (width<=560px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.tiles4{grid-template-columns:repeat(2,minmax(0,1fr))}.colors{grid-template-columns:minmax(0,1fr)}.swap{justify-self:start}.drag-hint{display:none}}@container style (width<=440px){.file-card{grid-template-columns:56px minmax(0,1fr)}.file-actions{grid-column:1/-1;justify-content:flex-start;margin-left:56px}}@media (width<=900px){.toast-wrap{bottom:92px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:1.5s!important}}