:root{
  --ink:#141414;--paper:#f6f1e8;--card:#fffdf8;--line:#e4d9c8;
  --accent:#c45c26;--accent2:#1f4b3a;--muted:#6b6258;--ok:#1f4b3a;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);
  font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;line-height:1.7}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}
header{position:sticky;top:0;z-index:20;background:rgba(246,241,232,.94);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.brand{font-weight:800;letter-spacing:.08em}
.brand small{display:block;font-weight:500;color:var(--muted);letter-spacing:0;font-size:12px}
nav a{margin-left:18px;text-decoration:none;font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--ink);color:#fff;text-decoration:none;border:0;border-radius:999px;
  padding:12px 20px;font-weight:700;cursor:pointer}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.btn.accent{background:var(--accent)}
.hero{padding:64px 0 36px;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}
.hero h1{font-size:clamp(32px,5vw,56px);line-height:1.2;margin:0 0 16px}
.kicker{color:var(--accent);font-weight:700;letter-spacing:.12em;font-size:12px}
.hero p{color:var(--muted);font-size:18px}
.hero-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px;min-height:280px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}
.card h3{margin:8px 0}
section{padding:28px 0}
.flow{display:flex;gap:10px;flex-wrap:wrap}
.flow span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px}
footer{border-top:1px solid var(--line);padding:28px 0 48px;color:var(--muted);font-size:13px}
label{display:block;font-size:13px;margin:12px 0 6px}
input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit}
.tee{width:100%;aspect-ratio:3/4;background:linear-gradient(#222,#111);border-radius:18px;position:relative;overflow:hidden}
.tee .print{position:absolute;left:28%;right:28%;top:22%;bottom:42%;display:flex;align-items:center;justify-content:center;color:#ddd;font-size:13px;text-align:center;border:1px dashed #666}
.tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.ai{position:fixed;right:18px;bottom:18px;width:360px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.12);overflow:hidden;z-index:40}
.ai header{position:static;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--ink);color:#fff;border:0}
.ai .log{height:240px;overflow:auto;padding:12px;font-size:14px}
.ai .msg{background:#f3eee4;border-radius:12px;padding:8px 10px;margin:0 0 8px}
.ai .msg.bot{background:#1f4b3a;color:#fff}
.ai form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}
.ai.mini{width:auto}
.hide{display:none}
@media (max-width:860px){
  .hero,.grid3{grid-template-columns:1fr}
  nav a{display:none}
}

/* Live product preview */
.designer-page{background:#f4efe6}
.designer-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:28px;padding:36px 0 64px;align-items:start}
.preview-panel{padding:0}
.preview-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.preview-heading h1{font-size:clamp(28px,4vw,46px);line-height:1.2;margin:6px 0 0}
.preview-badge{background:#e3efe7;color:var(--accent2);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;white-space:nowrap}
.preview-lead{color:var(--muted);margin:12px 0 22px}
.preview-stage{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 20px 55px rgba(50,38,24,.09);max-width:720px}
.preview-stage>img{width:100%;height:auto;user-select:none;pointer-events:none}
.preview-stage>img{transition:opacity .18s ease}.preview-stage>img.loading{opacity:.08}
.print-area{position:absolute;overflow:hidden;border:1px dashed rgba(196,92,38,.68);touch-action:none}
.empty-preview{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:rgba(196,92,38,.88);background:rgba(255,255,255,.06);font-size:clamp(8px,1.3vw,13px);padding:8px;pointer-events:none}
.empty-preview[hidden]{display:none}
.empty-preview span{font-size:.86em;color:rgba(80,65,54,.72)}
#designImage{position:absolute;left:50%;top:46%;width:70%;height:70%;object-fit:contain;transform-origin:center;cursor:grab;touch-action:none;user-select:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}
#designImage[hidden]{display:none}
#designImage.dragging{cursor:grabbing}
.text-layer{position:absolute;left:4%;right:4%;bottom:8%;z-index:2;text-align:center;font-weight:800;font-size:34px;line-height:1.05;color:#fff;text-shadow:0 2px 7px rgba(0,0,0,.38);overflow-wrap:anywhere;pointer-events:none}
.preview-watermark{position:absolute;right:16px;bottom:14px;background:rgba(20,20,20,.76);color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;letter-spacing:.08em}
.preview-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:720px;margin:14px 0}
.preview-summary>div{display:flex;flex-direction:column;background:rgba(255,253,248,.78);border:1px solid var(--line);border-radius:14px;padding:11px 14px}
.preview-summary span{font-size:11px;color:var(--muted)}
.preview-summary strong{font-size:14px}
.preview-actions{display:flex;flex-wrap:wrap;gap:10px;max-width:720px}
.preview-note{max-width:720px;color:var(--muted);font-size:12px}
.designer-controls{display:grid;gap:14px}
.control-card,.next-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}
.step-label{display:flex;align-items:center;gap:10px;font-weight:800;margin-bottom:14px}
.step-label span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px}
.product-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.product-switch button{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 6px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.product-switch button strong,.product-switch button small{display:block}.product-switch button small{margin-top:2px;color:var(--muted);font-weight:500}
.product-switch button[aria-pressed="true"]{border-color:var(--accent);background:#fff4ec;color:#9a421d;box-shadow:inset 0 0 0 1px var(--accent)}
.product-switch button[aria-pressed="true"] small{color:#9a421d}
.upload-button{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1.5px dashed var(--accent);border-radius:14px;background:#fff8f2;color:#8e3c1a;padding:14px 16px;cursor:pointer}
.upload-button small{font-size:11px;color:var(--muted);font-weight:500}
.file-status{font-size:11px;color:var(--muted);margin:8px 0 14px}
.file-status.warning{color:#a55b00}
.file-status.error{color:#b42318}
.source-option{padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}
.source-option.ai-source-option{background:#f1f6f2;border-color:#c9d9cf}
.source-option-heading{display:flex;align-items:center;gap:9px}
.source-option-heading>span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:900}
.source-option-heading strong{font-size:14px}.source-option>p:not(.api-status):not(.file-status){margin:7px 0 12px;color:var(--muted);font-size:11px;line-height:1.55}
.source-option .upload-button{padding:12px 13px}.source-option .file-status{margin-bottom:0}
.source-or{display:flex;align-items:center;gap:10px;margin:7px 0;color:var(--muted);font-size:10px;font-weight:800}
.source-or::before,.source-or::after{content:"";height:1px;background:var(--line);flex:1}
.generation-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:12px 0 10px;padding:4px;border-radius:12px;background:#e2ebe5}
.generation-mode-tabs button{padding:8px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.generation-mode-tabs button[aria-selected="true"]{background:#fff;color:var(--accent2);box-shadow:0 2px 8px rgba(31,75,58,.1)}
.generation-mode-panel[hidden]{display:none}.guided-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.generation-mode-panel label{margin:8px 0 4px;font-size:11px;font-weight:700}.generation-mode-panel input,.generation-mode-panel select,.generation-mode-panel textarea{padding:9px 10px;font-size:12px}.generation-mode-panel textarea{resize:vertical}.guided-generate{width:100%;margin-top:11px;border-radius:12px;padding:10px 14px;font-size:12px}
.usage-panel{margin-top:12px;padding:12px;border:1px solid #c9d9cf;border-radius:12px;background:rgba(255,255,255,.72)}
.usage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}
.usage-heading strong{color:var(--accent2);font-size:13px;white-space:nowrap}.usage-heading b{font-size:20px}
.usage-panel progress{display:block;width:100%;height:8px;margin:8px 0;border:0;border-radius:999px;overflow:hidden;background:#e3e8e4}
.usage-panel progress::-webkit-progress-bar{background:#e3e8e4}.usage-panel progress::-webkit-progress-value{background:var(--accent)}.usage-panel progress::-moz-progress-bar{background:var(--accent)}
.usage-panel>p{margin:5px 0;color:var(--muted);font-size:10px}.usage-panel .quota-toggle{margin-top:5px;color:var(--accent2);font-weight:800}
.quota-request-form{margin-top:10px;padding-top:10px;border-top:1px solid #d9e3dc}.quota-request-form[hidden]{display:none}.quota-request-form label{margin:7px 0 3px;font-size:11px}.quota-request-form input,.quota-request-form select,.quota-request-form textarea{padding:9px 10px;font-size:12px}.quota-request-form textarea{resize:vertical}.quota-request-form .btn{width:100%;margin-top:10px;padding:9px 12px;font-size:12px}
.usage-panel .quota-request-status{font-weight:700}.usage-panel .quota-request-status.success{color:var(--ok)}.usage-panel .quota-request-status.error{color:#a62c24}
.member-required{text-align:center;padding:5px}.member-required strong{font-size:13px;color:var(--accent2)}.member-required p{margin:4px 0 10px;color:var(--muted);font-size:10px}.member-required .btn{width:100%;padding:9px 12px;font-size:11px}
.text-controls{display:grid;grid-template-columns:1fr 50px;gap:8px}
.text-controls input[type="color"]{height:52px;padding:5px;cursor:pointer}
.control-card input[type="range"]{padding:0;border:0;accent-color:var(--accent)}
.control-card output{float:right;color:var(--accent);font-weight:800}
.control-help{font-size:12px;color:var(--muted);margin:-4px 0 12px}
.inline-actions{display:flex;align-items:center;gap:12px;margin-top:16px}
.inline-actions .btn{padding:9px 14px;font-size:12px}
.text-button{border:0;background:transparent;color:#9b2c2c;text-decoration:underline;cursor:pointer;font:inherit;font-size:12px}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.spec-grid label{margin:0}
.spec-grid select,.spec-grid input{margin-top:5px}
.next-card{background:var(--accent2);color:#fff;border:0}
.next-card p{font-size:12px;color:rgba(255,255,255,.8)}
.next-card .btn{width:100%;background:#fff;color:var(--accent2)}
.preview-stage[data-product="mousepad"]{aspect-ratio:2/1;background:#fff}
.preview-stage[data-product="mousepad"]>img{width:100%;height:100%;object-fit:contain}
.preview-stage[data-product="mousepad"] .print-area{border-color:rgba(196,92,38,.85)}
@media (min-width:981px){.preview-panel{position:sticky;top:92px}}
@media (max-width:980px){
  .designer-shell{grid-template-columns:1fr;padding-top:24px}
  .preview-stage,.preview-summary,.preview-actions,.preview-note{max-width:680px;margin-left:auto;margin-right:auto}
}
@media (max-width:560px){
  .designer-shell{width:min(100% - 20px,1120px);gap:20px}
  .preview-heading{flex-direction:column;align-items:flex-start;gap:8px}
  .preview-heading h1{font-size:28px}
  .preview-lead{font-size:14px}
  .preview-stage{border-radius:18px}
  .preview-summary{grid-template-columns:1fr;margin-top:10px}
  .preview-actions .btn{width:100%}
  .product-switch{grid-template-columns:1fr}
  .product-switch button{text-align:left;padding:12px 14px}
  .spec-grid{grid-template-columns:1fr 1fr}
  .control-card,.next-card{padding:16px;border-radius:16px}
  .designer-page .nav{align-items:flex-start}
  .designer-page .nav .btn{padding:10px 14px;max-width:145px;text-align:center}
}

/* T-shirt storefront */
body{overflow-x:hidden}
.brand{text-decoration:none;line-height:1.2}
.nav nav{display:flex;align-items:center}
.nav-cta{margin-left:18px;padding:10px 17px;font-size:13px}
.menu-toggle{display:none;width:42px;height:42px;padding:10px;border:1px solid var(--line);border-radius:50%;background:var(--card);cursor:pointer}
.menu-toggle span{display:block;height:2px;margin:4px 0;background:var(--ink)}
.language-switcher{display:flex;align-items:center;gap:4px;flex:0 0 auto;margin-left:2px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:12px}
.language-switcher select{width:auto;min-width:70px;padding:5px 20px 5px 4px;border:0;border-radius:999px;background:transparent;font-size:12px;font-weight:700;cursor:pointer}
.language-switcher.standalone{position:fixed;top:14px;right:18px;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,.1)}
.member-nav-button{flex:0 0 auto;padding:8px 12px;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.member-nav-button.signed-in{border-color:#bfd2c5;background:#e3efe7;color:var(--accent2)}
.member-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:rgba(20,20,20,.52);backdrop-filter:blur(5px)}.member-modal[hidden]{display:none}.modal-open{overflow:hidden}.member-dialog{position:relative;width:min(430px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:0 24px 80px rgba(0,0,0,.25)}.member-close{position:absolute;right:16px;top:13px;width:34px;height:34px;border:0;border-radius:50%;background:#eee7dd;font-size:22px;cursor:pointer}.member-dialog-head>span{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.14em}.member-dialog-head h2{margin:4px 0 5px;font-size:26px}.member-dialog-head p{margin:0 0 18px;color:var(--muted);font-size:12px}.member-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:#eee7dd}.member-tabs button{padding:9px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.member-tabs button[aria-selected="true"]{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}.member-form[hidden],#memberGuestView[hidden],#memberAccountView[hidden]{display:none}.member-form label{margin-top:12px;font-weight:700}.member-form input{margin-top:4px}.member-form .btn{width:100%;margin-top:16px}.member-form .btn:disabled{opacity:.5;cursor:not-allowed}.member-form-status{min-height:22px;margin:12px 0 0;font-size:12px;font-weight:700}.member-form-status.error{color:#a62c24}.member-form-status.success{color:var(--ok)}.member-form-status.working{color:#2c4c83}.member-account-card{display:flex;flex-direction:column;gap:2px;margin:18px 0;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.member-account-card span{color:var(--muted);font-size:12px}#memberAccountView>.btn{width:100%}
.landing-hero{padding:74px 0 76px;background:radial-gradient(circle at 78% 35%,#ead8c4 0,transparent 30%),linear-gradient(145deg,#f6f1e8 56%,#eee3d2 100%)}
.landing-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:68px;align-items:center}
.landing-copy h1{font-size:clamp(42px,6vw,76px);line-height:1.04;letter-spacing:-.04em;margin:10px 0 24px}
.landing-copy h1 span{color:var(--accent)}
.landing-copy>p,.large-copy{max-width:670px;color:var(--muted);font-size:18px}
.hero-actions{display:flex;align-items:center;gap:24px;margin:30px 0}
.text-link{font-weight:800;text-decoration:none;border-bottom:1px solid var(--ink)}
.text-link span{margin-left:8px}
.trust-list{display:flex;gap:20px;flex-wrap:wrap;padding:0;margin:28px 0 0;list-style:none;color:var(--muted);font-size:12px}
.trust-list li::before{content:"✓";color:var(--accent2);font-weight:900;margin-right:7px}
.hero-product{position:relative;max-width:520px;justify-self:end}
.hero-product>img{width:100%;border-radius:32px;box-shadow:0 30px 80px rgba(58,42,27,.2)}
.hero-print-demo{position:absolute;left:36%;top:31%;width:28%;height:26%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.65);color:#fff;text-align:center;line-height:1.3}
.hero-print-demo strong{font-size:clamp(11px,1.7vw,20px);letter-spacing:.12em}.hero-print-demo span{font-size:9px;opacity:.72}
.hero-chip{position:absolute;background:var(--card);border:1px solid rgba(228,217,200,.7);border-radius:999px;padding:10px 15px;font-size:12px;font-weight:800;box-shadow:0 9px 30px rgba(0,0,0,.12)}
.chip-one{left:-24px;top:18%}.chip-preview{right:-22px;bottom:18%}
.feature-strip{padding:0;background:var(--ink);color:#fff}
.feature-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.feature-strip-grid>div{display:flex;align-items:center;gap:13px;padding:22px;border-right:1px solid rgba(255,255,255,.14)}
.feature-strip-grid>div:last-child{border-right:0}.feature-strip-grid strong{color:#e58a57;font-size:12px}.feature-strip-grid span{font-size:13px;font-weight:700}
.section-block{padding:92px 0}
.split-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:end;margin-bottom:38px}
.split-heading h2,.focus-copy h2,.usecase-head h2,.cta-band h2,.simple-product-copy h1,.product-detail-copy h1,.guide-page h1{font-size:clamp(32px,4.5vw,56px);line-height:1.16;letter-spacing:-.03em;margin:8px 0 0}
.split-heading>p{color:var(--muted);margin:0}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.benefit-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:30px;min-height:230px}
.benefit-card>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f2e5d6;color:var(--accent);font-weight:900;font-size:12px}
.benefit-card h3{font-size:22px;margin:22px 0 8px}.benefit-card p{color:var(--muted);margin:0}
.product-focus{background:#e8e1d5}
.product-focus-grid,.product-detail-grid,.simple-product-page{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.focus-image img,.product-detail-image img,.simple-product-image img{border-radius:28px;box-shadow:0 20px 60px rgba(50,38,24,.12)}
.focus-copy p,.product-detail-copy p,.simple-product-copy p{color:var(--muted)}
.spec-list{margin:28px 0}.spec-list>div{display:grid;grid-template-columns:110px 1fr;border-top:1px solid rgba(20,20,20,.14);padding:12px 0}.spec-list>div:last-child{border-bottom:1px solid rgba(20,20,20,.14)}.spec-list dt{color:var(--muted);font-size:13px}.spec-list dd{margin:0;font-weight:800}
.usecase-head{margin-bottom:26px}.usecase-grid,.process-grid,.notice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.usecase-grid article,.process-grid article,.notice-grid article{border-top:2px solid var(--ink);padding:24px 4px}.usecase-grid strong,.process-grid strong{color:var(--accent);font-size:12px;letter-spacing:.12em}.usecase-grid h3,.process-grid h3,.notice-grid h3{margin:12px 0 5px}.usecase-grid p,.process-grid p,.notice-grid p{margin:0;color:var(--muted)}
.cta-band{padding:64px 0;background:var(--accent2);color:#fff}.cta-band .kicker{color:#f2a97b}.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}.cta-band h2{margin-top:6px}.cta-band p{color:rgba(255,255,255,.72)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:6px}.footer-grid a{text-decoration:none}.footer-grid a:hover{text-decoration:underline}
.simple-product-page,.product-detail-hero{padding:64px 0 88px}.simple-product-copy,.product-detail-copy{max-width:540px}.info-pills{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.info-pills span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:12px;font-weight:700}
.muted-section{background:#ebe4d9}.small-note{color:var(--muted);font-size:12px;margin-top:22px}
.guide-page{max-width:820px;padding:62px 0 90px}.faq-list{display:grid;gap:10px;margin-top:38px}.faq-list details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:0 20px}.faq-list summary{padding:18px 28px 18px 0;font-weight:800;cursor:pointer;position:relative}.faq-list summary::after{content:"＋";position:absolute;right:0}.faq-list details[open] summary::after{content:"−"}.faq-list details p{color:var(--muted);margin:0 0 20px}.guide-cta{margin-top:38px;padding:28px;border-radius:20px;background:var(--accent2);color:#fff}.guide-cta p{color:rgba(255,255,255,.78)}
.ai-launcher{position:fixed;right:18px;bottom:18px;z-index:39;border:0;border-radius:999px;background:var(--ink);color:#fff;padding:12px 16px;font:inherit;font-size:13px;font-weight:800;box-shadow:0 10px 35px rgba(0,0,0,.2);cursor:pointer}.ai-launcher span{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:7px;border-radius:50%;background:var(--accent);font-size:10px}.ai-close{border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer;line-height:1}.ai .msg.user{margin-left:34px;background:#eee4d6}.ai form input{min-width:0}.ai form .btn{padding:9px 14px}.ai:not(.hide)+*{}
.ai-tool-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.ai-tool-buttons .btn{padding:9px 12px;font-size:12px}.prompt-row{display:grid;grid-template-columns:1fr auto;gap:8px}.prompt-row .btn{border-radius:12px;padding:10px 15px}.api-status{margin:10px 0 0;padding:8px 10px;border-radius:10px;background:#f1ece4;color:var(--muted);font-size:11px}.api-status.success{background:#e3efe7;color:var(--accent2)}.api-status.warning{background:#fff0d9;color:#905c13}.api-status.error{background:#fee9e7;color:#a62c24}.api-status.working{background:#e7edf8;color:#2c4c83}
.prompt-row .btn:disabled,.quota-request-form .btn:disabled{opacity:.48;cursor:not-allowed}

@media (max-width:860px){
  .nav{position:relative;justify-content:flex-start}.nav .brand{margin-right:auto}.nav nav{display:none;position:absolute;left:0;right:0;top:100%;padding:12px 16px 18px;background:var(--paper);border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;box-shadow:0 18px 30px rgba(0,0,0,.08)}.nav nav.open{display:grid}.nav nav a{display:block;margin:0;padding:10px 6px}.nav nav .nav-cta{margin:8px 0 0;padding:11px 16px}.menu-toggle{display:block}.language-switcher{margin-left:0}.language-switcher select{min-width:64px}.member-nav-button{width:38px;height:38px;padding:0;font-size:0}.member-nav-button::before{content:"👤";font-size:16px}
  .landing-hero{padding:48px 0}.landing-hero-grid,.split-heading,.product-focus-grid,.product-detail-grid,.simple-product-page{grid-template-columns:1fr;gap:36px}.landing-copy h1{font-size:clamp(40px,12vw,62px)}.hero-product{justify-self:center;max-width:480px}.feature-strip-grid{grid-template-columns:1fr 1fr}.feature-strip-grid>div:nth-child(2){border-right:0}.feature-strip-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}.benefit-grid,.usecase-grid,.process-grid,.notice-grid{grid-template-columns:1fr}.section-block{padding:64px 0}.cta-band-inner{align-items:flex-start;flex-direction:column}.simple-product-page,.product-detail-hero{padding:42px 0 64px}.simple-product-image,.product-detail-image{order:2}
}
@media (max-width:560px){
  .nav .brand small{display:none}.language-switcher{padding:3px 5px}.language-switcher>span{display:none}.language-switcher select{min-width:61px;padding-right:16px}.landing-hero{padding-top:38px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-actions .btn{width:100%}.trust-list{display:grid;gap:7px}.hero-product{width:calc(100% - 20px)}.chip-one{left:-12px}.chip-preview{right:-12px}.feature-strip-grid>div{padding:17px 12px;gap:8px}.feature-strip-grid span{font-size:11px}.benefit-card{min-height:0}.footer-grid{grid-template-columns:1fr;gap:20px}.cta-band{padding:48px 0}.ai{right:10px;bottom:68px;width:calc(100vw - 20px)}.ai-launcher{right:10px;bottom:10px}.ai .log{height:210px}.prompt-row{grid-template-columns:1fr}.prompt-row .btn{width:100%}.guided-grid{grid-template-columns:1fr}.member-dialog{padding:22px 18px;border-radius:18px}
}