.app--three{grid-template-columns:244px 1fr 460px}.chat{display:flex;flex-direction:column;background:var(--ink-050);border-right:1px solid var(--border);overflow:hidden}.chat-head{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--ink-100),transparent 80%)}.chat-head .ttl{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:18px;color:var(--bone-100);flex:1;display:flex;align-items:center;gap:10px}.chat-head .ttl .num{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.16em;font-style:normal;padding:2px 6px;border:1px solid var(--border);border-radius:2px}.chat-meta{padding:8px 18px;display:flex;gap:12px;align-items:center;font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);letter-spacing:.04em;border-bottom:1px solid var(--border-soft)}.chat-meta .sep{color:var(--ink-600)}.timeline{flex:1;overflow-y:auto;padding:24px 18px 16px;display:flex;flex-direction:column;gap:14px}.turn{display:grid;grid-template-columns:28px 1fr;gap:14px}.turn .gutter{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:4px}.turn .gutter .num{font-family:var(--font-mono);font-size:9px;color:var(--text-faint);letter-spacing:.1em}.turn .gutter .av{width:22px;height:22px;border:1px solid var(--border-strong);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px}.turn .gutter .av.user{color:var(--bone-100);border-color:var(--bone-300)}.turn .gutter .av.h{color:var(--persimmon);border-color:var(--persimmon-dim)}.turn .gutter .rule{flex:1;width:1px;background:var(--border-soft)}.msg{padding:4px 0;font-size:13.5px;line-height:1.6;color:var(--text)}.msg.user .body{background:var(--ink-200);border:1px solid var(--border);border-left:2px solid var(--persimmon);padding:12px 16px;border-radius:3px;color:var(--bone-100)}.msg .role{font-family:var(--font-mono);font-size:9.5px;color:var(--text-faint);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}.tool{margin:8px 0;border:1px solid var(--border);background:var(--ink-100);border-radius:3px;overflow:hidden;font-family:var(--font-mono);font-size:11.5px}.tool .head{padding:8px 12px;display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,rgba(255,122,61,.06),transparent);border-bottom:1px solid var(--border);color:var(--bone-200)}.tool .head .name{color:var(--persimmon)}.tool .head .meta{color:var(--text-faint)}.tool.ok .head .pill{color:var(--moss);border-color:#8db5804d;background:#8db58014}.tool.run .head .pill{color:var(--persimmon);border-color:#ff7a3d66;background:#ff7a3d1a}.composer-bottom{padding:12px 18px 14px;border-top:1px solid var(--border);background:linear-gradient(0deg,var(--ink-100),transparent)}.composer-bottom .field{background:var(--ink-200);border:1px solid var(--border);border-radius:4px;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.composer-bottom textarea{width:100%;min-height:28px;max-height:140px;resize:none;outline:none;background:transparent;color:var(--bone-100);font-size:13px}.composer-bottom textarea::placeholder{color:var(--text-faint)}.composer-bottom .toolbar{display:flex;gap:6px;align-items:center;font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint)}.composer-bottom .send{margin-left:auto;padding:5px 10px;background:var(--persimmon);color:#1a0c04;border-radius:3px;font-weight:600;font-size:11.5px;display:inline-flex;gap:8px;align-items:center}.composer-bottom .send .kbd{background:#0003;border-color:#0003;color:#0009}.artifact-toolbar{padding:8px 10px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--border-soft);background:var(--ink-200)}.filter-chip{padding:4px 9px;font-family:var(--font-mono);font-size:10.5px;border:1px solid var(--border);border-radius:99px;color:var(--text-mute);cursor:pointer}.filter-chip.active{background:var(--persimmon);color:#1a0c04;border-color:var(--persimmon-dim)}.filter-chip:hover{color:var(--text)}.artifact-list{max-height:38%;overflow-y:auto;border-bottom:1px solid var(--border);background:var(--ink-100)}.art-row{display:grid;grid-template-columns:32px 1fr auto auto;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-soft);cursor:pointer;font-size:11.5px}.art-row:hover{background:var(--ink-300)}.art-row.active{background:var(--ink-300);box-shadow:2px 0 0 var(--persimmon) inset}.art-row .ic-type{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:3px;font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--persimmon);font-weight:600}.art-row .ic-type.svg{color:var(--moss);border-color:#8db58066}.art-row .ic-type.md{color:var(--sky);border-color:#6e9bd166}.art-row .ic-type.csv{color:var(--amber);border-color:#e8b85d66}.art-row .ic-type.png{color:var(--plum);border-color:#b58dc466}.art-row .ic-type.mer{color:var(--persimmon)}.art-row .name{font-family:var(--font-display);font-style:italic;font-size:14px;color:var(--bone-100);line-height:1.1}.art-row .name+.meta{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);margin-top:3px;display:flex;gap:8px}.art-row .size{font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.art-row .actions{display:flex;gap:2px}.art-preview{flex:1;display:flex;flex-direction:column;background:var(--ink-050)}.art-preview .head{padding:8px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-soft);font-family:var(--font-mono);font-size:10.5px;background:var(--ink-100)}.art-preview .head .name{font-family:var(--font-display);font-style:italic;font-size:14px;color:var(--bone-100)}.art-preview .head .switcher{margin-left:auto;display:flex;gap:0;border:1px solid var(--border);border-radius:2px;overflow:hidden}.art-preview .head .switcher span{padding:3px 9px;font-family:var(--font-mono);font-size:10px;color:var(--text-mute);border-right:1px solid var(--border);cursor:pointer}.art-preview .head .switcher span:last-child{border-right:none}.art-preview .head .switcher span.active{background:var(--persimmon);color:#1a0c04}.art-preview .stage{flex:1;min-height:0;padding:16px;overflow:auto;background:radial-gradient(circle at 25% 30%,rgba(255,122,61,.04),transparent 50%),var(--ink-050);position:relative}.art-preview .stage:before{content:"";position:absolute;inset:8px;border:1px dashed var(--border-strong);pointer-events:none;border-radius:4px;opacity:.5}.iframe-mock{background:#fdfaf3;color:#20252b;border-radius:3px;padding:22px 26px;font-family:var(--font-serif-latin);box-shadow:0 24px 60px #0006,0 0 0 1px #ffffff0a inset;position:relative;z-index:1}.iframe-mock .brand-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#6a4128;padding-bottom:10px;border-bottom:1px solid #e9e0cf}.iframe-mock .brand{font-style:italic;font-size:16px;color:#20252b}.iframe-mock .brand b{color:#c95722;font-style:normal;font-weight:700}.iframe-mock h1{font-style:italic;font-weight:300;font-size:32px;line-height:1.05;color:#20252b;margin:22px 0 10px}.iframe-mock h1 em{color:#c95722;font-style:italic}.iframe-mock p{font-family:Geist,sans-serif;font-size:12px;line-height:1.65;color:#5a4f42;max-width:80%}.iframe-mock .ctas{display:flex;gap:8px;margin-top:14px}.iframe-mock .ctas .b1{background:#c95722;color:#fff7eb;padding:8px 14px;border-radius:3px;font-family:Geist,sans-serif;font-weight:600;font-size:11px}.iframe-mock .ctas .b2{border:1px solid #c8b89a;padding:8px 14px;border-radius:3px;color:#5a4f42;font-family:Geist,sans-serif;font-size:11px}.iframe-mock .grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.iframe-mock .grid>div{height:60px;background:#efe7d6;border:1px solid #e0d3b8;border-radius:2px;position:relative;overflow:hidden}.iframe-mock .grid>div:first-child{background:#c95722}.iframe-mock .grid>div:nth-child(2){background:linear-gradient(135deg,#20252b,#4a4541)}.art-preview .stage .ribbon{position:absolute;top:16px;right:16px;font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);padding:4px 8px;background:var(--ink-200);border:1px solid var(--border);border-radius:2px;z-index:3}.art-foot{padding:8px 10px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:center;flex-wrap:nowrap;white-space:nowrap;font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint)}.art-foot>*{flex-shrink:0;white-space:nowrap}.art-foot button{flex-shrink:0}