.tier-maker-app{position:relative;color:#e7e8e5;background:#111313;border:1px solid #2c3030;border-radius:18px;padding:20px;box-shadow:0 18px 50px #0f11111f}.tier-maker-app.is-fullscreen,.tier-maker-app:fullscreen{z-index:50;display:flex;min-height:100dvh;height:100dvh;max-height:none;box-sizing:border-box;flex-direction:column;overflow-y:auto;border:0;border-radius:0;padding:clamp(16px,3vw,36px);background:#0b0d0d}.tier-maker-app.is-fullscreen .tier-maker-board,.tier-maker-app:fullscreen .tier-maker-board{flex:0 0 auto;max-height:none}.tier-maker-app.is-fullscreen .tier-maker-dropzone,.tier-maker-app:fullscreen .tier-maker-dropzone{min-height:clamp(84px,11vh,128px)}.tier-maker-toolbar,.tier-maker-pool-heading,.tier-maker-modal-header,.tier-maker-modal-footer,.tier-maker-field-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.tier-maker-toolbar{margin-bottom:18px}.tier-maker-toolbar h2,.tier-maker-modal h2{margin:2px 0 0;color:#fff;font-size:1.15rem;font-weight:750}.tier-maker-toolbar p,.tier-maker-pool-heading p{margin:3px 0 0;color:#8d9492;font-size:.8rem}.tier-maker-kicker{color:#c7f28b;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tier-maker-toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.tier-maker-primary-button,.tier-maker-secondary-button,.tier-maker-ghost-button,.tier-maker-danger-button{border:0;border-radius:9px;cursor:pointer;font-size:.8rem;font-weight:700;padding:10px 13px;transition:transform .16s ease,background .16s ease,opacity .16s ease}.tier-maker-primary-button{color:#131514;background:#c7f28b}.tier-maker-secondary-button{color:#e9ece8;background:#2a302f}.tier-maker-ghost-button{color:#aab1af;background:transparent;border:1px solid #3a4140}.tier-maker-danger-button{color:#ffaaa4;background:#3c2525;margin-right:auto}.tier-maker-primary-button:hover,.tier-maker-secondary-button:hover,.tier-maker-ghost-button:hover,.tier-maker-danger-button:hover{transform:translateY(-1px)}.tier-maker-primary-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.tier-maker-board{overflow:hidden;border:1px solid #292e2d;border-radius:11px;background:#171a1a}.tier-maker-row{display:flex;min-height:76px;border-bottom:1px solid #292e2d}.tier-maker-row:last-child{border-bottom:0}.tier-maker-label{width:76px;flex:0 0 76px;border:0;color:#202524;cursor:pointer;font-size:1.1rem;font-weight:800;text-shadow:0 1px rgba(255,255,255,.3)}.tier-maker-dropzone{display:flex;min-width:0;min-height:76px;flex:1;align-items:center;gap:6px;overflow-x:auto;padding:6px;transition:background .16s ease}.tier-maker-dropzone.is-over,.tier-maker-dropzone.has-selection:hover{background:#242b29}.tier-maker-dropzone.has-selection{cursor:pointer}.tier-maker-actions{display:flex;flex:0 0 52px;flex-direction:column;justify-content:center;gap:3px;padding:4px;background:#0c0e0e}.tier-maker-actions button{width:100%;flex:1;border:0;border-radius:5px;color:#aab1af;background:#242927;cursor:pointer;font-size:.9rem;line-height:1}.tier-maker-actions button:hover{color:#fff;background:#39413e}.tier-maker-actions button:disabled{cursor:not-allowed;opacity:.25}.tier-maker-empty{padding:0 9px;color:#626b68;font-size:.75rem;font-style:italic;pointer-events:none;white-space:nowrap}.tier-maker-item{position:relative;display:flex;width:70px;min-width:70px;height:64px;box-sizing:border-box;align-items:center;justify-content:center;padding:5px;border:1px solid #3c4541;border-radius:7px;color:#f5f7f3;background:#29302e;cursor:grab;font-size:.78rem;font-weight:650;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.tier-maker-item.is-text{width:-moz-fit-content;width:fit-content;max-width:180px}.tier-maker-item img{width:100%;height:100%;border-radius:4px;-o-object-fit:contain;object-fit:contain}.tier-maker-item span{display:-webkit-box;width:-moz-max-content;width:max-content;max-width:168px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.tier-maker-item:hover{border-color:#c7f28b;transform:translateY(-1px)}.tier-maker-item.is-selected{border:2px solid #c7f28b;box-shadow:0 0 0 3px #c7f28b26}.tier-maker-item.is-dragging{opacity:.35}.tier-maker-item.is-overlay{border-color:#c7f28b;box-shadow:0 16px 30px #00000059;transform:rotate(2deg) scale(1.04)}.tier-maker-item input{width:100%;border:0;border-bottom:1px solid #c7f28b;outline:0;color:#fff;background:transparent;text-align:center}.tier-maker-item-delete{position:absolute;top:-7px;right:-7px;display:none;width:18px;height:18px;border:1px solid #4c5652;border-radius:50%;color:#fff;background:#151918;cursor:pointer;font-size:.8rem;line-height:14px}.tier-maker-item:hover .tier-maker-item-delete{display:block}.tier-maker-pool{margin-top:18px}.tier-maker-pool-heading h2{margin:0;color:#fff;font-size:.9rem;font-weight:750}.tier-maker-pool-heading h2 span{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;margin-left:4px;border-radius:99px;color:#c7f28b;background:#29352a;font-size:.7rem}.tier-maker-pool-dropzone{min-height:84px;margin-top:9px;padding:10px;border:1px dashed #47504c;border-radius:10px;background:#080a0a59;cursor:pointer}.tier-maker-pool-dropzone.is-over{border-color:#c7f28b;background:#c7f28b14}.tier-maker-item-grid{display:flex;flex-wrap:wrap;gap:7px}.tier-maker-privacy{margin:14px 0 0;color:#6f7774;font-size:.72rem;text-align:center}.tier-maker-modal-backdrop{position:fixed;z-index:60;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#080a0ab8;backdrop-filter:blur(4px)}.tier-maker-modal{width:min(100%,470px);overflow:hidden;border:1px solid #3a413e;border-radius:15px;color:#e8ebe7;background:#151918;box-shadow:0 22px 80px #00000073}.tier-maker-modal-header{padding:18px 20px;border-bottom:1px solid #2d3331}.tier-maker-modal-header>button{border:0;color:#aeb5b1;background:transparent;cursor:pointer;font-size:1.5rem;line-height:1}.tier-maker-tabs{display:flex;border-bottom:1px solid #2d3331}.tier-maker-tabs button{flex:1;padding:12px;border:0;border-bottom:2px solid transparent;color:#8e9792;background:transparent;cursor:pointer;font-weight:700}.tier-maker-tabs button.is-active{border-color:#c7f28b;color:#c7f28b}.tier-maker-modal-body{display:grid;gap:9px;padding:20px}.tier-maker-modal-body label{color:#b7bfba;font-size:.8rem;font-weight:700}.tier-maker-modal-body label span{color:#68716c;font-weight:400}.tier-maker-modal-body input,.tier-maker-modal-body textarea{width:100%;box-sizing:border-box;border:1px solid #3b4540;border-radius:8px;outline:0;color:#eef2ed;background:#202624;padding:11px 12px;font:inherit}.tier-maker-modal-body input:focus,.tier-maker-modal-body textarea:focus{border-color:#c7f28b}.tier-maker-field-heading{align-items:center}.tier-maker-checkbox{display:flex;align-items:center;gap:6px;color:#8c9690!important;font-size:.72rem!important;font-weight:500!important}.tier-maker-checkbox input{width:auto}.tier-maker-help{margin:0;color:#78817c;font-size:.72rem}.tier-maker-or{display:flex;align-items:center;gap:12px;color:#68716c;font-size:.75rem}.tier-maker-or:before,.tier-maker-or:after{height:1px;flex:1;background:#303835;content:""}.tier-maker-upload-box{display:grid;gap:4px;padding:22px 14px;border:1px dashed #4a554f;border-radius:10px;color:#c7f28b!important;cursor:pointer;text-align:center}.tier-maker-upload-box span{color:#7c8780!important;font-size:.72rem;font-weight:400!important}.tier-maker-upload-box input{display:none}.tier-maker-modal-footer{padding:14px 20px;border-top:1px solid #2d3331}.tier-maker-color-grid{display:flex;flex-wrap:wrap;gap:10px}.tier-maker-color-grid button{width:29px;height:29px;border:0;border-radius:7px;cursor:pointer}.tier-maker-color-grid button.is-selected{outline:2px solid #fff;outline-offset:3px}@media(max-width:640px){.tier-maker-app{padding:12px;border-radius:13px}.tier-maker-toolbar{align-items:flex-start;flex-direction:column}.tier-maker-toolbar-actions{width:100%;justify-content:stretch}.tier-maker-toolbar-actions button{flex:1}.tier-maker-toolbar-actions button:nth-child(2){order:4}.tier-maker-label{width:56px;flex-basis:56px;font-size:.95rem}.tier-maker-actions{flex-basis:42px}.tier-maker-actions button{font-size:.76rem}.tier-maker-item{width:62px;min-width:62px;height:58px;font-size:.7rem}.tier-maker-pool-heading{align-items:flex-start;flex-direction:column}.tier-maker-pool-heading .tier-maker-secondary-button{width:100%}.tier-maker-modal-footer{flex-wrap:wrap}.tier-maker-danger-button{order:3;width:100%;margin-right:0}}