.onboarding-module__4GJvBa__page{color:#2b2b2b;box-sizing:border-box;background:#ededed;width:100%;max-width:100vw;min-height:100dvh;padding:clamp(16px,4vw,48px);overflow-x:hidden}.onboarding-module__4GJvBa__shell{background:#fff;border:1px solid #2b2b2b;max-width:980px;margin:0 auto}.onboarding-module__4GJvBa__windowBar{border-bottom:1px solid #2b2b2b;justify-content:space-between;align-items:center;gap:12px;padding:10px clamp(14px,3vw,22px);display:flex}.onboarding-module__4GJvBa__windowTitle{letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-family:DejaVu Sans Mono,Menlo,Consolas,Courier New,monospace;font-size:13px;overflow:hidden}.onboarding-module__4GJvBa__windowControls{flex-shrink:0;align-items:center;gap:5px;font-size:13px;line-height:1;display:flex}.onboarding-module__4GJvBa__windowControls span{border:1px solid #2b2b2b;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.onboarding-module__4GJvBa__shellBody{padding:clamp(18px,3.5vw,30px)}.onboarding-module__4GJvBa__topbar{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.onboarding-module__4GJvBa__brand{font-size:17px;font-weight:700}.onboarding-module__4GJvBa__stepCount{color:#6b6b6b;font-family:DejaVu Sans Mono,Menlo,Consolas,Courier New,monospace;font-size:13px}.onboarding-module__4GJvBa__stepper{border:1px solid #2b2b2b;flex-wrap:wrap;gap:0;width:fit-content;max-width:100%;margin:14px 0 24px;display:flex}.onboarding-module__4GJvBa__stepChip{appearance:none;letter-spacing:.04em;color:#6b6b6b;cursor:pointer;touch-action:manipulation;background:#fff;border:0;border-right:1px solid #2b2b2b;min-height:42px;padding:9px 16px;font-family:DejaVu Sans Mono,Menlo,Consolas,Courier New,monospace;font-size:12px}.onboarding-module__4GJvBa__stepChip:last-child{border-right:0}.onboarding-module__4GJvBa__stepChip:disabled{cursor:default;color:#bdbdbd}.onboarding-module__4GJvBa__stepChipActive{color:#fff;background:#2b2b2b}.onboarding-module__4GJvBa__stepChipDone{color:#2b2b2b}.onboarding-module__4GJvBa__modeRow{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.onboarding-module__4GJvBa__modeBtn{appearance:none;min-height:44px;font:inherit;color:#6b6b6b;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #d8d8d6;padding:10px 16px;font-size:13px}.onboarding-module__4GJvBa__modeBtnActive{color:#2b2b2b;border-color:#2b2b2b;font-weight:700}.onboarding-module__4GJvBa__card{background:#fff;border:1px solid #e0e0de;padding:clamp(20px,3.5vw,30px)}.onboarding-module__4GJvBa__cardCentered{max-width:560px;margin:0 auto}.onboarding-module__4GJvBa__cardTitle{margin-bottom:6px;font-size:17px;font-weight:700}.onboarding-module__4GJvBa__cardDesc{color:#6b6b6b;margin-bottom:20px;font-size:13px;line-height:1.6}.onboarding-module__4GJvBa__label{letter-spacing:.03em;color:#2b2b2b;margin-bottom:8px;font-family:DejaVu Sans Mono,Menlo,Consolas,Courier New,monospace;font-size:12px;display:block}.onboarding-module__4GJvBa__input{width:100%;min-height:46px;font:inherit;box-sizing:border-box;color:#2b2b2b;background:#fff;border:1px solid #2b2b2b;padding:12px 14px;font-size:14px}.onboarding-module__4GJvBa__input::placeholder{color:#bdbdbd}.onboarding-module__4GJvBa__input:focus{outline-offset:-1px;outline:2px solid #2b2b2b}.onboarding-module__4GJvBa__select{width:100%;min-height:46px;font:inherit;color:#2b2b2b;background:#fff;border:1px solid #2b2b2b;padding:12px 14px;font-size:14px}.onboarding-module__4GJvBa__hint{color:#9a9a98;margin-top:8px;font-size:12px;line-height:1.5}.onboarding-module__4GJvBa__error{color:#c02626;margin-top:10px;font-size:12.5px}.onboarding-module__4GJvBa__ok{color:#1a7d3c;margin-top:10px;font-size:12.5px}.onboarding-module__4GJvBa__actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.onboarding-module__4GJvBa__btn{appearance:none;color:#fff;min-height:46px;font:inherit;cursor:pointer;touch-action:manipulation;background:#2b2b2b;border:1px solid #2b2b2b;padding:12px 22px;font-size:14px;font-weight:700}@media (hover:hover){.onboarding-module__4GJvBa__btn:hover:enabled{color:#2b2b2b;background:#fff}}.onboarding-module__4GJvBa__btn:disabled{opacity:.4;cursor:not-allowed}.onboarding-module__4GJvBa__btnGhost{appearance:none;color:#2b2b2b;min-height:46px;font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #2b2b2b;padding:12px 22px;font-size:14px;font-weight:600}@media (hover:hover){.onboarding-module__4GJvBa__btnGhost:hover{color:#fff;background:#2b2b2b}}.onboarding-module__4GJvBa__designGrid{grid-template-columns:minmax(320px,.95fr) minmax(320px,1.05fr);align-items:start;gap:20px;display:grid}.onboarding-module__4GJvBa__designHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.onboarding-module__4GJvBa__darkToggle{appearance:none;font:inherit;color:#2b2b2b;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;font-size:12.5px;display:inline-flex}.onboarding-module__4GJvBa__switch{background:#fff;border:1px solid #2b2b2b;flex-shrink:0;width:42px;height:22px;transition:background .15s;position:relative}.onboarding-module__4GJvBa__switchOn{background:#2b2b2b}.onboarding-module__4GJvBa__switchKnob{background:#2b2b2b;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.onboarding-module__4GJvBa__switchOn .onboarding-module__4GJvBa__switchKnob{background:#fff;transform:translate(20px)}.onboarding-module__4GJvBa__controlBlock{margin-bottom:22px}.onboarding-module__4GJvBa__swatchRow{flex-wrap:wrap;gap:8px;display:flex}.onboarding-module__4GJvBa__swatch{cursor:pointer;touch-action:manipulation;border:1px solid #d8d8d6;width:38px;height:38px;padding:0}.onboarding-module__4GJvBa__swatchActive{outline-offset:1px;outline:2px solid #2b2b2b}.onboarding-module__4GJvBa__hexRow{align-items:center;gap:10px;margin-top:12px;display:flex}.onboarding-module__4GJvBa__colorInput{cursor:pointer;background:#fff;border:1px solid #2b2b2b;flex-shrink:0;width:44px;height:44px;padding:2px}.onboarding-module__4GJvBa__fontRow{flex-wrap:wrap;gap:8px;display:flex}.onboarding-module__4GJvBa__fontBtn{appearance:none;min-height:44px;font:inherit;color:#6b6b6b;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #d8d8d6;padding:10px 14px;font-size:13px}.onboarding-module__4GJvBa__fontBtnActive{color:#2b2b2b;border-color:#2b2b2b;font-weight:700}.onboarding-module__4GJvBa__presetRow{flex-wrap:wrap;gap:8px;display:flex}.onboarding-module__4GJvBa__presetChip{appearance:none;min-height:40px;font:inherit;color:#6b6b6b;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #d8d8d6;align-items:center;gap:7px;padding:8px 14px;font-size:13px;display:inline-flex}.onboarding-module__4GJvBa__presetChipActive{color:#2b2b2b;border-color:#2b2b2b;font-weight:700}.onboarding-module__4GJvBa__presetDot{border:1px solid #0003;flex-shrink:0;width:13px;height:13px}.onboarding-module__4GJvBa__slotList{border:1px solid #e0e0de;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.onboarding-module__4GJvBa__slotRow{align-items:center;gap:10px;display:flex}.onboarding-module__4GJvBa__slotLabel{color:#2b2b2b;flex:1;font-size:13px}.onboarding-module__4GJvBa__slotRow .onboarding-module__4GJvBa__colorInput{width:34px;height:34px}.onboarding-module__4GJvBa__slotHex{color:#2b2b2b;background:#fff;border:1px solid #d8d8d6;flex-shrink:0;width:104px;padding:8px 10px;font-family:DejaVu Sans Mono,Menlo,Consolas,Courier New,monospace;font-size:12.5px}.onboarding-module__4GJvBa__slotHex:focus{outline-offset:-1px;outline:2px solid #2b2b2b}.onboarding-module__4GJvBa__previewPane{background:#ededed;border:1px solid #2b2b2b;overflow:hidden}.onboarding-module__4GJvBa__previewBar{letter-spacing:.04em;color:#6b6b6b;background:#fff;border-bottom:1px solid #2b2b2b;padding:8px 12px;font-family:DejaVu Sans Mono,Menlo,Consolas,Courier New,monospace;font-size:11.5px}.onboarding-module__4GJvBa__previewFrame{border:0;width:100%;height:760px;display:block}.onboarding-module__4GJvBa__urlBox{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.onboarding-module__4GJvBa__urlText{word-break:break-all;background:#fafafa;border:1px solid #2b2b2b;flex:1;min-width:200px;padding:12px 14px;font-family:DejaVu Sans Mono,Menlo,Consolas,Courier New,monospace;font-size:13px}.onboarding-module__4GJvBa__footer{text-align:center;color:#9a9a98;-webkit-user-select:none;user-select:none;margin-top:28px;font-size:11px}@media (max-width:720px){.onboarding-module__4GJvBa__designGrid{grid-template-columns:1fr}.onboarding-module__4GJvBa__previewFrame{height:620px}.onboarding-module__4GJvBa__shellBody{padding:16px}}