html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#f1f1f5}.platform-ui{min-height:100vh}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--ink:#172b41;--muted:#586779;--line:#d9e0e6;--surface:#f5f7f9;--accent:#173c61;--danger:#9a3030;--radius:10px}.platform-ui,.platform-ui *{box-sizing:border-box}.platform-ui{scroll-behavior:smooth;color:var(--ink);background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif;font-size:15px;line-height:1.8}.platform-ui a{color:var(--accent);text-underline-offset:4px}.platform-ui button,.platform-ui input,.platform-ui textarea,.platform-ui select{font:inherit}.platform-ui button,.platform-ui a,.platform-ui input,.platform-ui textarea,.platform-ui select{-webkit-tap-highlight-color:transparent}.platform-ui button{cursor:pointer}.platform-ui button:disabled,.platform-ui input:disabled,.platform-ui textarea:disabled{cursor:not-allowed}.platform-ui button:disabled{opacity:.48}.platform-ui input,.platform-ui textarea,.platform-ui select{color:var(--ink);background:#fff;border:1px solid #b7c4d0;border-radius:6px;width:100%;min-height:46px;padding:10px 12px;font-size:16px;line-height:1.6}.platform-ui textarea{resize:vertical}.platform-ui input:disabled,.platform-ui textarea:disabled{background:var(--surface)}.platform-ui input[type=checkbox],.platform-ui input[type=radio]{accent-color:var(--accent);flex:none;width:18px;height:18px;min-height:18px}.platform-ui input[type=file]{border:0;min-height:auto;padding:0;font-size:13px;line-height:2}.platform-ui input[type=file]::file-selector-button{background:var(--surface);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:6px;margin-right:10px;padding:8px 12px}.platform-ui :focus-visible{outline-offset:3px;outline:3px solid #4e8dbe}.platform-ui h1,.platform-ui h2,.platform-ui h3,.platform-ui p{margin:0 0 16px}.platform-ui h1{letter-spacing:-.025em;font-size:clamp(26px,3.4vw,38px);line-height:1.5}.platform-ui h2{font-size:20px;line-height:1.6}.platform-ui h3{font-size:16px;line-height:1.7}.platform-ui p:last-child{margin-bottom:0}.platform-ui .brand{color:var(--ink);letter-spacing:.02em;font-size:17px;font-weight:700;text-decoration:none}.platform-ui .muted,.platform-ui .section-description,.platform-ui .field-hint{color:var(--muted)}.platform-ui .field-hint{font-size:12px;font-weight:400;line-height:1.8;display:block}.platform-ui .lead{max-width:640px;color:var(--muted);font-size:18px}.platform-ui .keep-phrase{display:inline-block}.platform-ui .actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.platform-ui .button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 20px;font-size:14px;font-weight:600;line-height:1.6;text-decoration:none;transition:background .15s;display:inline-flex}.platform-ui .button:hover:not(:disabled){background:#254f78}.platform-ui .button.secondary{color:var(--ink);background:#fff;border-color:#bcc9d4}.platform-ui .button.secondary:hover:not(:disabled){background:var(--surface)}.platform-ui .full-width{width:100%}.platform-ui .text-button{color:var(--accent);text-underline-offset:4px;background:0 0;border:none;padding:6px 0;font-size:13px;line-height:1.8;text-decoration:underline}.platform-ui .danger-text{color:var(--danger)}.platform-ui .notice{background:#f1f6fa;border:1px solid #c8d9e6;border-radius:6px;padding:16px 18px;font-size:13px}.platform-ui .notice p{margin:6px 0 0}.platform-ui .alert{overflow-wrap:anywhere;border-radius:6px;padding:12px 16px;font-size:14px}.platform-ui .alert.error{color:#842828;background:#fff4f4;border:1px solid #e7baba}.platform-ui .alert.success{color:#245e40;background:#f0f8f3;border:1px solid #b8d8c8}.platform-ui .field{flex-direction:column;gap:7px;margin-bottom:22px;font-size:14px;font-weight:600;display:flex}.platform-ui .entry-shell{max-width:1100px;margin:0 auto;padding:0 32px}.platform-ui .entry-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:90px;display:flex}.platform-ui .entry-header>a:last-child{font-size:14px}.platform-ui .entry-intro{padding:84px 0 68px}.platform-ui .entry-intro .actions{margin-top:30px}.platform-ui .entry-details{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:50px;padding:36px 0 48px;display:grid}.platform-ui .entry-details p{font-size:14px}.platform-ui .entry-details .price{font-size:25px;font-weight:700}.platform-ui .price span{font-size:18px}.platform-ui .entry-footer{color:var(--muted);margin:48px 0 24px;font-size:12px}.platform-ui .auth-shell{max-width:500px;margin:0 auto;padding:48px 24px}.platform-ui .auth-panel{border:1px solid var(--line);border-radius:var(--radius);margin:36px 0 24px;padding:32px}.platform-ui .auth-panel h1{font-size:26px}.platform-ui .auth-panel>p{font-size:14px}.platform-ui .auth-panel .notice{margin:22px 0}.platform-ui .auth-options{flex-direction:column;align-items:flex-start;gap:5px;margin-top:22px;display:flex}.platform-ui .back-link{font-size:13px}.platform-ui .setup-shell{width:100%;max-width:760px;margin:auto;padding:64px 28px}.platform-ui .setup-shell h1{margin-top:48px}.platform-ui .setup-shell .button{margin-top:20px}.platform-ui .dashboard-shell{background:var(--surface);min-height:100vh}.platform-ui .dashboard-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:16px max(28px,50vw - 610px);display:flex}.platform-ui .account-menu{align-items:center;gap:22px;min-width:0;display:flex}.platform-ui .account-menu>span{color:var(--muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.platform-ui .account-menu>button{flex:none}.platform-ui .dashboard-main{max-width:1220px;margin:auto;padding:44px 28px 80px}.platform-ui .dashboard-title{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.platform-ui .dashboard-title h1{margin-bottom:6px;font-size:30px}.platform-ui .dashboard-title p{font-size:14px}.platform-ui .dashboard-title>.button{flex:none}.platform-ui .feedback:not(:empty){margin:0 0 24px}.platform-ui .create-section{border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-width:660px;padding:32px}.platform-ui .create-section>p{font-size:14px}.platform-ui .create-section form{margin-top:26px}.platform-ui .create-section .field{margin-bottom:10px}.platform-ui .create-section .button{margin-top:24px}.platform-ui .url-input{background:var(--surface);border:1px solid #b7c4d0;border-radius:6px;align-items:center;display:flex;overflow:hidden}.platform-ui .url-input>span{color:var(--muted);padding:0 12px;font-weight:400}.platform-ui .url-input>input{border:0;border-radius:0}.platform-ui .editor-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.platform-ui .editor-form{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;padding:8px 32px}.platform-ui .editor-section{border-bottom:1px solid var(--line);padding:28px 0 32px}.platform-ui .editor-section:last-child{border-bottom:none}.platform-ui .editor-section>.field:last-child{margin-bottom:0}.platform-ui .editor-section h2{margin-bottom:8px}.platform-ui .section-description{margin-bottom:22px;font-size:13px}.platform-ui .section-heading,.platform-ui .repeat-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.platform-ui .section-heading>span{font-size:12px}.platform-ui .repeat-heading{margin-bottom:18px}.platform-ui .repeat-heading h3{margin:0}.platform-ui .repeat-item{border-top:1px solid var(--line);margin-bottom:24px;padding:20px 0 0}.platform-ui .repeat-item .field:last-child{margin-bottom:0}.platform-ui .photo-control{align-items:flex-start;gap:20px;margin:20px 0;display:flex}.platform-ui .photo-control>div{flex:1;min-width:0}.platform-ui .photo-control .field{margin-bottom:12px}.platform-ui .editor-photo{object-fit:cover;border-radius:6px;flex:none;width:96px;height:116px}.platform-ui .theme-field{border:0;flex-wrap:wrap;gap:20px;margin:26px 0 0;padding:0;display:flex}.platform-ui .theme-field legend{margin-bottom:12px;padding:0;font-size:14px;font-weight:600}.platform-ui .theme-field>label{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.platform-ui .theme-dot{border-radius:50%;width:18px;height:18px}.platform-ui .theme-dot.navy{background:#173c61}.platform-ui .theme-dot.green{background:#205d48}.platform-ui .editor-sidebar{flex-direction:column;gap:24px;min-width:0;display:flex;position:sticky;top:24px}.platform-ui .sidebar-section{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px}.platform-ui .sidebar-section h2{font-size:17px}.platform-ui .sidebar-section>.button{margin-bottom:10px}.platform-ui .sidebar-section>p:not(.field-hint):not(.notice){margin:18px 0;font-size:13px}.platform-ui .sidebar-section>.field-hint{margin:8px 0 14px}.platform-ui .sidebar-section .notice{margin:16px 0;padding:12px}.platform-ui .status-list{margin:0 0 16px;font-size:12px}.platform-ui .status-list>div{justify-content:space-between;gap:12px;padding:8px 0;display:flex}.platform-ui .status-list dt{color:var(--muted);flex:none}.platform-ui .status-list dd{text-align:right;margin:0}.platform-ui .break-word{overflow-wrap:anywhere}.platform-ui .public-link{margin-bottom:16px;font-size:13px;display:block}.platform-ui .check-field{align-items:flex-start;gap:10px;margin:20px 0 16px;font-size:12px;line-height:1.8;display:flex}.platform-ui .check-field input{margin:3px 0 0}.platform-ui .domain-section .alert{padding:10px;font-size:12px}.platform-ui .domain-search{margin-top:20px}.platform-ui .domain-search .field{margin-bottom:12px}.platform-ui .domain-quote{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.platform-ui .domain-quote>h3{font-size:16px}.platform-ui .domain-contact{border:0;min-width:0;margin:24px 0 0;padding:0}.platform-ui .domain-contact legend{margin-bottom:10px;font-size:14px;font-weight:600}.platform-ui .domain-contact .field{margin-bottom:16px;font-size:12px}.platform-ui .domain-contact input{font-size:13px}.platform-ui .domain-contact>.field-hint{margin:0 0 18px}.platform-ui .domain-contact .check-field{margin:18px 0}.platform-ui .preview-dialog{width:min(1200px,100% - 40px);max-width:none;max-height:calc(100dvh - 40px);color:var(--ink);border:0;border-radius:12px;padding:0}.platform-ui .preview-dialog::backdrop{background:#172b4199}.platform-ui .preview-toolbar{border-bottom:1px solid var(--line);z-index:1;background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex;position:sticky;top:0}.platform-ui .preview-toolbar h2{margin:0 0 2px;font-size:17px}.platform-ui .preview-actions{align-items:center;gap:16px;display:flex}.platform-ui .view-switch{border:1px solid var(--line);border-radius:6px;display:flex;overflow:hidden}.platform-ui .view-switch button{color:var(--muted);background:#fff;border:0;border-radius:0;padding:9px 13px;font-size:13px}.platform-ui .view-switch button[aria-pressed=true]{color:#fff;background:var(--accent)}.platform-ui .preview-canvas{background:#e8edf1;padding:24px}.platform-ui .preview-frame{background:#fff;margin:auto;container-type:inline-size}.platform-ui .preview-frame.mobile{width:min(390px,100%)}.platform-ui .public-site{--site-accent:#173c61;color:#172b41;overflow-wrap:anywhere;background:#fff;font-size:16px}.platform-ui .public-site.theme-green{--site-accent:#205d48}.platform-ui .preview-banner{text-align:center;color:#4b5e70;background:#eff4f7;padding:9px 16px;font-size:12px}.platform-ui .site-header{justify-content:space-between;align-items:center;gap:28px;max-width:1080px;margin:auto;padding:28px 40px;display:flex}.platform-ui .site-name{color:var(--site-accent);font-size:19px;font-weight:700}.platform-ui .site-header nav{flex-wrap:wrap;gap:24px;display:flex}.platform-ui .site-header nav a{color:inherit;font-size:13px;text-decoration:none}.platform-ui .site-hero{max-width:1080px;margin:auto;padding:70px 40px}.platform-ui .site-hero.has-photo{grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;display:grid}.platform-ui .site-title{color:var(--site-accent);font-size:16px;font-weight:600}.platform-ui .site-hero h1{color:var(--site-accent);letter-spacing:.06em;margin-bottom:28px;font-size:clamp(32px,5vw,54px)}.platform-ui .site-introduction{font-size:18px;line-height:2.1}.platform-ui .site-portrait{object-fit:cover;border-radius:4px;width:100%;height:auto;max-height:520px}.platform-ui .preserve-lines{white-space:pre-line}.platform-ui .site-section{border-top:1px solid var(--line);max-width:1000px;margin:0 auto;padding:60px 40px;scroll-margin-top:20px}.platform-ui .site-section h2{color:var(--site-accent);margin-bottom:30px;font-size:27px}.platform-ui .site-section p{line-height:2.1}.platform-ui .site-policies{grid-template-columns:1fr 1fr;gap:40px;display:grid}.platform-ui .site-policies h3{color:var(--site-accent);font-size:20px}.platform-ui .site-updates>section{border-bottom:1px solid var(--line);padding:24px 0}.platform-ui .site-updates>section:first-child{padding-top:0}.platform-ui .site-updates>section:last-child{border-bottom:none}.platform-ui .site-updates time{color:var(--muted);font-size:13px}.platform-ui .site-updates h3{margin:8px 0 12px;font-size:20px}.platform-ui .site-contact a{color:var(--site-accent)}.platform-ui .site-footer{background:var(--site-accent);color:#fff;text-align:center;padding:28px 40px;font-size:13px}@container (max-width:600px){.platform-ui .site-header{padding:22px;display:block}.platform-ui .site-header nav{gap:16px;margin-top:14px}.platform-ui .site-hero,.platform-ui .site-section{padding:38px 24px}.platform-ui .site-hero.has-photo{grid-template-columns:1fr;gap:28px}.platform-ui .site-hero h1{font-size:36px}.platform-ui .site-hero .site-portrait{max-height:440px}.platform-ui .site-introduction{font-size:16px}.platform-ui .site-policies{grid-template-columns:1fr;gap:24px}.platform-ui .site-section h2{font-size:24px}}@media (max-width:800px){.platform-ui .editor-layout{grid-template-columns:minmax(0,1fr)}.platform-ui .editor-sidebar{grid-template-columns:1fr 1fr;align-items:start;display:grid;position:static}.platform-ui .dashboard-header{padding:16px 24px}.platform-ui .dashboard-title{align-items:flex-start}.platform-ui .dashboard-title>.button{margin-top:4px}.platform-ui .account-menu{gap:14px}.platform-ui .account-menu>span{max-width:190px}.platform-ui .site-hero.has-photo{gap:32px}.platform-ui .site-header nav{gap:16px}}@media (max-width:600px){.platform-ui .entry-shell{padding:0 22px}.platform-ui .entry-header{min-height:74px}.platform-ui .entry-intro{padding:54px 0 44px}.platform-ui .lead{font-size:16px}.platform-ui .entry-details{grid-template-columns:1fr;gap:28px;padding:30px 0}.platform-ui .entry-details .price{font-size:22px}.platform-ui .entry-intro .actions{flex-direction:column;align-items:stretch}.platform-ui .auth-shell{padding-top:28px}.platform-ui .auth-panel{margin-top:26px;padding:24px 20px}.platform-ui .brand{font-size:15px}.platform-ui .dashboard-header{align-items:flex-start;padding:14px 20px}.platform-ui .account-menu{flex-direction:column;align-items:flex-end;gap:0}.platform-ui .account-menu>span{max-width:155px;font-size:11px}.platform-ui .account-menu>.text-button{padding:2px 0;font-size:12px}.platform-ui .dashboard-main{padding:28px 18px 50px}.platform-ui .dashboard-title{display:block}.platform-ui .dashboard-title h1{font-size:26px}.platform-ui .dashboard-title>.button{margin-top:16px}.platform-ui .editor-form{padding:0 20px}.platform-ui .editor-sidebar{display:flex}.platform-ui .create-section{padding:24px 20px}.platform-ui .photo-control{gap:14px}.platform-ui .editor-photo{width:76px;height:92px}.platform-ui .preview-dialog{border-radius:8px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.platform-ui .preview-toolbar{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.platform-ui .preview-actions{justify-content:space-between;width:100%}.platform-ui .preview-canvas{padding:10px}.platform-ui .site-header{padding:22px;display:block}.platform-ui .site-header nav{gap:16px;margin-top:14px}.platform-ui .site-hero,.platform-ui .site-section{padding:38px 24px}.platform-ui .site-hero.has-photo{grid-template-columns:1fr;gap:28px}.platform-ui .site-hero h1{font-size:36px}.platform-ui .site-introduction{font-size:16px}.platform-ui .site-policies{grid-template-columns:1fr;gap:24px}.platform-ui .site-section h2{font-size:24px}}@media (prefers-reduced-motion:reduce){.platform-ui{scroll-behavior:auto}.platform-ui .button{transition:none}}