.ob-page{max-width:560px;margin:0 auto;padding:0 16px 64px;min-height:100dvh}.ob-top{padding:20px 0 8px;text-align:center}.ob-brand{display:inline-block;font-size:20px;font-weight:900;letter-spacing:-.06em;text-decoration:none;background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.ob-progress{margin:16px 0 4px}.ob-progress-track{height:6px;border-radius:999px;background:#ececf2;overflow:hidden}.ob-progress-bar{height:100%;border-radius:999px;background:var(--brand-gradient);transition:width .35s cubic-bezier(.4,0,.2,1)}.ob-progress-label{margin-top:8px;font-size:12px;font-weight:700;color:var(--muted-foreground,#6b7280);display:flex;justify-content:space-between}.ob-progress-label .ob-step-name{color:#5c45e9}.ob-card{margin-top:20px;background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:20px;padding:30px 24px 26px;box-shadow:0 6px 28px rgba(16,24,40,.07)}.ob-step-eyebrow{font-size:12px;font-weight:800;letter-spacing:.06em;color:#5c45e9;margin:0 0 6px}.ob-card h1{margin:0 0 10px;font-size:clamp(1.35rem,4.5vw,1.7rem);font-weight:800;letter-spacing:-.02em;line-height:1.35}.ob-card .ob-lead{margin:0 0 22px;font-size:.9rem;line-height:1.75;color:var(--muted-foreground,#6b7280)}.ob-field{margin-bottom:18px}.ob-field>label{display:block;font-weight:700;font-size:.85rem;margin-bottom:7px}.ob-field input,.ob-field textarea{width:100%;padding:13px 14px;border:1.5px solid var(--border,#e5e5e5);border-radius:12px;font-size:1rem;font-family:inherit;background:#fff;transition:border-color .15s,box-shadow .15s}.ob-field input:focus,.ob-field textarea:focus{outline:none;border-color:#5c45e9;box-shadow:0 0 0 3px rgba(92,69,233,.14)}.ob-field textarea{resize:vertical;min-height:110px;line-height:1.6}.ob-hint{display:block;margin-top:7px;font-size:.75rem;color:var(--muted-foreground,#9ca3af);line-height:1.6}.ob-url-preview{margin-top:10px;padding:12px 14px;border-radius:12px;background:#f7f7fb;font-size:.9rem;word-break:break-all}.ob-url-preview .ob-url-base{color:var(--muted-foreground,#9ca3af)}.ob-url-preview .ob-url-id{font-weight:800;background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.ob-check{margin-top:8px;font-size:.78rem;font-weight:700;display:flex;align-items:center;gap:6px}.ob-check.ok{color:#16a34a}.ob-check.ng{color:#dc2626}.ob-note{margin-top:12px;padding:10px 14px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;font-size:.75rem;line-height:1.7;color:#9a3412}.ob-image-row{display:flex;align-items:center;gap:14px;margin-bottom:8px}.ob-avatar-preview{width:72px;height:72px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--border,#e5e5e5);place-items:center;font-size:11px;color:#9ca3af;flex-shrink:0}.ob-avatar-preview,.ob-header-preview{object-fit:cover;background:#f0f0f5;display:grid}.ob-header-preview{width:100%;aspect-ratio:3/1;border-radius:12px;border:1px solid var(--border,#e5e5e5);place-items:center;font-size:12px;color:#9ca3af;margin-bottom:8px}.ob-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1.5px solid var(--border,#e5e5e5);border-radius:10px;background:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:border-color .15s}.ob-upload-btn:hover{border-color:#b3a9f0}.ob-upload-btn.is-disabled{opacity:.5;pointer-events:none}.ob-done-images{margin-top:4px}.ob-error-text{margin-top:6px;font-size:.8rem;color:#dc2626}.ob-color-row{display:flex;align-items:center;gap:16px;margin-bottom:10px}.ob-swatch{width:44px;height:44px;border-radius:12px;flex-shrink:0}.ob-sns-row,.ob-swatch{border:1px solid var(--border,#e5e5e5)}.ob-sns-row{border-radius:12px;padding:12px;margin-bottom:10px;display:grid;grid-template-columns:7rem 1fr;gap:8px}.ob-sns-row input{padding:9px 11px;font-size:.85rem}.ob-sns-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.ob-linkish{background:none;border:none;font-size:.78rem;padding:4px}.ob-add-btn,.ob-linkish{color:var(--muted-foreground,#6b7280);font-weight:700;cursor:pointer}.ob-add-btn{width:100%;padding:11px;border:1.5px dashed var(--border,#d1d5db);border-radius:12px;background:#fafafa;font-size:.85rem}.ob-add-btn:disabled{opacity:.5;cursor:not-allowed}.ob-nav{display:flex;gap:12px;margin-top:26px}.ob-btn-next{flex:1;padding:15px;border:none;border-radius:12px;background:var(--brand-gradient);color:#fff;font-size:1rem;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(92,69,233,.28);transition:opacity .15s,transform .05s}.ob-btn-next:hover:not(:disabled){opacity:.94}.ob-btn-next:active:not(:disabled){transform:translateY(1px)}.ob-btn-next:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.ob-btn-back{padding:15px 20px;border:1.5px solid var(--border,#e5e5e5);border-radius:12px;background:#fff;font-size:.95rem;color:var(--muted-foreground,#6b7280)}.ob-btn-back,.ob-skip{font-weight:700;cursor:pointer}.ob-skip{display:block;margin:14px auto 0;background:none;border:none;color:var(--muted-foreground,#9ca3af);font-size:.82rem;text-decoration:underline;text-underline-offset:3px}.ob-review{border:1px solid var(--border,#e5e5e5);border-radius:14px;overflow:hidden}.ob-review-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--border,#eee)}.ob-review-row:first-child{border-top:0}.ob-review-main{min-width:0}.ob-review-label{display:block;font-size:.72rem;font-weight:700;color:var(--muted-foreground,#9ca3af);margin-bottom:2px}.ob-review-value{display:flex;align-items:center;gap:7px;font-size:.92rem;font-weight:700;word-break:break-all}.ob-review-swatch{width:16px;height:16px;border-radius:5px;border:1px solid var(--border,#e5e5e5);flex-shrink:0}.ob-review-note{display:block;margin-top:3px;font-size:.7rem;color:#9a3412}.ob-review-edit{flex-shrink:0;background:none;border:none;color:#5c45e9;font-size:.82rem;font-weight:800;cursor:pointer;padding:4px 2px}.ob-agree{margin:16px 0 4px;font-size:.75rem;line-height:1.8;color:var(--muted-foreground,#6b7280)}.ob-agree a{color:#5c45e9;font-weight:700;text-decoration:underline;text-underline-offset:2px}.ob-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:rgba(17,24,39,.92);color:#fff;padding:10px 18px;border-radius:999px;font-size:.8rem;font-weight:600;z-index:50;animation:ob-toast-in .2s ease}@keyframes ob-toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.ob-notice{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:12px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;font-size:.85rem;font-weight:600;line-height:1.5}.ob-notice span{flex:1}.ob-notice-link{color:#991b1b;font-weight:700;text-decoration:underline;white-space:nowrap}.ob-notice-close{flex:none;width:24px;height:24px;border:none;background:transparent;color:#991b1b;font-size:1.1rem;line-height:1;cursor:pointer}.ob-error{margin:12px 0 0;color:#b91c1c;font-size:.85rem;font-weight:600}.ob-done{text-align:center;padding:8px 4px}.ob-done-check{width:72px;height:72px;margin:8px auto 20px;border-radius:50%;display:grid;place-items:center;background:var(--brand-gradient);color:#fff;font-size:2.1rem;box-shadow:0 8px 24px rgba(92,69,233,.3)}.ob-done h1{margin:0 0 12px;font-size:1.5rem;font-weight:800}.ob-done p{margin:0 0 12px;line-height:1.8;color:var(--foreground,#333)}.ob-summary{margin:18px 0;padding:16px;border-radius:14px;background:#f7f7fb;text-align:left;font-size:.88rem}.ob-summary dt{color:var(--muted-foreground,#9ca3af);font-size:.75rem;font-weight:700;margin-bottom:2px}.ob-summary dd{margin:0 0 12px;font-weight:700}.ob-summary dd:last-child{margin-bottom:0}.ob-cta-primary{padding:15px;border:none;border-radius:12px;background:var(--brand-gradient);color:#fff;font-size:1rem;font-weight:800;box-shadow:0 6px 18px rgba(92,69,233,.28);margin-bottom:12px;cursor:pointer}.ob-cta-primary,.ob-cta-secondary{display:inline-block;width:100%;text-decoration:none}.ob-cta-secondary{padding:14px;border:1.5px solid var(--border,#e5e5e5);border-radius:12px;background:#fff;color:var(--foreground,#111);font-size:.95rem;font-weight:700;box-sizing:border-box}.ob-resend{background:none;border:none;color:#5c45e9;font-weight:700;font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}