/* Studio 1.3.0 — source assets and palette remain unchanged. */
body::before { display:none; }
.nav-symbol {flex:0 0 auto;object-fit:contain;align-self:center}
.identity {align-items:center;gap:8px}
.identity span {font-size:.65rem;letter-spacing:.04em}
.hero {padding:clamp(48px,6vw,84px) 0 48px}
.hero-grid {grid-template-columns:1.15fr .85fr;gap:40px}
h1 {max-width:16ch;font-size:clamp(3rem,5.7vw,5.6rem);line-height:1.08;letter-spacing:-.04em}
html[lang=th] h1 {font-size:clamp(2.65rem,5.4vw,4.8rem);line-height:1.32;max-width:17ch}
h1 em {font-style:normal;color:var(--accent)}
.hero-lede {max-width:38em;font-size:1.16rem}
.hero-visual {min-height:380px}
.hero-card {min-height:360px;transform:none!important;border-radius:24px;box-shadow:none}
.hero-note {font-size:.9rem}
.trust-strip {background:var(--surface);border-block:1px solid var(--line)}
.trust-item b {font-size:1rem}.trust-item span{font-size:.82rem}
.section {padding-block:72px}.section-head {margin-bottom:28px}
.section h2 {font-size:clamp(1.9rem,3.1vw,3rem);line-height:1.3}
html[lang=th] h2,html[lang=th] h3 {line-height:1.4}
.playground {background:var(--surface-beige)}
.playground-grid {display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:28px;align-items:start}
.job-picker {display:grid;gap:10px}
.job-choice {display:grid;grid-template-columns:28px 1fr 20px;gap:12px;align-items:center;text-align:left;min-height:70px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);cursor:pointer;font-weight:600}
.job-choice>span:first-child {font:12px 'JetBrains Mono',monospace;color:var(--meta)}
.job-choice[aria-pressed=true] {background:var(--surface-blue);font-weight:700}
.job-choice:hover {border-color:var(--accent)}
.idea-panel {padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:20px;min-width:0}
.idea-topline {display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--meta)}
.idea-scene {display:grid;grid-template-columns:1fr .8fr;gap:18px;align-items:center;background:#FCFCFA;color:#182327;border:1px solid #DCE1DD;border-radius:14px;min-height:280px;margin:20px 0 14px;padding:28px 22px}
.idea-scene .eyebrow {font-size:.63rem;color:#1D4497}.idea-scene h3{font-size:1.6rem;line-height:1.35;margin:8px 0 12px}.idea-scene p{font-size:.9rem;line-height:1.6}.idea-scene img{width:100%;height:180px;object-fit:contain;transition:opacity .2s ease}.idea-scene.is-plain img{opacity:0}.scene-next{display:inline-block;border-bottom:1px solid #1D4497;color:#1D4497;font-weight:600;font-size:.87rem}
.idea-controls {display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
.idea-controls button {border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink-2);font-size:.82rem;padding:10px 12px;min-height:44px;cursor:pointer}
.idea-controls button[aria-pressed=true]{background:var(--surface-soft);color:var(--ink);border-color:var(--accent)}
.idea-result strong{font-size:1.05rem}.idea-result p{color:var(--ink-2);font-size:.95rem;margin:8px 0 18px;min-height:3.1em}
.playground-footnote{color:var(--meta);font-size:.86rem;margin:24px 0 0;max-width:75ch}
.citychat-intro{display:grid;grid-template-columns:220px 1fr;gap:32px;padding:28px;border:1px solid var(--line);border-radius:20px;margin-top:24px;background:var(--surface)}
.citychat-intro>img{background:#FCFCFA;border-radius:12px;width:100%;height:170px;object-fit:contain}.citychat-intro h3{font-size:1.45rem;margin:8px 0}.citychat-intro p{margin-bottom:8px}
.asset-card:target{outline:3px solid var(--accent);outline-offset:5px}.asset-id{font-size:.69rem}.asset-meta{font-size:.82rem}
.library-tools{position:sticky;top:74px;z-index:4;background:var(--page);padding:12px;border-radius:14px;border:1px solid var(--line)}
.download-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.download-feature{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:32px}.download-feature h3{font-size:1.8rem;margin:18px 0 12px}.download-list{display:grid;gap:12px}.download-list a{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;text-decoration:none;border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--surface)}.download-list a:hover{border-color:var(--accent)}.download-list a span{font-size:.8rem;color:var(--meta)}.source-details{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:12px}.source-details summary{cursor:pointer;font-weight:600}.source-details p{margin:14px 0}
.handoff-check {padding:28px;margin-top:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.check-options{display:grid;gap:12px}.check-options label{display:flex;gap:10px;align-items:center;min-height:44px;cursor:pointer}.check-options input{width:20px;height:20px;accent-color:var(--accent)}[data-check-progress]{font-weight:600;margin:16px 0}.handoff-check details{margin-top:16px}.handoff-check pre{white-space:pre-wrap}
html:not(.js-ready) :is(.job-picker,.idea-controls,[data-idea-preview],.handoff-check){display:none}
@media(min-width:901px){.role-grid{gap:12px}.role-card{padding:20px}.role-number{font-size:.8rem}.role-card h3{font-size:1.25rem}.role-card p{font-size:.86rem}.lane .badge-row{gap:5px}.lane .badge{font-size:.65rem}}
@media(max-width:1120px){.desktop-nav{display:none}.mobile-nav{display:block}.identity span{display:inline}.hero-grid{gap:28px}}
@media(max-width:800px){.hero-grid,.playground-grid{grid-template-columns:1fr}.hero-visual{min-height:260px}.hero-card{min-height:260px;max-width:580px}.hero-stage{min-height:190px!important}.hero-stage img,.hero-stage lm-motif{max-height:210px}.job-picker{grid-template-columns:1fr 1fr}.job-choice{padding:12px;font-size:.88rem;gap:7px;grid-template-columns:22px 1fr}.job-choice>span:last-child{display:none}.hero h1{max-width:100%!important}.section{padding-block:48px}.download-grid{grid-template-columns:1fr}.citychat-intro{grid-template-columns:150px 1fr;gap:18px}.library-tools{top:70px}}
@media(max-width:480px){.identity strong{font-size:.92rem}.identity span{display:none}.nav-symbol{width:28px;height:28px}.header-actions{gap:4px}.icon-button,.language-link{min-width:38px;padding:7px}.header-inner{gap:8px}.hero-visual{display:none}.hero-lede{font-size:1rem}.hero .cluster .button{font-size:.86rem}.job-choice{font-size:.8rem;min-height:68px;grid-template-columns:18px 1fr}.idea-panel{padding:16px}.idea-scene{padding:18px 14px;gap:10px;grid-template-columns:1fr .7fr;min-height:270px}.idea-scene h3{font-size:1.2rem}.idea-scene p{font-size:.82rem}.idea-scene img{height:130px}.citychat-intro{grid-template-columns:1fr}.citychat-intro>img{height:140px}.download-feature,.handoff-check{padding:22px}.library-tools{position:static}.trust-grid{gap:18px}.trust-item span{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){.idea-scene img{transition:none}html{scroll-behavior:auto}}
@media print{.job-picker,.idea-controls,.library-tools,.handoff-check,.header-actions{display:none}.playground-grid,.download-grid{display:block}.idea-scene.is-plain img{opacity:1}.hero-visual{display:block}.section{break-inside:avoid}}
.library-motion{min-height:140px;padding:8px;border-radius:12px;background:#FCFCFA}.library-motion.quiet{background:#11191D}.library-motion>img,.library-motion>lm-motif{max-height:140px}.asset-preview.logo-sting[data-ijji-logo-live]{display:grid;grid-template-columns:1fr}.asset-preview.logo-sting[data-ijji-logo-live]>img,.asset-preview.logo-sting[data-ijji-logo-live]>ijji-logo-sting{grid-area:1/1;width:100%;max-width:420px}.asset-preview.logo-sting[data-ijji-logo-live]>ijji-logo-sting{margin:auto}
.hero-card .hero-note{transform:none!important}.hero-card .hero-note span{font-size:.72rem;line-height:1.6}
.hero .eyebrow,.section-head .eyebrow{margin-bottom:14px}.source-integration-note{max-width:70ch;font-size:.9rem;line-height:1.75;margin:20px 0;color:inherit}.source-integration-note strong{display:block;margin-bottom:8px}