.kone{max-width:1080px;margin:0 auto}.kone-tabs{z-index:1;gap:0;margin-bottom:-2px;display:flex;position:relative;overflow-x:auto}.kone-tab{background:var(--paper);color:#111;font:700 15px var(--serif), sans-serif;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;border:2px solid #111;border-bottom:0;border-radius:10px 10px 0 0;flex:none;margin-right:6px;padding:12px 20px}.kone-tab.on{color:#fff;background:#111}.kone-box{color:#f4f1ea;box-shadow:10px 10px 0 var(--red);background:#111;border:2px solid #111;border-radius:0 12px 12px;padding:34px 34px 30px}.kone-head h2{font:700 clamp(30px, 4.6vw, 50px)/1.02 var(--serif), sans-serif;letter-spacing:-.035em;color:#fff;margin:14px 0 10px}.kone-head p{color:#bdb8ae;max-width:640px;margin:0 0 6px;font-size:17px}.kone-badge{color:#fff;font:700 13px var(--serif), sans-serif;letter-spacing:.12em;border:1.5px solid #3a3a3a;border-radius:4px;align-items:center;gap:8px;padding:6px 11px;display:inline-flex}.kone-dot{background:var(--red);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #ff5a3640}.kone-step{align-items:center;gap:10px;margin:24px 0 10px;display:flex}.kone-n{background:var(--red);color:#111;width:26px;height:26px;font:700 14px var(--serif), sans-serif;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.kone-lbl{font:700 14px var(--serif), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff}.kone-lbl em{color:#8d887f;text-transform:none;letter-spacing:0;font-style:normal;font-weight:500}.kone-input{position:relative}.kone-input textarea{width:100%;min-height:116px;font:400 18px var(--sans), sans-serif;resize:vertical;color:#fff;background:#1b1b1b;border:2px solid #3a3a3a;border-radius:8px;outline:none;padding:16px 150px 16px 18px}.kone-input textarea:focus{border-color:var(--red)}.kone-input textarea::placeholder{color:#77726a}.kone-mic{background:var(--red);color:#111;font:700 15px var(--serif), sans-serif;cursor:pointer;border:0;border-radius:6px;align-items:center;gap:7px;padding:11px 16px;display:inline-flex;position:absolute;top:12px;right:12px}.kone-mic.rec{color:#111;background:#fff;animation:1.2s ease-in-out infinite konePulse}@keyframes konePulse{50%{box-shadow:0 0 0 8px #ff5a3673}}.k-chips{flex-wrap:wrap;gap:7px;display:flex}.k-chip{font:600 14px var(--sans), sans-serif;cursor:pointer;color:#e8e4dc;background:0 0;border:1.5px solid #3a3a3a;border-radius:6px;padding:8px 13px;transition:border-color .12s,background .12s}.k-chip:hover{border-color:#777}.k-chip.on{background:var(--red);color:#111;border-color:var(--red)}.kone-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.kone-go{background:var(--red);color:#111;font:700 19px var(--serif), sans-serif;letter-spacing:-.01em;cursor:pointer;border:0;border-radius:8px;min-width:240px;padding:18px 30px}.kone-go:hover{background:#ff7352}.kone-go:disabled{opacity:.85;cursor:progress}.kone-alt{color:#fff;font:700 16px var(--serif), sans-serif;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:8px;padding:16px 22px}.kone-alt:hover{color:#111;background:#fff}.kone-ideas{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.kone-ideas button{font:400 13px var(--sans), sans-serif;cursor:pointer;color:#bdb8ae;text-align:left;background:#1f1f1f;border:0;border-radius:6px;padding:7px 11px}.kone-ideas button:hover{color:#fff;background:#2a2a2a}.kone-wait{color:#fff;align-items:center;gap:10px;margin-top:16px;font-weight:600;display:flex}.kone-wait span:last-child{color:#8d887f;font-weight:400}.kone-err{border:1.5px solid var(--red);color:#ffd9cf;background:#2a1510;border-radius:8px;margin-top:14px;padding:12px 14px}.kone-out{margin-top:34px}.kone-out h3{font:700 28px var(--serif), sans-serif;letter-spacing:-.02em}.kone-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.kone-grid.lib{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.kone-card{color:inherit;flex-direction:column;gap:10px;text-decoration:none;display:flex}.kone-card img{aspect-ratio:1240/1748;object-fit:cover;background:#e6e1d7;border-radius:6px;width:100%;transition:transform .15s;box-shadow:0 14px 30px #0000002e}.kone-card:hover img{transform:translateY(-4px)}.kone-greet{color:var(--ink);opacity:.8;margin:0;font-size:14px}.kone-pick{color:#fff;font:700 14px var(--serif), sans-serif;background:#111;border-radius:6px;align-self:flex-start;padding:9px 14px}@media (max-width:720px){.kone-box{box-shadow:6px 6px 0 var(--red);border-radius:0 10px 10px;padding:22px 18px}.kone-tab{margin-right:4px;padding:10px 13px;font-size:13px}.kone-grid{grid-template-columns:1fr 1fr}.kone-input textarea{padding-bottom:64px;padding-right:18px}.kone-mic{top:auto;bottom:12px}.kone-go,.kone-alt{width:100%}}
