:root{--ink:#202f38;--muted:#677377;--paper:#f5f3ed;--line:#dcded7;--orange:#ad4628}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 Arial,sans-serif}button,input,textarea{font:inherit}button,a,label.file-button{touch-action:manipulation}a{color:inherit;text-decoration:none}header{padding:24px 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px}.wordmark{font-size:25px;font-weight:800;letter-spacing:-1px;display:flex;gap:12px;align-items:center}.mark{color:var(--orange);font-size:33px}.tag{font-size:9px;letter-spacing:1px;font-weight:500;border:1px solid #c9cdc5;padding:5px 8px;margin-left:6px}main{max-width:1500px;margin:auto;padding:36px 5% 20px}.intro{display:flex;justify-content:space-between;gap:40px;margin-bottom:38px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 12px;color:var(--muted)}h1{font-size:53px;line-height:1.04;letter-spacing:-2px;margin:10px 0 18px;font-weight:500}h1 em{font-family:Georgia,serif;color:var(--orange);font-weight:400}.intro p:not(.eyebrow){color:var(--muted)}.start{align-self:center;max-width:335px;border-left:2px solid #c4cbbb;padding:8px 0 8px 22px;font-size:13px}.start p{margin:9px 0}.start small{color:var(--muted);line-height:1.8}.workspace{display:grid;grid-template-columns:minmax(350px,.9fr) minmax(440px,1.3fr);border:1px solid var(--line);background:#fff}.controls{padding:26px;border-right:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}h2{font-size:17px;letter-spacing:-.25px;margin:0}h2 span{font-size:10px;color:var(--muted);margin-right:10px}button,.file-button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:5px;padding:9px 12px;color:var(--ink);font-weight:600}button:hover,.file-button:hover{background:#eeefe9}button:disabled{opacity:.45;cursor:not-allowed}.quiet{border:0;background:transparent;font-size:12px;padding:8px}.hint{font-size:12px;color:var(--muted);margin:12px 0}textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:13px;resize:vertical;background:#fafbf7;color:var(--ink);font-family:monospace;font-size:11px;line-height:1.65}#source{height:158px;white-space:pre}.row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.secondary{background:#e9ece4}.file-button{font-size:12px;display:inline-block}.file-button input{display:none}.brand-head{margin-top:27px}.fields{display:grid;grid-template-columns:1fr 100px;gap:12px;margin:14px 0}label{font-size:11px;color:var(--muted);display:block}input{border:1px solid var(--line);border-radius:5px;padding:9px 10px;width:100%;margin-top:5px;background:white;color:var(--ink)}input[type=color]{padding:4px;height:40px}.themes{display:flex;gap:8px}.theme{flex:1;font-size:12px}.theme.active{border-color:var(--ink);background:var(--ink);color:#fff}.preset{padding-bottom:10px;border-bottom:1px solid var(--line)}details{margin:14px 0}summary{font-size:12px;cursor:pointer}details label{margin-top:8px}details small{font-size:11px;color:var(--muted)}#notice{font-size:12px;padding:10px 12px;background:#edf2e9;border-radius:4px;margin-top:15px}#issues:empty{display:none}#issues{background:#fff0e8;color:#8d321d;font-size:12px;padding:10px;margin-top:8px;max-height:140px;overflow:auto}.issue{padding:3px 0}.export{margin-top:23px}#export{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--ink);color:#fff;border:0;padding:14px 18px;font-size:14px}#progress{font-size:10px;color:var(--muted);display:block;margin-top:9px}.preview{padding:27px 32px;background:#e9ece4}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.preview-top .eyebrow{margin-bottom:6px}.dimension{font-size:10px;color:var(--muted);border:1px solid #ccd0c5;padding:4px 8px;border-radius:20px}.proof{display:flex;justify-content:center;align-items:center;min-height:350px}#hero{width:min(100%,380px);height:auto;box-shadow:0 8px 25px #27312b15}#empty{text-align:center;color:#7a857a;padding:100px 20px}#empty>span{font-size:48px}#empty h3{font-size:17px;color:var(--ink)}#empty p{font-size:12px}.selected{display:flex;justify-content:space-between;margin:16px 0 17px;font-size:11px;color:var(--muted)}#thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.thumb{padding:3px;border:1px solid transparent;background:transparent;border-radius:3px;min-width:0}.thumb.active{border:2px solid var(--orange);padding:2px}.thumb canvas{width:100%;height:auto;display:block}.thumb span{font-size:9px;font-weight:400;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.thumb.bad{border-color:#c43224;background:#fff0e8}.bad-slide{padding:10px;color:#a83323;font-size:11px}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;padding:22px 0}footer a{text-decoration:underline}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d67c4b;outline-offset:3px}@media(max-width:850px){main{padding:25px 4%}.intro{gap:20px}.intro h1{font-size:40px}.start{max-width:260px}.workspace{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line)}.preview{padding:24px}.proof{min-height:200px}header{padding:18px 4%}.tag{display:none}}@media(max-width:540px){.intro{display:block}.start{max-width:100%;margin-top:25px}.intro h1{font-size:43px}.preview-top{align-items:flex-start}#thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}footer{display:block}footer span{display:block}}

[hidden]{display:none!important}.project-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 16px;padding:7px 0;border-bottom:1px solid var(--line)}#save-state{font-size:10px;color:var(--muted);margin-left:auto}.input-tabs{display:flex;gap:5px;margin:10px 0}.input-tabs button{font-size:12px;flex:1;background:#f6f7f2}.input-tabs button.active{background:#e5ebdf;border-color:#7a8f75}#quick-panel label{margin:10px 0}#quick-copy{font-family:Arial,sans-serif;font-size:13px;line-height:1.55;margin-top:5px}.split-hint{display:block;margin:9px 0}.issue-link{display:block;border:0;background:transparent;text-align:left;color:#8d321d;font-size:12px;width:100%;padding:5px}.issue-link:hover{background:#f6d9c7}.save-note{color:#ad4628!important}.controls{padding:22px}.intro{margin-bottom:28px}.workspace .hint{line-height:1.6}.slide-actions{flex-wrap:wrap}.demo-video{width:100%;max-width:1100px;border:1px solid var(--line);background:#e9ece4;margin:20px 0}.demo-caption{font-size:14px;color:var(--muted)}

/* Customer navigation and bilingual copy. */
.header-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}.language-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:6px}.language-switch button{border:0;background:transparent;font-size:12px;padding:6px 10px;font-weight:500}.language-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.section-head h2 b,.export h2 b,#export b{font-weight:inherit}.mode-note{font-size:11px;font-weight:600;color:var(--ink)!important}.controls .row{flex-wrap:wrap}.controls .section-head h2{flex:1;min-width:0}.controls .section-head{align-items:flex-start}.controls .section-head>button{flex-shrink:0}html[lang=ja] body{font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[lang=ja] h1{font-size:42px;line-height:1.4;letter-spacing:-1px}html[lang=ja] h1 em{font-family:inherit;font-style:normal}html[lang=ja] .eyebrow{letter-spacing:1px}html[lang=ja] .intro{gap:26px}html[lang=ja] #quick-copy{font-family:inherit}.customer-doc{max-width:940px}.customer-doc h1{font-size:44px;line-height:1.2}.customer-doc .lead{font-size:17px;color:var(--muted)}.customer-doc h2{margin:32px 0 12px;font-size:23px}.customer-doc h3{margin-top:25px;font-size:17px}.customer-doc p,.customer-doc li{line-height:1.85}.customer-doc li{margin:7px 0}.customer-doc ol,.customer-doc ul{padding-left:24px}.customer-doc a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}.customer-doc pre{background:white;border:1px solid var(--line);padding:18px;border-radius:6px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 monospace}.customer-doc code{background:#e8ece3;padding:2px 5px;font-size:.95em}.customer-doc .note{background:#e8ede2;border-left:3px solid #8c9c80;padding:14px 18px}.customer-doc .doc-links{display:flex;gap:20px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line)}.customer-doc .doc-links a{font-size:13px}.customer-doc table{width:100%;border-collapse:collapse;font-size:13px}.customer-doc th,.customer-doc td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}.customer-doc th{background:#e9ece4}html[lang=ja] .customer-doc h1{font-size:36px}@media(max-width:700px){header{gap:15px;flex-wrap:wrap}.header-tools{gap:12px}.customer-doc h1{font-size:36px}html[lang=ja] h1{font-size:33px}html[lang=ja] .intro h1{font-size:34px}html[lang=ja] .customer-doc h1{font-size:29px}.customer-doc table{font-size:12px}.customer-doc th,.customer-doc td{padding:9px 6px}}

/* 2026-09-15 audit addition */
.upgrade{margin-top:1.25rem;padding:1rem 1.1rem;border:1px solid #d6d3c8;border-radius:6px;background:#f7f6f1;font-size:.9rem}.upgrade p{margin:.35rem 0 .5rem}.upgrade a{font-weight:600}