:root{color-scheme:dark;--bg:#0b0b0e;--panel:#151518;--panel2:#202024;--field:#1b1b1f;--text:#f5f5fa;--muted:#929298;--purple:#7848ff;--purple-bg:#291d4d;--line:#28282d;--orange:#ff9d00}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}body{overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.55}.shell{max-width:720px;margin:0 auto;min-height:100vh;background:#0b0b0e;padding-bottom:190px}.topbar{display:flex;gap:9px;align-items:center;padding:16px 14px 8px;position:sticky;top:0;z-index:8;background:rgba(11,11,14,.97);border-bottom:1px solid #17171a}.arrow{width:41px;height:43px;border-radius:13px;background:#242427;color:#eee;font-size:28px;border:0}.collection-title{height:43px;border-radius:11px;background:#242427;flex:1;display:flex;justify-content:center;align-items:center;gap:12px;font-size:18px;font-weight:730;letter-spacing:-.3px}.collection-emoji{font-size:27px}.eyebrow{padding:22px 16px 4px;font-size:10px;font-weight:800;letter-spacing:1.6px;color:#8a73df}.select-header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:3px 16px 4px;font-size:17px;font-weight:680}.text-button{background:none;border:0;color:#8c56ff;font-size:12px;font-weight:650;padding:6px 0}.selection-summary{padding:0 16px 15px;color:#9e9da3;font-size:12px;min-height:31px}.switches{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;padding:0 12px}.switch{background:#242428;border:1px solid #34343a;border-radius:12px;min-height:50px;padding:0 10px;text-align:left;color:#f9f9fa;font-size:13px;font-weight:700;display:flex;align-items:center;gap:5px;white-space:nowrap;min-width:0}.switch>span:first-child{overflow:hidden;text-overflow:ellipsis}.switch .chevron{margin-left:auto;color:#a8a8b0;font-size:20px;font-weight:400}.switch.active{border-color:var(--purple);box-shadow:0 0 0 1px #3d2688 inset;background:#201830}.switch-count{font-size:10px;background:#7d48fa;padding:1px 5px;border-radius:20px}.actions-row{padding:9px 12px 10px;display:flex;gap:8px}.actions-row button{height:42px;border:0;border-radius:12px;font-size:14px;font-weight:750}.secondary-light{background:#f7f7fa;color:#111;flex:1}.secondary-dark{background:#242429;color:#eee;flex:1}.panel{margin:0 12px;border:1px solid #232327;border-radius:17px;padding:15px 12px 12px;background:#131315;min-height:220px}.search-wrap{display:flex;align-items:center;gap:10px;border:1px solid #28282b;background:#1e1e21;border-radius:12px;height:48px;padding:0 12px;color:#929296}.search-wrap input{background:transparent;border:0;outline:0;flex:1;width:100%;color:#f6f6f7;font-size:16px}.search-wrap input::placeholder{color:#64636a}.sort-row{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:16px 2px 14px;color:#98979d;font-size:12px}.small-pill{border:0;background:#232326;border-radius:10px;color:#fff;font-size:12px;padding:7px 10px}.section{margin-bottom:19px}.section-heading{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:#f1f1f2;padding:0 0 12px;text-align:left;font-weight:700}.section-heading .tag{background:#333;color:#fff;padding:5px 8px;border-radius:9px}.section-heading .tag.legend{background:#ff9d05}.section-heading .tag.epic{background:#6618c6}.section-heading .tag.other{background:#45454b}.section-heading .count-label{color:#999;font-size:11px;font-weight:450;margin-left:auto}.section-heading .fold{margin-left:7px;font-size:16px}.tile-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.tile{border:1px solid #2c2c30;background:#232327;min-width:0;min-height:91px;padding:7px 2px 5px;border-radius:11px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:start;position:relative;gap:1px}.tile.selected{border-color:#8654ff;background:#302444;box-shadow:0 0 0 1px #7b47e4 inset}.model-art{width:55px;height:48px;object-fit:contain;image-rendering:auto}.model-fallback{width:49px;height:48px;border-radius:15px;display:grid;place-items:center;background:radial-gradient(circle at 35% 20%,#6545bc,#282047 70%);color:#eadfff;font-size:17px;font-weight:850}.tile-name{font-size:10.5px;line-height:1.14;text-align:center;max-width:100%;padding:1px 2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.tile .tick{position:absolute;top:4px;right:4px;background:#8850ff;border-radius:100%;height:15px;width:15px;font-size:11px;line-height:15px;display:none}.tile.selected .tick{display:block}.color-tile{min-height:76px;justify-content:center}.swatch{width:43px;height:39px;border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--swatch),white 18%),var(--swatch) 55%,color-mix(in srgb,var(--swatch),black 20%));box-shadow:inset 1px 1px 8px #ffffff1a,0 2px 8px #0007;margin-bottom:5px}.color-tile .tile-name{font-weight:600}.saved-section{padding:20px 14px 20px}.saved-head{display:flex;align-items:center;gap:10px}.saved-head h2{font-size:19px;margin:0}.number-pill{border-radius:10px;padding:3px 9px;background:#33254a;color:#d4c1ff;font-weight:800}.muted{color:#93939b}.saved-help{font-size:12px;margin:7px 0 14px}.saved-list{display:flex;flex-direction:column;gap:9px}.empty-list{border:1px dashed #3a3740;padding:24px;color:#89858e;text-align:center;border-radius:14px}.saved-card{border:1px solid #333038;background:#19191c;border-radius:13px;padding:13px 12px;display:flex;gap:11px;align-items:start}.saved-card>div{flex:1;min-width:0}.saved-card .saved-title{font-weight:750;font-size:13px}.saved-card .saved-detail{font-size:12px;color:#b6b4bd;overflow-wrap:anywhere;margin-top:5px}.saved-card .saved-price{font-weight:850;color:#f7f7ff;white-space:nowrap;font-size:14px}.delete-card{background:transparent;border:1px solid #514049;border-radius:9px;color:#ff8d94;padding:5px 9px;margin-top:6px}.bottom-dock{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,720px);padding:11px 14px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,#0b0b0e 0%,#121216 15%);border-top:1px solid #38353e;z-index:20;box-shadow:0 -8px 30px #000b}.price-row{display:flex;align-items:center;gap:6px;justify-content:space-between;margin:0 2px 7px;font-weight:700;font-size:12px}.unit{color:#b3a5eb}.price-controls{display:flex;gap:8px}.price-controls input{width:0;flex:1;min-height:44px;background:#1f1e23;border:1px solid #39363e;border-radius:12px;color:#fff;padding:0 12px;font-size:17px;outline:none}.price-controls input:focus{border-color:#8652ff}.save-button{min-width:130px;border:0;border-radius:12px;background:#f6f5f9;color:#16131e;font-weight:850}.export-button{margin-top:9px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:0;border-radius:12px;background:#7339ef;color:#fff;font-size:15px;font-weight:800}.export-button:disabled{opacity:.55}.export-badge{font-size:11px;background:#ffffff30;border-radius:10px;padding:1px 6px}.dock-caption{text-align:center;font-size:10.5px;margin-top:5px;color:#939099}.toast{display:none;position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:100;background:#3e305b;color:white;border:1px solid #9e75ff;padding:12px 15px;border-radius:11px;width:calc(100% - 32px);max-width:500px;box-shadow:0 14px 32px #0008;font-size:13px}.toast.error{background:#4c2329;border-color:#cc656b}.toast.show{display:block}.no-results{color:#aaa;padding:28px 10px;text-align:center}.intro-box{background:#242028;border:1px solid #382e46;padding:15px;color:#c9c2d7;border-radius:12px;margin:8px 0 18px}
@media(max-width:430px){.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.switch{padding:0 7px;font-size:11px}.switch .chevron{font-size:17px}.tile-name{font-size:10.5px}.model-art{width:53px}.shell{padding-bottom:210px}}@media(prefers-reduced-motion:no-preference){.tile,.switch,.save-button,.export-button{transition:background .12s,border-color .12s,transform .12s}.tile:active{transform:scale(.96)}}

.giftchanges-credit{text-align:center;color:#86838c;font-size:11px;padding:2px 14px 16px;margin:0}.giftchanges-credit a{color:#b399ff;text-decoration:underline}

.swatch{background:linear-gradient(145deg,var(--swatch,#777) 12%,var(--swatch-edge,var(--swatch,#555)) 100%)}