/* ATLAS 02 / WHITE EDITION */
:root{--paper:#fff;--ink:#17191e;--muted:#65707b;--blue:#2458ed;--border:#e9ebef;background:#fff;color:#17191e}
body,.app,main,.topbar,footer{background:#fff}.sidebar{background:#fff;color:#17191e;border-right:1px solid #e9ebef;width:230px;padding:30px 21px}.app{margin-left:230px}.brand{font-size:21px;letter-spacing:-1px}.brand-icon{background:#17191e;color:#fff;border-color:#17191e;border-radius:7px;height:42px;width:40px;font-size:38px}.brand-icon>span{color:#c6ef80}.brand small{color:#68737d;font-size:7px;letter-spacing:1.8px}.edition{border-color:#e9ebef;color:#69747e;margin-top:25px;font-size:8px;letter-spacing:1.2px}.edition>span{color:#17191e}.sidebar nav a{color:#56616c;font-size:12px;padding:12px 11px;min-height:44px;margin-bottom:5px;border-radius:7px;gap:11px;font-weight:500}.sidebar nav a:hover{background:#f7f9fc;color:#111}.sidebar nav a.active{background:#17191e;color:#fff}.sidebar nav a small{background:#f0f2f5;color:#59636e;font-size:9px}.sidebar nav a.active small{background:#3d4047;color:#fff}.sidebar .nav-caption{font-size:8px;letter-spacing:2px;color:#78828c;margin-top:27px}.sidebar-bottom{color:#64717c;font-size:10px}.sidebar-bottom p{display:none}.sidebar-bottom small{color:#78828c;font-size:9px;display:block;margin-top:8px}.live-dot{background:#2458ed}.topbar{height:66px;padding-inline:42px;font-size:11px;border-color:#eceef1}.topbar a{font-size:11px}.topbar #breadcrumb{color:#6a7580}.topbar #breadcrumb>span{color:#17191e}main{padding:39px 42px 60px;max-width:1600px}.eyebrow{color:#5c6671;font-size:8px;letter-spacing:2px;font-weight:500}.eyebrow:before{display:none}.page-title{font-size:42px;font-weight:650;letter-spacing:-2px;line-height:1.5;margin:11px 0 25px}.page-kicker .edition-pill{display:none}.page-intro{font-size:13px}.btn{border-color:#e1e5ec;border-radius:6px;box-shadow:none;font-size:12px}.btn.primary{background:#17191e;border-color:#17191e;box-shadow:none}.btn.primary:hover{background:#30343c;border-color:#30343c}.btn:hover{background:#f6f8fb}.btn.text{font-weight:400}.btn.text:hover{background:none}.chip{border:0;border-radius:5px;min-height:34px;font-size:11px;color:#68727c;padding:6px 10px}.chip.active{background:#17191e;color:#fff}.chip:hover{background:#f3f5f8;color:#17191e}.chip.active:hover{background:#17191e;color:#fff}.filters{gap:4px;border-bottom:1px solid #e9ebef;padding-bottom:16px;margin-bottom:14px}.searchbox{margin-bottom:10px}.searchbox input{border:0;border-bottom:1px solid #e1e5ec;border-radius:0;box-shadow:none;height:54px;font-size:14px;padding-left:33px}.searchbox input:focus{box-shadow:none}.searchbox>span{left:0;top:13px}.search-shortcut{background:white;border-color:#e1e5ec;right:4px}.searchbox button{background:#fff;color:#596877}.purpose{gap:7px;margin:10px 0 16px}.purpose button{border:0;background:transparent;padding:4px 0;margin-right:12px;color:#65717f;font-size:10px;min-height:30px}.purpose button:hover{background:none;color:#111}.purpose button:before{content:'#';color:#9aa3ad;margin-right:3px}.section-head{margin-bottom:10px;align-items:center}.section-head h2{font-size:13px;letter-spacing:.3px;font-weight:500}.section-head>a{font-size:11px;color:#546372}.section-head>p{display:none}.library-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.library-heading .eyebrow{margin-bottom:0}.library-heading .page-title{margin-bottom:0}.library-number{font-size:43px;font-weight:500;letter-spacing:-2px;line-height:1}.library-number small{display:block;text-align:right;font-size:7px;letter-spacing:1.5px;color:#6e7c88;margin-top:10px}.result-bar{font-size:10px;color:#74808c;margin-bottom:18px}.result-bar strong{font-size:12px;font-weight:500}.result-total{font-size:10px}.result-bar select{border:0;font-size:10px;padding-right:0;min-height:30px}.cards{gap:27px 22px;grid-template-columns:repeat(3,minmax(0,1fr))}.part-card{background:white;border:1px solid #e6e9ee;border-radius:10px;box-shadow:none;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}.part-card:hover{border-color:#a8b7cd;box-shadow:0 8px 24px #182b4610;transform:translateY(-3px)}.part-card .preview{background:white!important;border-radius:0;margin:0;height:211px;padding:30px 22px 20px;border-bottom:1px solid #eff1f4}.preview .mini{transform:scale(.95);max-width:280px;font-size:11px}.preview .mini>.box{box-shadow:0 5px 15px #142b3c07}.card-open{padding:15px 17px 16px;display:block}.card-open:after{border-radius:10px}.card-title-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.card-title-row h3{margin:0;font-size:15px;font-weight:600;letter-spacing:-.3px}.card-title-row>span{font-size:14px;color:#7a8998;font-weight:400}.card-meta{margin-top:6px;gap:8px;line-height:1.5}.card-meta .en{font-size:10px;color:#707d8b;letter-spacing:.1px;text-align:left}.card-tag{font-size:8px;background:none;color:#687888;padding:0;white-space:nowrap}.fav-btn{width:30px;height:30px;right:11px;top:11px;border:0;background:#ffffffdd;color:#526373;font-size:19px;box-shadow:none;opacity:.4;transition:opacity .15s}.part-card:hover .fav-btn,.part-card:focus-within .fav-btn,.fav-btn[aria-pressed=true]{opacity:1}.fav-btn[aria-pressed=true]{background:#fff;color:#2458ed}.fav-btn:before{inset:-7px}.card-bottom,.card-open>p,.demo-indicator{display:none}.empty-results{border:1px solid #e8ecf2;background:#fff}.empty-results h3{font-size:16px;font-weight:500}.editorial-hero{padding:2px 0 40px;margin-bottom:33px;border-bottom:1px solid #e9ebef;grid-template-columns:1fr 1fr;gap:35px}.editorial-hero h1{font-size:52px;line-height:1.48;letter-spacing:-2.7px;margin:25px 0 20px;font-weight:650}.editorial-hero h1 em{color:#17191e}.editorial-hero .lead{font-size:12px;color:#65717d;margin-bottom:26px}.editorial-hero .actions{margin-top:0}.editorial-hero .actions .btn{font-size:12px}.hero-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;transform:rotate(-2deg);padding:4px;max-width:480px;justify-self:end;width:100%}.hero-viz{border:1px solid #e6ebf2;border-radius:8px;overflow:hidden;padding:10px;background:#fff;box-shadow:0 5px 15px #192f4a04;position:relative}.hero-viz>span{font-size:6px;letter-spacing:1.1px;color:#6a7a8b;position:absolute;top:10px;left:12px}.hero-viz svg{display:block;width:100%;height:auto;aspect-ratio:1.6;margin-top:6px}.viz-c{margin-left:15px;margin-right:-15px}.panel{background:white;border-color:#e7ebf0;box-shadow:none;border-radius:10px}.panel-heading p,.edition-pill,.preview-caption,.studio-layout>.panel>.mobile-note,.builder-config>.panel>.panel-heading p{display:none}.panel-heading{margin-bottom:20px}.panel-heading h2{font-size:15px}.step-label{background:white;border-color:#dfe5ed;color:#61738b;width:28px;height:28px;font-size:10px}.field>label,.field>legend{font-size:12px}.field select,.field>input{border-color:#dce3ee;border-radius:6px;font-size:13px;min-height:43px}.field small{font-size:10px}.palette-option{font-size:12px;background:white;border-radius:7px}.palette-option[aria-pressed=true]{border-color:#17191e}.palette-dots i{height:22px;width:20px}.color-codes button{background:white;border-color:#e5e9ee;border-radius:4px;font-size:10px}.color-codes small{font-size:8px}.studio-layout{grid-template-columns:.85fr 1.15fr;gap:25px}.studio-layout h3{font-size:13px;letter-spacing:.2px}.color-codes{gap:7px}.output-title{font-size:9px}.live-label{color:#667480;font-size:8px}.live-label i{background:#2458ed}.output-heading h2{font-size:18px}.browser-mock{border-color:#e6ebf2;border-radius:7px}.browser-chrome{background:#fff;border-color:#edf0f4}.generator-layout .prompt{background:#fff;font-size:11px;border-color:#e3e9f1}.check-row label{border-color:#e3e7ed;background:#fff}.check-row label:has(:checked){background:#fff;color:#17191e;border-color:#17191e}.selection-grid{border-color:#e4e9ef}.selection-grid label.picked{background:#fff;border-color:#b9c5d8}.selection-grid label{font-size:11px}.selection-grid label small{font-size:8px}.selected-parts button{color:#283f59;background:#fff;border-color:#dbe3ed}.brief-summary span{background:#fff;color:#5d7186;border-color:#e4eaf2}.preset-row{font-size:9px}.preset-row button{background:#fff;border-color:#dfe6ef;color:#576d84}.output-panel #generate{display:none}.output-divider{border-color:#e8edf3}.mobile-note{font-size:11px}.detail-top{background:#ffffffed;border-color:#e8ecf2}.detail-body{background:#fff}.detail-body h2{font-size:30px}.detail-body>p{font-size:13px;color:#647487}.detail-body .en{font-size:12px}.detail-grid section{border:0;border-radius:0;padding:12px 0}.detail-grid{margin-bottom:10px;border-bottom:1px solid #e8edf2}.detail-grid h3{font-size:12px}.detail-grid p{font-size:12px}.spec-details>summary{font-size:12px;color:#56718a;cursor:pointer;margin:20px 0}.detail-body .prompt{background:#fff;font-size:12px;border-color:#dfe6f0}.detail-body .prompt-head h3{font-size:13px}.demo{background:#fff;border-color:#e7edf5;border-radius:8px;min-height:290px}.detail-body>.mobile-note{font-size:11px}.detail-body>.btn:last-child{display:none}dialog{background:#fff;border-radius:12px}footer{border-color:#e9edf3;font-size:8px;color:#748393;padding-inline:42px}footer span{letter-spacing:1px;font-size:7px}
/* New visual collection */
.visual-mini{width:100%;max-width:620px}.preview .visual-mini{transform:none}.visual-stage{width:100%;height:auto;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.visual-stage svg{width:100%!important;height:auto!important;aspect-ratio:320/210;display:block;max-height:none}.visual-stage svg text{font-family:'Noto Sans JP',sans-serif}.preview .visual-controls,.preview .visual-values,.preview .visual-mini>.status{display:none}.preview .visual-stage{height:100%}.preview .visual-stage svg{max-height:190px;width:100%;}.visual-controls{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:13px;border-top:1px solid #e9edf4;padding-top:12px}.visual-controls button{font-size:11px!important;background:#fff!important;border-color:#dfe6f0!important}.visual-controls>span{font-size:8px;letter-spacing:2px;color:#7d8b9b}.visual-mini>.status{font-size:11px;min-height:0}.visual-mini>.status:empty{display:none}.visual-values{width:100%;margin-top:12px}.visual-values summary{font-size:11px;color:#536e89}.visual-table-wrap{max-height:230px;overflow:auto;margin-top:10px;scrollbar-width:thin}.visual-table-wrap table{font-size:11px!important}.visual-table-wrap caption{font-size:10px;text-align:left;padding-bottom:7px}.demo:has(.visual-mini){padding:28px 36px;display:block}.v-goal,.v-big{width:100%;padding:15px 13px}.v-goal>div>span,.v-big>span{font-size:9px;letter-spacing:1px;color:#6a7a8a}.v-goal b,.v-big b{display:block;font-size:48px;line-height:1.4;font-weight:600;letter-spacing:-2px;color:#151b25}.v-big b small,.v-goal b small{font-size:.45em;letter-spacing:-1px;margin-right:3px}.v-big em{font-size:12px;font-style:normal;color:#2254d5}.v-big em span{font-size:9px;color:#7c8998;margin-left:7px}.v-meter{height:9px;background:#edf2f9;border-radius:5px;margin:13px 0}.v-meter i{display:block;height:100%;background:#2458ed;border-radius:5px}.v-labels{display:flex;justify-content:space-between;font-size:10px;color:#65788d}.v-compare{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px}.v-compare>div{border:1px solid #e3eaf4;border-radius:7px;padding:15px 10px;min-width:0}.v-compare span{font-size:10px;color:#73859a}.v-compare b{display:block;font-size:21px;letter-spacing:-.7px;margin:8px 0;color:#141c27}.v-compare em{font-size:10px;color:#2458ed;font-style:normal}.v-spark{height:30px;background:linear-gradient(170deg,transparent 45%,#b8c6d9 47%,#b8c6d9 49%,transparent 51%);margin-top:5px}.v-spark.rising{background:linear-gradient(160deg,transparent 45%,#2458ed 47%,#2458ed 49%,transparent 51%)}.v-podium{display:flex;align-items:end;justify-content:center;gap:10px;width:100%;height:175px}.v-podium>div{width:28%;text-align:center}.v-podium-name{font-size:9px;color:#657b94}.v-podium b{font-size:16px;display:block;margin:3px 0 8px}.v-podium>div>div{padding-top:10px;border-radius:5px 5px 0 0;font-size:22px}.v-ticker{display:flex;gap:15px;justify-content:space-between;width:100%;padding:25px 10px}.v-ticker>div>span{font-size:9px;letter-spacing:1px}.v-ticker b{display:block;font-size:19px;margin-top:6px;letter-spacing:-.5px}.v-ticker em{font-size:10px;font-style:normal;color:#2458ed}.v-ticker em.negative{color:#a34b2b}.v-fine{font-size:8px;color:#7a8d9f;letter-spacing:1px}.v-cellbars{width:100%;padding:10px}.v-cellbars>div{display:flex;align-items:center;gap:15px;font-size:10px;border-bottom:1px solid #edf1f6;padding:9px 0}.v-cellbars>div>span{width:50px}.v-cellbars>div>div{position:relative;flex:1;height:21px}.v-cellbars i{position:absolute;left:0;top:0;bottom:0;background:#dce8ff;border-radius:2px}.v-cellbars b{position:relative;z-index:1;padding-left:7px;font-size:11px;font-weight:500}.v-kanban{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.v-kanban section{border:1px solid #e5ebf3;border-radius:6px;padding:8px;min-height:137px}.v-kanban section>span{font-size:7px;white-space:nowrap;display:flex;align-items:center;gap:4px}.v-kanban section>span i{width:5px;height:5px;border-radius:50%;display:inline-block}.v-kanban section>div{border:1px solid #e4eaf2;border-radius:5px;background:white;margin-top:17px;padding:10px 7px;font-size:10px;box-shadow:0 3px 7px #172d4510}.v-kanban small{display:block;font-size:6px;color:#8393a7;margin-top:8px}.v-roadmap{width:100%;display:flex;gap:9px;align-items:center;padding:20px 10px}.v-roadmap>div{flex:1;min-width:0}.v-roadmap span{font-size:9px;color:#70869d}.v-roadmap i{height:6px;border-radius:5px;display:block;margin:15px 0}.v-roadmap b{font-size:10px;font-weight:500}.v-count-number{animation:counter-in .4s ease-out}@keyframes counter-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px) and (min-width:701px){.sidebar{width:205px;padding-inline:17px}.app{margin-left:205px}main{padding:32px 28px}.topbar,footer{padding-inline:28px}.hero-gallery{max-width:330px;gap:7px}.editorial-hero{grid-template-columns:1fr 1fr;gap:15px}.editorial-hero h1{font-size:38px;letter-spacing:-2px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-layout{grid-template-columns:1fr}.mobile-builder-bar{left:205px}.sidebar nav a{font-size:11px}.v-ticker{gap:9px}}
@media(max-width:700px){.sidebar{position:relative;width:100%;padding:18px 20px 0;border-right:0;border-bottom:1px solid #eceff4}.app{margin-left:0}.sidebar .brand{font-size:20px}.sidebar .brand-icon{width:34px;height:35px;font-size:33px}.sidebar .brand small{font-size:6px}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-top:15px;padding-bottom:10px}.sidebar nav a{font-size:9px;gap:4px;padding:7px 3px;min-height:35px;border-radius:4px;margin:0}.sidebar nav a>span,.sidebar nav a svg{width:12px;height:12px}.sidebar nav a small{display:none}.topbar{height:43px;padding-inline:20px;font-size:10px}.topbar a{font-size:10px}.edition{display:none}main{padding:26px 20px 40px}.page-title{font-size:29px;letter-spacing:-1.4px;margin:9px 0 24px}.library-heading{margin-bottom:22px}.library-heading .page-title{font-size:28px}.library-number{font-size:31px;letter-spacing:-1px}.library-number small{font-size:5px;letter-spacing:1px;margin-top:7px}.eyebrow{font-size:7px;letter-spacing:1.5px}.editorial-hero{grid-template-columns:1fr;gap:26px;padding:0 0 28px;margin-bottom:27px}.editorial-hero h1{font-size:40px;letter-spacing:-2px;line-height:1.5;margin:18px 0 15px}.editorial-hero .lead{font-size:11px;margin-bottom:19px}.editorial-hero .actions .btn{font-size:11px;min-height:42px;padding:10px 14px}.hero-gallery{max-width:350px;justify-self:center;gap:8px;transform:rotate(-1.5deg);padding:0 7px 0 0}.hero-viz{padding:7px;border-radius:5px}.hero-viz>span{font-size:5px;top:7px;left:9px}.hero-viz svg{margin-top:7px}.viz-c{margin-left:7px;margin-right:-7px}.section-head h2{font-size:12px}.section-head a{font-size:10px}.searchbox input{font-size:16px;height:49px}.searchbox>span{font-size:20px;top:11px}.purpose{gap:6px;margin:7px 0 10px}.purpose button{font-size:9px;min-height:31px;margin-right:5px}.filters{gap:3px;padding-bottom:12px;margin-bottom:9px}.chip{font-size:10px;padding:6px 8px;min-height:34px}.result-bar{margin-bottom:13px}.result-bar select{font-size:9px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 10px}.part-card{border-radius:7px}.part-card .preview{height:140px;padding:19px 8px 14px}.preview .mini{transform:scale(.76);width:125%;flex-shrink:0;max-width:250px}.preview .visual-mini{transform:none;width:100%}.preview .visual-stage svg{max-height:125px}.card-open{padding:11px 10px 12px}.card-title-row{gap:3px;align-items:start}.card-title-row h3{font-size:12px;letter-spacing:-.4px;line-height:1.6}.card-title-row>span{font-size:11px;margin-top:1px}.card-meta{display:block;margin-top:4px}.card-meta .en{display:block;font-size:7px;line-height:1.5}.card-tag{display:none}.fav-btn{width:24px;height:24px;top:5px;right:5px;font-size:15px;opacity:.65}.fav-btn:before{inset:-8px}.panel{padding:19px;border-radius:8px}.panel-heading h2{font-size:14px}.studio-layout{grid-template-columns:1fr;gap:20px}.field select,.field>input{font-size:16px}.demo:has(.visual-mini){padding:20px 14px}.demo{padding:20px 16px}.visual-controls button{font-size:10px!important;min-height:37px}.visual-values summary{font-size:11px;min-height:35px}.detail-top{padding-inline:15px}.detail-body h2{font-size:25px}.detail-body>p{font-size:12px}.detail-body .en{font-size:11px}.detail-body .prompt{font-size:11px}.detail-body .prompt-head h3{font-size:12px}.detail-top>.card-tag{display:block;max-width:105px}.detail-body .card-tag{display:block}.v-goal b,.v-big b{font-size:27px;letter-spacing:-1px}.v-goal,.v-big{padding:6px 5px}.v-big>span,.v-goal>div>span{font-size:5px;letter-spacing:.5px}.v-big em{font-size:8px}.v-big em span{font-size:6px}.v-compare{gap:5px}.v-compare>div{padding:9px 5px}.v-compare span{font-size:6px}.v-compare b{font-size:12px}.v-compare em{font-size:6px}.v-spark{height:15px}.v-ticker{gap:5px;padding:9px 3px}.v-ticker>div>span{font-size:5px;letter-spacing:0}.v-ticker b{font-size:10px}.v-ticker em{font-size:6px}.v-fine{font-size:5px}.v-podium{height:100px;gap:4px}.v-podium-name{font-size:5px}.v-podium b{font-size:10px}.v-podium>div>div{font-size:14px;height:55px!important}.v-podium>div:nth-child(2)>div{height:75px!important}.v-cellbars{padding:0}.v-cellbars>div{gap:5px;font-size:6px;padding:4px 0}.v-cellbars>div>span{width:30px}.v-cellbars>div>div{height:15px}.v-cellbars b{font-size:8px}.v-kanban{gap:4px}.v-kanban section{padding:4px;min-height:91px}.v-kanban section>span{font-size:4px;gap:2px}.v-kanban section>span i{width:3px;height:3px}.v-kanban section>div{padding:7px 4px;font-size:6px;margin-top:11px}.v-kanban small{font-size:3px}.v-roadmap{gap:5px;padding:10px 0}.v-roadmap span{font-size:6px}.v-roadmap b{font-size:6px}.v-roadmap i{margin:9px 0;height:4px}.v-meter{height:6px;margin:8px 0}.v-labels{font-size:6px}.demo .v-goal b,.demo .v-big b{font-size:46px}.demo .v-big>span,.demo .v-goal>div>span{font-size:9px}.demo .v-big em{font-size:12px}.demo .v-compare b{font-size:21px}.demo .v-compare span{font-size:10px}.demo .v-compare em{font-size:10px}.demo .v-podium{height:175px}.demo .v-podium-name{font-size:9px}.demo .v-podium b{font-size:16px}.demo .v-ticker>div>span{font-size:9px}.demo .v-ticker b{font-size:19px}.demo .v-ticker em{font-size:10px}.demo .v-kanban section{min-height:137px;padding:7px}.demo .v-kanban section>span{font-size:7px}.demo .v-kanban section>div{font-size:10px}.demo .v-kanban small{font-size:6px}.demo .v-cellbars>div{font-size:10px;padding:8px 0}.demo .v-cellbars>div>span{width:50px}.demo .v-cellbars>div>div{height:21px}.demo .v-cellbars b{font-size:11px}.demo .v-labels{font-size:10px}.demo .v-roadmap span{font-size:9px}.demo .v-roadmap b{font-size:10px}.mobile-builder-bar .btn.primary{background:#17191e;border-color:#17191e}footer{padding-inline:20px}.generator-layout .output-heading h2{font-size:18px}}
@media(max-width:360px){.cards{gap:13px 8px}.part-card .preview{height:125px;padding-inline:7px}.card-title-row h3{font-size:11px}.card-open{padding:10px 8px}.card-meta .en{font-size:6px}.sidebar nav a{font-size:8px;gap:3px}.sidebar nav a>span,.sidebar nav a svg{width:10px;height:10px}.library-heading .page-title{font-size:25px}.library-number{font-size:26px}.detail-top{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.v-count-number{animation:none}}
.visual-legend{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:9px;font-size:9px;color:#65788d;margin-top:8px;line-height:1.6}.visual-legend>span{display:inline-flex;gap:4px;align-items:center}.visual-legend i{width:8px;height:8px;border-radius:2px;border:1px solid #00000008}.preview .visual-legend{font-size:5px;gap:4px;margin-top:0}.preview .visual-legend i{width:4px;height:4px}.preview .visual-legend>span{gap:2px}
@media(max-width:700px){.visual-legend{font-size:8px;gap:7px}.preview .visual-legend{font-size:4px;gap:2px}.preview .visual-legend i{width:3px;height:3px}}
.generated-source{margin:10px 0}.generated-source>summary{font-size:11px;color:#607790;cursor:pointer;min-height:35px;line-height:35px}.generated-source>.prompt{margin-top:8px}.detail-body>.mobile-note{display:none}
.guide-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.guide-steps section{padding:20px;border:1px solid #e7ecf3;border-radius:7px;margin:0}.guide-steps small{font-size:10px;color:#71849b}.guide-steps h2{font-size:21px;margin:7px 0}.guide-steps p{font-size:12px;margin:0}.concise-guide>details{border-top:1px solid #e7ecf3;padding:16px 0}.concise-guide>details summary{font-size:13px;cursor:pointer}.concise-guide>details p{font-size:12px}.concise-guide>details a{font-size:11px;color:#526d8b}.concise-guide>.btn{margin-top:24px}@media(max-width:700px){.guide-steps{gap:10px}.guide-steps section{padding:16px}.guide-steps h2{font-size:18px}.guide-steps p{font-size:11px}}
/* White surfaces retain readable secondary labels. */
.card-meta .en,.card-tag,.result-total,.result-bar,.sidebar .nav-caption,.sidebar-bottom small,.visual-legend,.visual-controls>span,.v-fine,.browser-chrome,.preview-caption{color:#64748b}.edition{display:none}.sidebar nav{margin-top:31px}.sidebar .nav-caption{margin-top:26px}.topbar a{color:#64748b}@media(max-width:700px){.sidebar nav{margin-top:15px}.sidebar .nav-caption{display:none}}
.ai-reference-panel{margin:16px 0;border-top:1px solid #e8ecf3;border-bottom:1px solid #e8ecf3;padding:10px 0}.ai-reference-panel>summary{font-size:12px;cursor:pointer;line-height:30px;min-height:36px;color:#3f566e}.ai-reference-panel>summary>span{float:right;font-size:12px;color:#64748b}.reference-settings{padding:14px 0 9px}.reference-settings>label{display:block;font-size:11px;margin-bottom:7px}.reference-settings>input{width:100%;font-size:12px;min-height:42px;border-color:#dfe6f0}.reference-settings>p{font-size:10px;color:#64748b;line-height:1.8;margin:9px 0}.reference-actions{display:flex;gap:7px;flex-wrap:wrap}.reference-actions>.btn{font-size:10px;padding:7px 10px;min-height:36px}.detail-quick-actions>.reference-document-link{font-size:12px}.reference-settings input:invalid:not(:placeholder-shown){border-color:#a54a3a}@media(max-width:700px){.reference-settings>input{font-size:16px}.reference-actions>.btn{font-size:10px;min-height:40px}.detail-quick-actions>.reference-document-link{font-size:11px}}
.static-discovery{font-size:14px}.static-discovery a{color:#52677e;text-decoration:underline;text-underline-offset:3px}.static-discovery nav{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.static-discovery nav a{color:#52677e;padding:4px 0;margin:0;background:none;font-size:12px}.static-discovery details{margin-top:20px}

/* Review loop 1: mobile navigation stays on one readable row. */
@media(max-width:700px){
.sidebar nav{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:6px;padding:0 0 9px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;overscroll-behavior-x:contain}
.sidebar nav a{flex:0 0 auto;white-space:nowrap;font-size:12px;line-height:1.5;padding:10px 12px;min-height:44px;gap:7px;margin:0}
.sidebar nav a>span,.sidebar nav a svg{width:15px;height:15px;flex-shrink:0}
.sidebar nav .nav-caption{display:none}
}
.detail-intro{max-width:64ch!important;font-size:15px!important;line-height:1.8;color:#344354!important;margin:15px 0!important}
.demo-guide{display:grid;gap:8px;border-left:2px solid #dce5f2;padding:3px 0 3px 14px;margin:18px 0}
.demo-guide p{margin:0;font-size:14px;line-height:1.75;color:#344354}
.demo-guide b{display:block;font-size:11px;color:#64748b;margin-bottom:2px;font-weight:500}
.demo-sample-label{font-size:11px;color:#64748b;margin:0 0 7px}

/* Review loop 3: readable keys, unbroken actions, compact guidance. */
.demo .visual-legend{font-size:12px;gap:9px;color:#475569}
.demo .visual-legend i{width:10px;height:10px}
.demo .visual-controls{flex-wrap:wrap;gap:8px}
.demo .visual-controls button{font-size:12px!important;min-height:44px!important;white-space:nowrap}
.demo .visual-controls>span{font-size:11px}
.demo .visual-values>summary{font-size:13px;min-height:44px;line-height:1.6;padding-block:12px}
.demo .status{font-size:12px;line-height:1.7;color:#475569}
.detail-quick-actions .btn{min-height:44px;white-space:nowrap}
@media(max-width:700px){
.demo-guide p{font-size:14px}.demo-guide b{font-size:12px}
.detail-body .demo{margin-top:10px}.detail-body>.demo-sample-label{font-size:11px!important;line-height:1.6}
.detail-body .detail-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.detail-quick-actions .btn{font-size:11px!important;padding-inline:7px!important;text-align:center;justify-content:center}
.detail-top{gap:6px}.detail-pagination{gap:5px}.detail-top>button{white-space:nowrap}
}