.maker{border-radius:28px;padding:clamp(14px,2.5vw,30px);background:linear-gradient(170deg,#1d1914eb,#0e0c0aeb);box-shadow:var(--shadow)}.maker-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.list-title{flex:1 1 260px;min-width:0;background:transparent;border:0;border-bottom:1px solid transparent;font-family:var(--serif);font-size:clamp(28px,3.4vw,40px);font-weight:600;font-style:italic;color:var(--gold-hi);padding:2px 0;transition:border-color .3s}.list-title:hover,.list-title:focus{border-bottom-color:var(--line-strong);outline:none}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.select-wrap select{appearance:none;-webkit-appearance:none;cursor:pointer;padding:9px 34px 9px 16px;border-radius:999px;font-size:13.5px;font-weight:600;background:#ffffff05 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23d8b56f' fill='none' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--line-strong);color:var(--ivory)}.select-wrap select:hover{border-color:var(--gold)}.select-wrap option{background:var(--surface)}.board{display:grid;gap:8px}.tier{display:flex;gap:8px;min-height:92px}.tier-label{position:relative;width:112px;flex:none;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--c);color:#18120a;padding:10px 8px;box-shadow:inset 0 1px #ffffff59,inset 0 -16px 30px #0000001f}.tier-name{font-family:var(--serif);font-weight:700;font-size:30px;line-height:1.05;text-align:center;outline:none;word-break:break-word;max-width:100%;border-radius:6px;padding:0 4px;cursor:text}.tier-name:focus{background:#0000001f}.tier-name.small{font-size:18px}.lane{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:8px;border-radius:14px;background:#ffffff06;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .25s,background .25s}.lane.over{box-shadow:inset 0 0 0 1px var(--gold),0 0 30px -10px #d8b56f8c;background:#d8b56f0d}.tier-tools{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:none}.icon-btn{width:32px;height:26px;border-radius:8px;display:grid;place-items:center;cursor:pointer;background:transparent;border:1px solid transparent;color:var(--dim);font-size:13px;transition:.2s}.icon-btn:hover{color:var(--gold-hi);border-color:var(--line-strong);background:#d8b56f0f}.icon-btn.swatch{position:relative}.icon-btn.swatch:before{content:"";width:12px;height:12px;border-radius:4px;background:var(--c);box-shadow:inset 0 0 0 1px #fff3}.item{position:relative;width:84px;height:84px;border-radius:12px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px;background:linear-gradient(160deg,#24201a,#17140f);box-shadow:inset 0 0 0 1px var(--line-strong),0 6px 16px -8px #000c;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .25s var(--ease),box-shadow .25s;overflow:hidden}.item:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--gold),0 10px 22px -8px #000000e6}.item:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.item .emoji{font-size:32px;line-height:1}.item .txt{font-size:11.5px;font-weight:600;line-height:1.15;text-align:center;color:var(--ivory);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}.item.has-emoji .txt{-webkit-line-clamp:2;font-size:10.5px;color:var(--muted)}.item.is-image{padding:0}.item.is-image img{width:100%;height:100%;object-fit:cover;pointer-events:none}.item.is-image .txt{position:absolute;left:0;right:0;bottom:0;padding:14px 4px 4px;background:linear-gradient(transparent,#000000d9);font-size:10px;-webkit-line-clamp:1}.item .del{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:0;cursor:pointer;background:#0b0a08d9;color:var(--muted);font-size:12px;line-height:1;display:grid;place-items:center;opacity:0;transition:opacity .2s,color .2s}.item:hover .del,.item:focus-within .del{opacity:1}.item .del:hover{color:#f08b7a}.item.placeholder{visibility:hidden}.item.dragging{position:fixed;z-index:1000;pointer-events:none;cursor:grabbing;margin:0;box-shadow:inset 0 0 0 1px var(--gold),0 30px 50px -14px #000000f2,0 0 30px #d8b56f59;transition:none}.drop-marker{width:3px;align-self:stretch;min-height:60px;border-radius:3px;background:var(--gold-grad);box-shadow:0 0 14px var(--gold);flex:none}.pool-wrap{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.pool-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.pool-head h2{font-size:26px;display:flex;align-items:center;gap:10px}.count{font-family:var(--sans);font-size:12px;font-weight:700;color:#1a1408;background:var(--gold-grad);border-radius:999px;padding:2px 9px}.add-form{display:flex;gap:8px;flex:1 1 420px;max-width:620px;flex-wrap:wrap}.add-form input{flex:1 1 200px;min-width:0;padding:9px 16px;border-radius:999px;font-size:14px;background:#0000004d;border:1px solid var(--line-strong);color:var(--ivory);transition:border-color .3s,box-shadow .3s}.add-form input::placeholder{color:var(--dim)}.add-form input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px #d8b56f1f}.upload-btn{cursor:pointer}.pool{min-height:110px;border:1px dashed var(--line-strong);box-shadow:none;background:#0000002e}.pool:empty:before{content:attr(data-empty);color:var(--dim);font-size:14px;margin:auto;padding:20px;text-align:center}.hint{color:var(--dim);font-size:13px;margin:14px 0 0}kbd{font-family:var(--sans);font-size:11px;padding:2px 6px;border-radius:5px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ivory)}.swatch-pop{position:absolute;z-index:200;display:grid;grid-template-columns:repeat(5,28px);gap:8px;padding:12px;border-radius:14px;background:#16130ffa;box-shadow:var(--shadow);animation:rise .25s var(--ease)}.swatch-pop button{width:28px;height:28px;border-radius:8px;border:0;cursor:pointer;background:var(--c);box-shadow:inset 0 0 0 1px #ffffff2e;transition:transform .2s}.swatch-pop button:hover{transform:scale(1.12)}.swatch-pop label{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);cursor:pointer}.swatch-pop input[type=color]{width:28px;height:22px;border:0;padding:0;background:none;cursor:pointer}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;z-index:300;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:600;background:#16130ff5;box-shadow:inset 0 0 0 1px var(--gold),0 20px 40px -12px #000000e6;transition:.45s var(--ease);pointer-events:none;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:760px){.tier{min-height:76px}.tier-label{width:70px}.tier-name{font-size:24px}.tier-name.small{font-size:14px}.item{width:64px;height:64px;border-radius:10px}.item .emoji{font-size:24px}.item .txt{font-size:9.5px}.item .del{opacity:1;width:18px;height:18px;font-size:10px}.tier-tools{gap:2px}.icon-btn{width:26px;height:22px;font-size:11px}.toolbar-actions{width:100%}}@media(max-width:420px){.lane{padding:6px;gap:6px}}.board-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.toolbar-actions .btn-sm{padding-inline:14px}.item.selected{box-shadow:0 0 0 2px var(--gold-hi),0 0 26px #d8b56f80;transform:translateY(-3px) scale(1.04);z-index:2}.maker.has-selection .lane{cursor:pointer;box-shadow:inset 0 0 0 1px #d8b56f73}.maker.has-selection .lane:hover{background:#d8b56f0f}.maker[data-mode=text] .item{width:auto;height:auto;min-height:44px;min-width:64px;max-width:100%;flex-direction:row;gap:8px;padding:9px 30px 9px 14px;border-radius:999px}.maker[data-mode=text] .item .emoji{font-size:18px}.maker[data-mode=text] .item .txt,.maker[data-mode=text] .item.has-emoji .txt{font-size:14px;color:var(--ivory);-webkit-line-clamp:2;text-align:start}.maker[data-mode=text] .item .del{top:50%;transform:translateY(-50%);right:6px}.maker[data-mode=text] .tier{min-height:64px}.maker[data-mode=text] .pool{min-height:80px}.add-form textarea{flex:1 1 260px;min-width:0;padding:10px 16px;border-radius:16px;font-size:14px;resize:vertical;background:#0000004d;border:1px solid var(--line-strong);color:var(--ivory);font-family:inherit}.add-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px #d8b56f1f}.add-form.is-text{align-items:flex-start}.library{margin:auto;width:min(560px,calc(100% - 32px));max-height:min(80vh,680px);padding:24px;border:0;border-radius:22px;background:linear-gradient(170deg,#1d1914,#0f0d0a);color:var(--ivory);box-shadow:0 40px 100px -20px #000000f2,0 0 0 1px var(--line-strong)}.library::backdrop{background:#050403b8;backdrop-filter:blur(4px)}.library-head{display:flex;justify-content:space-between;align-items:center}.library-head h2{font-size:28px}.library-note{color:var(--dim);font-size:13px;margin:6px 0 16px}.library ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.lib-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#ffffff08;box-shadow:inset 0 0 0 1px var(--line)}.lib-row.is-current{box-shadow:inset 0 0 0 1px var(--gold)}.lib-meta{display:grid;min-width:0}.lib-meta strong{font-family:var(--serif);font-size:20px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-meta span{font-size:12px;color:var(--dim)}.lib-actions{display:flex;align-items:center;gap:6px;flex:none}.lib-empty{color:var(--muted);font-size:14px;padding:16px 4px}@media(max-width:760px){.toolbar-actions{gap:6px}.toolbar-actions .btn-sm{padding:8px 12px;font-size:12.5px}.select-wrap select{padding:8px 30px 8px 12px;font-size:12.5px}.maker[data-mode=text] .item{min-height:38px;padding:7px 28px 7px 12px}.maker[data-mode=text] .item .txt{font-size:13px}}.tier-tools{display:grid;grid-template-columns:repeat(2,30px);align-content:center;gap:4px}.tier-tools .icon-btn{width:30px}@media(max-width:760px){.tier-tools{grid-template-columns:26px}.tier-tools .icon-btn{width:26px}}.item .del{width:24px;height:24px;top:2px;right:2px}.maker[data-mode=text] .item .del{top:50%;right:4px}