main{max-width:1840px;padding-left:3vw;padding-right:3vw}.workarea{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.painter-column{min-width:0}.workspace{gap:18px;grid-template-columns:minmax(0,1.12fr) minmax(315px,1fr)}.ticket-panel{background:#fffefa;border:1px solid #cad6bd;border-radius:16px;position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;scrollbar-width:thin}.ticket-top{background:#eaf0e1;padding:23px;border-bottom:1px solid var(--line)}.ticket-top h2{font:500 28px 'Space Grotesk',sans-serif;margin:0 0 18px}.ticket-top label{display:block;font-size:9px;letter-spacing:1.3px;font-weight:700;margin-bottom:8px}.ticket-panel select{background:white;color:var(--ink);border:1px solid #c8d3be;border-radius:7px;padding:10px;font:13px 'DM Sans',sans-serif;max-width:100%;width:100%}.ticket-panel select option{background:white;color:var(--ink)}#ticket-includes{font-size:12px;line-height:1.6;color:#4c624f;margin:12px 0 0}.ticket-body{padding:20px}.ticket-instructions{margin:0 0 16px;font-size:12px;line-height:1.65;color:var(--muted)}#ticket-progress{font-size:11px;color:#245b3e;font-weight:600;padding-bottom:13px}.pair-card{border:1px solid var(--line);border-radius:10px;padding:12px;margin:0 0 12px;background:#fafbf5}.pair-card.target{border-color:#779a58;background:#f4f8e9}.pair-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.pair-head h3{font-size:11px;margin:0}.clear-pair{font-size:10px;border:0;background:transparent;color:#7b6057;text-decoration:underline;padding:4px}.pair-creature{font:500 16px 'Space Grotesk',sans-serif;margin:7px 0 10px;overflow-wrap:anywhere}.pair-creature.empty{color:#859080;font-size:13px}.sex-slots{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sex-slot{background:white;border:1px solid #d7dece;border-radius:7px;padding:9px;text-align:left;color:var(--ink);min-width:0}.sex-slot.active{outline:2px solid #426e39;outline-offset:1px}.sex-slot b{display:block;font-size:12px;font-weight:600}.sex-slot small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.sex-slot .mini-palette i{width:13px;height:10px}.match-male{font-size:10px;background:transparent;border:0;color:#365c39;padding:8px 0 0;text-decoration:underline;text-underline-offset:2px}.ticket-add{padding:15px;background:#edf4e0;border:1px solid #cfddbc;border-radius:10px;margin:18px 0}.ticket-add>span{display:block;font-size:11px;font-weight:600;margin:0 0 9px}.ticket-add button{width:100%}.ticket-add small{display:block;font-size:10px;color:var(--muted);margin-top:9px}.bp-section h3{font:500 18px 'Space Grotesk',sans-serif;margin:24px 0 13px}.bp-slot{border:1px solid var(--line);border-radius:8px;padding:11px;margin-bottom:10px}.bp-slot>label{font-size:10px;font-weight:600;display:block;margin-bottom:7px}.bp-slot select{font-size:12px;margin-bottom:7px;padding:8px}.bp-slot .bp-search{width:100%;font-size:11px;border:1px solid #d8dfcf;border-radius:6px;padding:8px;margin:0 0 7px;background:#f7f9f2}.bp-slot select:last-child{margin-bottom:0}.pack-extras{padding:12px;background:#f8edf5;border:1px solid #ecd3e4;border-radius:8px;font-size:11px;line-height:1.8;margin:16px 0}.pack-extras b{display:block;color:#855174}.ticket-panel details{margin-top:17px}#copy-ticket{width:100%;margin-top:9px}#ticket-errors{font-size:11px;color:#935138;line-height:1.6;margin:13px 0 0;white-space:pre-line}.ticket-storage{font-size:10px;color:var(--muted);line-height:1.6;margin-bottom:0}.bp-credits p{line-height:1.6}.ticket-panel textarea{font-family:monospace;font-size:11px}.stage{height:330px}.stage canvas{width:310px;height:310px}.studio-top{padding:22px}.controls{padding:21px}.presets{grid-template-columns:repeat(5,minmax(0,1fr))}.presets button{display:flex;align-items:center;justify-content:center;gap:7px}.presets button span{margin:0}.studio-top .live{font-size:7px}@media(min-width:1650px){.presets{grid-template-columns:repeat(5,minmax(0,1fr))}.stage{height:390px}.stage canvas{width:360px;height:360px}}@media(max-width:1250px){.workarea{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.workspace{grid-template-columns:1fr}.stage{height:340px}.controls{padding:24px}.presets{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:800px){.workarea{display:flex;flex-direction:column}.painter-column{width:100%}.ticket-panel{position:static;max-height:none;width:100%;order:2}.ticket-panel select{font-size:16px}.ticket-add{position:relative}.stage{height:320px}main{padding:25px 20px}.presets{grid-template-columns:repeat(5,minmax(0,1fr))}.ticket-top h2{font-size:25px}}
.pair-search{display:block;width:100%;box-sizing:border-box;padding:10px;margin:10px 0 4px;border:1px solid #c8d3be;border-radius:7px;background:#fff;color:var(--ink);font:12px 'DM Sans',sans-serif}.pair-search-count{display:block;color:var(--muted);font-size:10px;margin:4px 0}.pair-search-count:empty{display:none}.pair-results{max-height:190px;overflow:auto;border:1px solid #c8d3be;border-radius:7px;background:#fff;margin:8px 0}.pair-results[hidden]{display:none}.pair-result{display:block;width:100%;text-align:left;background:white;border:0;border-bottom:1px solid #edf0e7;padding:10px;color:var(--ink);font-size:12px;cursor:pointer}.pair-result:last-child{border-bottom:0}.pair-result:hover,.pair-result:focus-visible{background:#eaf0e1;outline:2px solid #426e39;outline-offset:-2px}.pair-search:focus-visible{outline:2px solid #426e39;outline-offset:2px}@media(max-width:800px){.pair-search{font-size:16px}.pair-result{min-height:44px}}

/* Keep all five vibes together at every layout width. */
.presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.presets button{min-width:0;padding:8px 3px;font-size:9px;line-height:1.25;flex-direction:column;gap:4px;border-radius:7px;text-align:center;overflow-wrap:normal}
.presets button span{font-size:15px;line-height:1;margin:0}

.creature-combobox{position:relative;min-width:0}.creature-combobox>label{display:block;font-size:10px;letter-spacing:1px;font-weight:700;margin-bottom:8px}.creature-input-wrap{display:flex;align-items:stretch}.creature-input-wrap input{min-width:0;flex:1;width:100%;border-radius:8px 0 0 8px}.creature-input-wrap button{border:1px solid #c8d3be;border-left:0;border-radius:0 8px 8px 0;background:#fffefa;color:var(--ink);padding:0 12px}#creature-results{position:absolute;top:100%;left:0;right:0;z-index:30;max-height:280px;overflow-y:auto;background:#fffefa;color:var(--ink);border:1px solid #b7c7ac;border-radius:8px;box-shadow:0 8px 22px #0002;margin-top:4px;padding:4px}#creature-results[hidden]{display:none}#creature-results [role=option]{padding:11px 12px;font-size:13px;cursor:pointer;border-radius:5px}#creature-results [role=option]:hover,#creature-results [aria-selected=true]{background:#eaf0e1}.creature-label{display:block;font-size:9px;letter-spacing:1.8px;color:#a3b6a5;margin-bottom:6px}#creature-name{font:500 24px 'Space Grotesk',sans-serif}