.logo-progress{display:flex;align-items:center;gap:12px;margin:-8px 0 24px;padding:14px 18px;border:1px solid #e4e7eb;border-radius:12px;background:#fafbfc;color:#8a929c;font-size:12px}.logo-progress span{display:flex;align-items:center;gap:8px}.logo-progress b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e7eaee;color:#68717a}.logo-progress span.active{color:#1c2329;font-weight:650}.logo-progress span.active b{background:#1c2329;color:#fff}.logo-progress i{height:1px;min-width:28px;flex:1;background:#dfe3e7}.logo-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:26px;align-items:start}.logo-brief-panel{position:sticky;top:20px;border:1px solid #dfe4e7;border-radius:16px;padding:22px;background:#fbfcfd}.logo-section-kicker{display:block;font-size:10px;letter-spacing:2px;color:#82909a;font-weight:700;margin-bottom:8px}.logo-brief-panel h2,.logo-results-head h2,.logo-validation-head h2{font-size:20px;line-height:1.35}.logo-brief-panel>p{font-size:13px;line-height:1.65;color:#6d7780;margin:8px 0 18px}.logo-brief-panel label{display:block;font-size:13px;font-weight:650;color:#3f484f;margin:13px 0}.logo-brief-panel input:not([type=color]),.logo-brief-panel textarea{display:block;width:100%;border:1px solid #d7dde1;border-radius:8px;padding:9px 10px;background:#fff;margin-top:6px;line-height:1.45}.logo-brief-panel label small{display:block;font-size:11px;font-weight:400;line-height:1.5;color:#8a9298;margin-top:5px}.logo-field-row{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:start}.logo-field-row input[type=color]{display:block;width:100%;height:39px;margin-top:6px;border:1px solid #d7dde1;border-radius:8px;padding:4px;background:#fff}.logo-honesty{font-size:11px!important;margin:10px 0 0!important}.full{width:100%}.logo-results-panel{min-width:0}.logo-results-head,.logo-validation-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.logo-results-head>span{font-size:12px;color:#7f8991}.logo-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.logo-concept{border:1px solid #dfe4e7;border-radius:14px;background:#fff;text-align:left;overflow:hidden;position:relative;transition:border-color .16s,box-shadow .16s,transform .16s}.logo-concept:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1d2d3a0b}.logo-concept.selected{border:2px solid #263d43;box-shadow:0 0 0 3px #263d4312}.logo-concept-number{position:absolute;top:12px;left:12px;z-index:1;background:#fff;border:1px solid #e0e4e6;border-radius:5px;padding:3px 6px;font-size:10px;color:#68737b}.logo-art{aspect-ratio:1.72;background:#f3f4f3;border-bottom:1px solid #e7e9e9;display:grid;place-items:center;padding:14px}.logo-art svg{display:block;width:100%;height:auto;max-height:150px}.logo-concept-copy{padding:16px}.logo-concept-copy>span{font-size:10px;color:#74838a;letter-spacing:1px}.logo-concept-copy h3{font-size:17px;margin:5px 0 8px}.logo-concept-copy p{font-size:12px;color:#657179;line-height:1.55;min-height:57px}.logo-concept-copy small{display:block;border-top:1px solid #edf0f1;margin-top:11px;padding-top:10px;color:#818a91;line-height:1.5}.logo-concept-copy small b{color:#4a555c}.logo-validation{margin-top:28px;border-top:1px solid #e0e5e7;padding-top:25px}.logo-status{display:flex;flex-wrap:wrap;gap:7px}.logo-status span{font-size:11px;padding:6px 8px;border-radius:20px;background:#eef5f0;color:#3a694b}.logo-use-grid{display:grid;grid-template-columns:1.8fr .75fr 1fr 1fr;gap:12px}.logo-use-grid figure{margin:0;min-width:0;border:1px solid #e0e4e6;border-radius:12px;overflow:hidden;background:#f5f6f6;display:flex;flex-direction:column}.logo-use-grid figure>svg{width:100%;height:145px}.logo-use-grid figcaption{margin-top:auto;padding:9px 11px;background:#fff;border-top:1px solid #e6e9ea;font-size:11px;color:#758087}.logo-use-avatar{padding-top:24px}.logo-use-avatar>svg{width:58px!important;height:58px!important;margin:auto;border-radius:14px}.logo-use-pack>div{margin:15px auto 0;width:88px;height:130px;background:#eee9de;border:1px solid #d8d2c5;border-radius:3px;display:flex;flex-direction:column;align-items:center;padding:15px 8px}.logo-use-pack svg{width:38px;height:38px}.logo-use-pack strong{font-size:11px;margin-top:18px;max-width:100%;overflow:hidden}.logo-use-pack small{font-size:7px;color:#777;margin-top:5px}.logo-use-outro>div{height:145px;background:#161a1d;display:grid;place-items:center;color:white}.logo-use-outro svg{width:48px;height:48px}.logo-use-outro strong{font-size:12px;margin-top:-34px}.logo-decision{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:18px 20px;border-radius:12px;background:#f3f6f5}.logo-decision h3{font-size:18px;margin:3px 0 6px}.logo-decision p{font-size:13px;line-height:1.55;color:#69757b}.logo-score{text-align:right;flex:none}.logo-score span{display:block;font-size:13px}.logo-score b{font-size:28px}.logo-score small{font-size:10px;color:#7d878d}.logo-prompt{margin-top:14px;border:1px solid #e0e4e7;border-radius:12px;padding:14px 16px}.logo-prompt summary{cursor:pointer;font-weight:650;font-size:13px}.logo-prompt textarea{width:100%;margin:13px 0 8px;padding:12px;border:1px solid #e0e4e7;border-radius:8px;background:#f8f9fa;line-height:1.6;font-size:12px;resize:vertical}.logo-finish{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:14px;padding:17px 19px;border:1px solid #e0e4e7;border-radius:12px}.logo-finish p{font-size:12px;line-height:1.65;color:#6c777e}.logo-finish p strong{font-size:13px;color:#2e373d}.logo-finish>div{display:flex;gap:9px;flex:none}@media(max-width:1100px){.logo-workspace{grid-template-columns:280px minmax(0,1fr)}.logo-concept-grid{grid-template-columns:1fr}.logo-art{aspect-ratio:2.8}.logo-use-grid{grid-template-columns:1.5fr 1fr}.logo-use-grid figure>svg{height:130px}}@media(max-width:800px){.logo-workspace{grid-template-columns:1fr}.logo-brief-panel{position:static}.logo-concept-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.logo-art{aspect-ratio:1.5}.logo-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.logo-progress{overflow-x:auto}.logo-progress i{min-width:16px}.logo-progress span{white-space:nowrap}.logo-concept-grid{grid-template-columns:1fr}.logo-art{aspect-ratio:2.3}.logo-results-head,.logo-validation-head,.logo-finish{align-items:flex-start;flex-direction:column}.logo-use-grid{grid-template-columns:1fr 1fr}.logo-finish>div{width:100%;flex-direction:column}.logo-finish button{width:100%}}

/* Logo studio V2: direction-led discovery and controlled variation. */
.logo-start-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:-8px 0 22px}.logo-start-modes button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e0e4e7;border-radius:12px;padding:13px 15px;background:#fff}.logo-start-modes button>b{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#f0f2f3;font-size:17px}.logo-start-modes button span{display:flex;flex-direction:column;gap:3px}.logo-start-modes button strong{font-size:13px}.logo-start-modes button small{font-size:11px;color:#818b92}.logo-start-modes button.active{border-color:#24484a;background:#f4f8f7;box-shadow:inset 0 0 0 1px #24484a}.logo-start-modes button.active>b{background:#24484a;color:#fff}.logo-style-lab{padding:20px;border:1px solid #e0e4e7;border-radius:15px;background:#fafbfb;margin-bottom:26px}.logo-style-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.logo-style-grid button{min-width:0;border:1px solid #e1e5e7;border-radius:10px;padding:8px;background:#fff;text-align:left}.logo-style-grid button.selected{border-color:#24484a;box-shadow:inset 0 0 0 1px #24484a}.style-sample{display:grid;place-items:center;height:58px;border-radius:7px;margin-bottom:9px;background:#eef1f1;color:#183f44;font-size:20px;font-weight:750}.style-negative{background:#183f44!important;color:#fff!important;border-radius:50% 12px 50% 12px!important}.style-human{font-family:Georgia,serif!important;font-style:italic}.style-tech{border:1px dashed #183f44;border-radius:0!important;letter-spacing:5px}.style-heritage{font-family:Georgia,serif!important;background:#eee8dc!important}.style-bold{font-size:27px!important;background:#e6ff72!important;color:#171a1d!important;transform:rotate(-2deg)}.logo-style-grid strong,.logo-style-grid small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-style-grid strong{font-size:11px}.logo-style-grid small{font-size:9px;color:#7e878d;margin-top:4px}.logo-range{border-top:1px solid #e1e5e7;margin:17px 0;padding-top:15px}.logo-range>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#7c878d}.logo-range>div:first-child{font-size:13px;color:#3d484e}.logo-range output{color:#24484a}.logo-range input{width:100%;accent-color:#24484a;margin:10px 0 5px}.logo-concepts-head{margin-top:4px}.logo-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-art{aspect-ratio:2.45}.logo-art-portal{background:#edf4f2}.logo-art-weave{background:#f2efe9}.logo-art-beam{background:#eef0f5}.logo-art-stage{background:#f5f1ed}.logo-concept-copy p{min-height:auto}.logo-concept-copy small{min-height:45px}.logo-refine{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;margin-top:18px;padding:18px 20px;border-radius:13px;background:#1b2326;color:white}.logo-refine h2{font-size:17px}.logo-refine .logo-section-kicker{color:#96aaa9}.logo-locks{display:flex;gap:7px;flex-wrap:wrap}.logo-locks button{border:1px solid #ffffff2e;border-radius:20px;padding:7px 10px;color:#cbd3d3;font-size:11px}.logo-locks button.active{background:#e8ff82;color:#182023;border-color:#e8ff82}.logo-refine>.secondary{border-color:#ffffff35;background:#fff;color:#1b2326;white-space:nowrap}.logo-decision{align-items:flex-start}.logo-decision small{display:block;margin-top:9px;font-size:11px;color:#778188}.logo-decision ul{list-style:none;margin:0;padding:0;min-width:205px}.logo-decision li{font-size:11px;padding:5px 0;color:#52636a}.logo-decision li:before{content:'✓';margin-right:7px;color:#3d7957}@media(max-width:1150px){.logo-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.logo-refine{grid-template-columns:1fr}.logo-concept-grid{grid-template-columns:1fr}}@media(max-width:800px){.logo-start-modes{grid-template-columns:1fr}.logo-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.logo-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-concept-grid{grid-template-columns:1fr}.logo-decision{flex-direction:column}.logo-decision ul{min-width:0}}

/* Minimal-logo reduction: one gesture per route, two methods maximum. */
.logo-style-lab{border-radius:12px;background:#fbfbfa;border-color:#eaeaea;margin-bottom:30px}.logo-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.logo-style-grid button{border-color:#eaeaea;border-radius:8px;padding:10px}.style-sample{height:64px;border-radius:6px;background:#f3f3f1}.style-negative{border-radius:6px!important}.logo-concept-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.logo-art{aspect-ratio:2.05}.logo-art-weave,.logo-art-stage{background:#f7f6f3}.logo-art-beam{background:#f3f4f4}.logo-concept-copy p{min-height:58px}.logo-concept-copy small{min-height:63px}.logo-refine{border-radius:8px;background:#202526}.logo-locks button{border-radius:6px}.logo-locks button.active{background:#edf3ec;color:#24482d;border-color:#edf3ec}@media(max-width:1150px){.logo-concept-grid{grid-template-columns:1fr}.logo-art{aspect-ratio:3}}@media(max-width:800px){.logo-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-art{aspect-ratio:2}}@media(max-width:650px){.logo-style-grid,.logo-concept-grid{grid-template-columns:1fr}}

/* Brand rationale follows the minimal-logo-design sequence: relation before decoration. */
.logo-rationale{margin-top:28px;padding:24px;border:1px solid #e3e5e2;border-radius:10px;background:#fbfbf8}.logo-rationale-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.logo-rationale-head h2{font-size:21px;line-height:1.35}.logo-rationale-head>span{flex:none;padding:6px 9px;border:1px solid #d8ded9;border-radius:5px;color:#4c5b57;font-size:11px}.logo-core-relation{display:grid;grid-template-columns:140px 1fr;gap:18px;margin:0 0 18px;padding:18px;background:#183f44;color:#fff;font-size:14px;line-height:1.7}.logo-core-relation b{font-size:11px;letter-spacing:.08em;color:#c7d8d3}.logo-rationale-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e2e5e1;border-left:1px solid #e2e5e1}.logo-rationale-grid article{min-height:170px;padding:18px;border-right:1px solid #e2e5e1;border-bottom:1px solid #e2e5e1;background:#fff}.logo-rationale-grid article>span{font-size:10px;color:#929b96}.logo-rationale-grid h3{margin:15px 0 8px;font-size:14px}.logo-rationale-grid p{font-size:12px;line-height:1.7;color:#65706a}.logo-rationale-review{background:#f2f1ec!important}@media(max-width:900px){.logo-rationale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.logo-rationale-head{align-items:flex-start;flex-direction:column}.logo-core-relation{grid-template-columns:1fr;gap:6px}.logo-rationale-grid{grid-template-columns:1fr}.logo-rationale-grid article{min-height:0}}