:root{--coral: #2563eb;--coral-dark: #1d4ed8;--coral-soft: #e8f0ff;--coral-wash: #f3f7ff;--ink: #172033;--muted: #6f7b8f;--cream: #fbfcfe;--line: #e1e8f2;--ok: #2563eb;--gold: #6f7b8f;--red: #b34233;font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream)}body{-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 8% -4%,#eaf2ff 0,#eaf2ff00 34%),radial-gradient(circle at 102% 18%,#f0f6ff 0,#f0f6ff00 30%),radial-gradient(circle at 50% 120%,#f7faff 0,#f7faff00 45%);background-attachment:fixed}button,input{font:inherit}button{cursor:pointer}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.03em}p{margin:0}.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.desktop-page{min-height:100vh;display:flex;flex-direction:column}.site-header{width:100%;max-width:1320px;margin:0 auto;padding:22px 40px 10px;display:flex;align-items:center;gap:28px}.logo{font-size:24px;font-weight:800;letter-spacing:-.045em;white-space:nowrap}.logo span{color:var(--coral)}.logo em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--ink);background:var(--coral-soft);border-radius:999px;padding:5px 10px;margin-left:9px;vertical-align:4px}.version{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 13px}.kicker{font-size:10px;letter-spacing:.18em;color:var(--muted);font-weight:800;margin-bottom:8px}.muted{color:var(--muted);font-size:12px}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:var(--coral-soft);color:var(--ink);font-size:12px;font-weight:800}.intro-art{position:relative;width:320px;height:220px;margin-top:46px}.intro-art .ring{position:absolute;border-radius:50%;border:1px solid #cfe0f8;background:#ffffff8c}.intro-art .ring-a{width:132px;height:132px;left:0;top:44px}.intro-art .ring-b{width:132px;height:132px;left:94px;top:0;border-color:#b9d2f4}.intro-art .ring-c{width:132px;height:132px;left:188px;top:62px;border-color:#dbe9fc}.intro-art .ring-b:after{content:"";position:absolute;inset:26px;border-radius:50%;background:linear-gradient(135deg,#eff5ff,#dbeafe)}.home-main{width:100%;max-width:1280px;margin:0 auto;padding:48px 40px 80px;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(440px,1.08fr);gap:64px;align-items:center;flex:1}.intro h1{font-size:clamp(44px,4.5vw,66px);line-height:1.08;letter-spacing:-.05em;margin:22px 0 18px}.intro>p{color:var(--muted);line-height:1.8;max-width:500px;font-size:15px}.steps{list-style:none;padding:0;margin:30px 0 26px;display:flex;flex-direction:column;gap:9px}.steps li{display:flex;align-items:center;gap:13px;background:#ffffffb8;border:1px solid var(--line);border-radius:17px;padding:11px 14px;font-size:13.5px;font-weight:650;transition:transform .18s,border-color .18s,background .18s;max-width:400px}.steps li:hover{transform:translate(3px);border-color:#bfdbfe;background:#fff}.steps b{flex:none;width:34px;height:34px;border-radius:50%;background:var(--coral-soft);color:var(--ink);display:grid;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800;letter-spacing:.04em}.meta-row{display:flex;gap:8px;flex-wrap:wrap}.meta-row span{font-size:11px;color:var(--muted);background:#fffc;border:1px solid var(--line);padding:7px 11px;border-radius:999px}.upload-board{position:relative;background:#fff;border:1px solid #e1e8f2;border-radius:30px;padding:24px;box-shadow:0 24px 60px #1720330f;overflow:hidden}.upload-board:after{content:"";position:absolute;width:210px;height:210px;border:1px solid #e7eefb;border-radius:50%;right:-110px;top:-120px;pointer-events:none;box-shadow:0 0 0 38px #2563eb0a}.board-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;position:relative;z-index:1}.board-head h2{margin:0;font-size:31px;letter-spacing:-.04em}.status-dot{flex:none;font-size:11px;font-weight:800;color:var(--ink);background:var(--coral-wash);border-radius:999px;padding:8px 12px}.status-dot.ready{color:var(--coral-dark);background:var(--coral-soft)}.dropzone{min-height:360px;border:2px dashed #cbd9ee;border-radius:24px;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);transition:background .2s,border-color .2s,transform .2s;cursor:pointer;text-align:center;padding:30px}.dropzone:hover,.dropzone.dropping{background:#f3f7ff;border-color:var(--coral);transform:translateY(-1px)}.dropzone strong{color:var(--ink);font-size:19px;font-weight:800;letter-spacing:-.02em}.dropzone span{font-size:12px}.picker-icon{width:62px;height:62px;margin-bottom:12px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--coral-dark);display:grid;place-items:center;font-size:30px;font-weight:600;box-shadow:0 12px 26px #2563eb29}.board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.board-cell{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:18px;background:#f2f6fc;overflow:hidden}.board-cell img{width:100%;height:100%;object-fit:cover;display:block}.board-cell.empty{display:grid;place-items:center;color:var(--coral);font-size:24px;background:var(--cream);border:1.5px dashed #cbd9ee;transition:background .15s,border-color .15s}.board-cell.empty:hover{background:#f3f7ff;border-color:var(--coral)}.cell-index{position:absolute;left:7px;top:7px;font-family:ui-monospace,monospace;font-size:9px;color:#fff;background:#2b2320ad;border-radius:999px;padding:3px 7px}.cell-remove{position:absolute;right:6px;top:6px;border:0;background:#2b2320b8;color:#fff;width:23px;height:23px;border-radius:50%;line-height:1}.board-actions{display:flex;gap:10px;margin-top:18px;position:relative;z-index:1}.btn-dark,.btn-outline{border-radius:16px;padding:14px 18px;font-size:13px;font-weight:800;transition:transform .15s,background .18s,border-color .18s,color .18s,opacity .2s;border:1px solid transparent}.btn-dark{flex:1;background:var(--coral);color:#fff;box-shadow:0 10px 24px #2563eb3d}.btn-dark:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.btn-dark:active:not(:disabled){transform:scale(.99)}.btn-dark:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.btn-dark.small{flex:none;padding:11px 16px;font-size:12px;border-radius:14px}.btn-outline{background:#fff;color:var(--ink);border-color:var(--line)}.btn-outline:hover:not(:disabled){border-color:var(--coral);color:var(--ink);background:var(--coral-wash)}.btn-outline:disabled{opacity:.4;cursor:not-allowed}.error-line{color:var(--red);background:#faf1ef;border-radius:12px;padding:10px 12px;font-size:12px;margin:12px 0 0}.studio-header .studio-progress{margin-left:auto;display:flex;align-items:center;gap:3px;background:#ffffffd9;border:1px solid var(--line);border-radius:999px;padding:5px;font-size:11px;font-weight:700}.studio-progress span{padding:8px 13px;border-radius:999px;color:var(--muted);white-space:nowrap}.studio-progress .active{background:var(--coral-soft);color:var(--ink)}.studio-progress .done{color:var(--ok)}.studio-progress i{display:none}.studio-header .btn-dark{margin-left:14px}.studio-main{width:100%;max-width:1320px;margin:0 auto;padding:22px 40px 70px;display:grid;grid-template-columns:378px minmax(0,1fr);gap:24px;align-items:start;flex:1}.photo-rail{background:#fff;border:1px solid #e1e8f2;border-radius:30px;padding:22px;box-shadow:0 18px 48px #1720330d;position:sticky;top:20px}.rail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.rail-head h2{margin:0;font-size:32px;letter-spacing:-.05em}.rail-hint{font-size:10px;color:var(--muted);background:var(--cream);border-radius:999px;padding:6px 9px;white-space:nowrap}.rail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.rail-cell{position:relative;aspect-ratio:1;border-radius:50%;border:3px solid transparent;background:#fff;padding:0;cursor:pointer;overflow:hidden;box-shadow:0 6px 16px #2b232014;transition:border-color .16s,transform .16s,box-shadow .16s}.rail-cell:hover{transform:translateY(-2px)}.rail-cell.selected{border-color:var(--coral);box-shadow:0 0 0 5px #1720331a,0 8px 20px #17203317}.rail-cell canvas{width:100%;height:100%;display:block;border-radius:50%}.rail-index{position:absolute;left:50%;bottom:5px;transform:translate(-50%);font-family:ui-monospace,monospace;font-size:9px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);background:#2b232080;border-radius:999px;padding:2px 6px}.rail-note{margin-top:18px;padding:14px 16px;border-radius:15px;background:#fff1f0;border:1px solid #f3c4bd;display:flex;flex-direction:column;gap:4px;font-size:16px;font-weight:800;letter-spacing:-.01em;color:#c62828;line-height:1.4;text-align:right}.editor-stage{display:flex;flex-direction:column;gap:18px;min-width:0}.editor-card{background:#fff;border:1px solid #e1e8f2;border-radius:30px;padding:26px 28px;box-shadow:0 18px 48px #1720330d;width:100%}.editor-card.placeholder{min-height:300px;display:grid;place-items:center;color:var(--muted);font-size:13px}.crop-panel>.row:first-child strong{font-size:19px;letter-spacing:-.02em}.save-state{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--ok);background:var(--coral-soft);border-radius:999px;padding:6px 10px;white-space:nowrap}.canvas-frame{position:relative;display:grid;place-items:center;margin:18px 0 14px}.canvas-frame canvas{width:min(100%,420px);aspect-ratio:1;border-radius:50%;background:#0f172a;cursor:grab;touch-action:none;box-shadow:0 0 0 8px var(--coral-wash),0 24px 50px #1720331a}.canvas-frame canvas:active{cursor:grabbing}.canvas-loading{position:absolute;color:#fff;font-size:12px}.crop-panel>p.muted{text-align:center;margin-top:12px;font-size:12px}.zoom-row{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:700;color:var(--muted);background:var(--cream);border-radius:14px;padding:11px 15px;margin-top:8px}.zoom-row input{flex:1;appearance:none;-webkit-appearance:none;height:6px;border-radius:999px;background:#e3eaf5;outline:none}.zoom-row input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--coral);border:3px solid #fff;box-shadow:0 2px 8px #2563eb42;cursor:pointer}.zoom-row input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--coral);border:3px solid #fff;box-shadow:0 2px 8px #2563eb42;cursor:pointer}.crop-panel>.row:last-child{gap:10px;margin-top:14px}.crop-panel>.row:last-child .btn-outline{flex:1}.studio-toast{position:fixed;right:28px;bottom:28px;background:var(--ink);color:#fff;padding:14px 18px;border-radius:16px;display:flex;gap:14px;align-items:center;font-size:12px;max-width:460px;box-shadow:0 16px 40px #2b232040;z-index:30}.studio-toast.ok{background:var(--ok)}.studio-toast button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:5px 10px;font-size:11px}.success-page{background-image:radial-gradient(circle at 12% 0%,#e8f1ff 0,#e8f1ff00 38%),radial-gradient(circle at 100% 30%,#f0f6ff 0,#f0f6ff00 32%)}.success-page .site-header{border:0}.success-main{width:100%;max-width:1180px;margin:0 auto;padding:52px 40px 80px;display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center;flex:1}.success-copy .tick{width:66px;height:66px;border-radius:50%;background:var(--coral-soft);color:var(--ok);display:grid;place-items:center;font-size:30px;font-weight:800;margin-bottom:20px;box-shadow:0 10px 24px #2563eb1f}.success-copy h1{font-size:clamp(44px,4.8vw,68px);line-height:1.06;margin:10px 0 20px;letter-spacing:-.05em}.success-copy>p{color:var(--muted);line-height:1.8;max-width:500px;font-size:14.5px}.success-meta{display:flex;gap:10px;margin-top:34px;flex-wrap:wrap}.success-meta div{display:flex;flex-direction:column;gap:5px;background:#fffc;border:1px solid var(--line);border-radius:16px;padding:12px 16px;min-width:100px}.success-meta span{font-size:9px;letter-spacing:.14em;color:var(--muted);font-weight:700}.success-meta b{font-size:14px;font-weight:800}.code-card{background:#fff;border:1px solid #e7e7e1;border-radius:30px;padding:38px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 60px #17203314}.big-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(34px,4vw,54px);letter-spacing:.12em;font-weight:800;color:var(--coral);overflow-wrap:anywhere}.code-card p{color:var(--muted);font-size:12px;line-height:1.7}.code-card .btn-outline,.code-card .btn-dark{width:100%}.code-card .btn-dark{flex:none}@media(max-width:1080px){.home-main{gap:38px}.studio-main{grid-template-columns:330px minmax(0,1fr);gap:18px}.site-header,.home-main,.studio-main,.success-main{padding-left:28px;padding-right:28px}}@media(max-width:900px){.studio-progress{display:none}.home-main,.success-main{grid-template-columns:1fr;gap:34px;padding-top:28px}.upload-board{max-width:640px}.studio-main{grid-template-columns:1fr}.photo-rail{position:static}.rail-grid{grid-template-columns:repeat(6,1fr)}.studio-header .btn-dark{margin-left:auto}}@media(max-width:620px){.site-header{padding:18px 18px 6px}.logo{font-size:21px}.version{display:none}.home-main,.studio-main,.success-main{padding-left:18px;padding-right:18px}.intro h1,.success-copy h1{font-size:40px}.upload-board{padding:18px;border-radius:24px}.dropzone{min-height:300px}.rail-grid{grid-template-columns:repeat(3,1fr)}.editor-card{padding:20px 16px;border-radius:24px}.code-card{padding:26px;border-radius:24px}}.review-page{background-image:radial-gradient(circle at 10% 0%,#e8f1ff 0,#e8f1ff00 38%),radial-gradient(circle at 100% 30%,#f0f6ff 0,#f0f6ff00 32%)}.review-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:44px 40px 70px;display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:center}.review-copy .pill{margin-bottom:18px}.review-copy h1{font-size:clamp(42px,4.4vw,64px);line-height:1.08;margin-bottom:18px}.review-copy>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:440px}.review-status{margin-top:22px;padding:12px 14px;border-radius:14px;background:var(--coral-soft);color:var(--coral-dark);font-size:12px}.review-error{margin-top:22px;padding:12px 14px;border-radius:14px;background:#faf1ef;color:var(--red);font-size:12px}.review-actions{display:flex;gap:10px;margin-top:28px;max-width:420px}.review-actions .btn-outline{flex:1}.review-actions .btn-dark{flex:1.6}.review-board{background:#fff;border:1px solid var(--line);border-radius:30px;padding:24px;box-shadow:0 20px 50px #17203314}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.review-cell{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;background:#f2f6fc}.review-cell canvas{width:100%;height:100%;display:block}.review-cell span{position:absolute;left:7px;top:7px;font-family:ui-monospace,monospace;font-size:9px;color:#fff;background:#172033a6;border-radius:999px;padding:3px 7px}.review-note{margin-top:16px;padding:11px 14px;border-radius:14px;background:var(--coral-soft);color:var(--coral-dark);font-size:12px}@media(max-width:900px){.review-main{grid-template-columns:1fr;gap:32px}}.viewer3d-overlay{position:fixed;inset:0;z-index:100;background:#0912218c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:28px}.viewer3d-panel{width:min(1120px,96vw);height:min(760px,88vh);background:#0d1728;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 100px #09122166}.viewer3d-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.viewer3d-head .kicker{color:#8fb8ff}.viewer3d-head strong{font-size:18px}.viewer3d-head-actions{display:flex;gap:8px}.viewer3d-head-actions .btn-outline{color:#dbe8ff;border-color:#ffffff38;background:transparent;padding:9px 13px;font-size:11px}.viewer3d-head-actions .btn-outline:hover{background:#ffffff14}.viewer3d-head-actions .btn-dark{background:#2f6fed;border-color:#2f6fed;padding:9px 13px;font-size:11px}.viewer3d-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 250px}.viewer3d-stage{position:relative;min-height:0}.viewer3d-canvas{position:absolute;inset:0}.viewer3d-canvas canvas{display:block;width:100%!important;height:100%!important}.viewer3d-loading,.viewer3d-error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-size:13px;color:#a9bddb}.viewer3d-error{color:#ffb4a8}.viewer3d-side{border-left:1px solid rgba(255,255,255,.1);padding:20px;background:#ffffff06}.viewer3d-side .kicker{color:#8fb8ff}.viewer3d-side .muted{color:#8ea4c4;margin-top:14px;line-height:1.6}.viewer3d-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.viewer3d-thumb{padding:0;border:2px solid transparent;border-radius:50%;overflow:hidden;aspect-ratio:1;background:#16223a}.viewer3d-thumb img{width:100%;height:100%;object-fit:cover;display:block}.viewer3d-thumb.active{border-color:#4f8dff;box-shadow:0 0 0 3px #4f8dff33}@media(max-width:900px){.viewer3d-panel{height:92vh}.viewer3d-body{grid-template-columns:1fr}.viewer3d-side{display:none}}.delivery-preview{display:flex;flex-direction:column;gap:12px}.delivery-preview img{width:100%;max-height:360px;object-fit:contain;border-radius:16px;border:1px solid var(--line);background:#fff}.delivery-loading{color:var(--muted);font-size:12px;padding:20px 0}.size-choice{margin:0 0 16px;padding:13px 14px;border-radius:16px;background:var(--cream);border:1px solid var(--line)}.size-choice .muted{font-size:10px}.size-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.size-options button{position:relative;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:11px;padding:10px 4px;font-weight:800;font-size:14px}.size-options button span{font-size:9px;color:var(--muted);margin-left:1px}.size-options button em{display:block;font-style:normal;font-size:8px;color:var(--coral-dark);margin-top:2px}.size-options button.active{border-color:var(--coral);background:var(--coral-soft);box-shadow:0 0 0 2px #2563eb14}.viewer3d-size-row{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px}.viewer3d-size-row button{background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#d6e3f7;border-radius:999px;padding:7px 8px;font-size:11px}.viewer3d-size-row button.active{background:#2563eb;border-color:#60a5fa;color:#fff}.review-notice{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff;max-width:500px}.review-notice-scroll{max-height:260px;overflow:auto;padding-right:4px;font-size:12px;line-height:1.7;color:var(--ink)}.consent-row{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;font-weight:700;line-height:1.5}.consent-row input{margin-top:2px;accent-color:var(--coral)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:10px 0 6px;font-size:14px}.markdown-body p{margin:0 0 7px}.markdown-body ul,.markdown-body ol{margin:0 0 7px;padding-left:18px}.markdown-body blockquote{margin:0 0 7px;padding-left:9px;border-left:2px solid #bfdbfe;color:var(--muted)}.markdown-body code{font-family:ui-monospace,monospace;background:#eef4ff;padding:1px 4px;border-radius:4px}.notice-overlay{position:fixed;inset:0;z-index:110;background:#0912218c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:28px}.notice-panel{width:min(680px,94vw);max-height:88vh;background:#fff;border-radius:28px;padding:26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 40px 100px #09122140}.notice-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.notice-head strong{font-size:24px}.notice-head .btn-outline{padding:8px 12px;font-size:11px}.notice-scroll{max-height:56vh;overflow:auto;font-size:13px;line-height:1.8;padding-right:8px}.notice-loading{padding:30px;text-align:center;color:var(--muted)}.notice-panel .consent-row{margin-top:0}