:root{--surface-2:#1a1a1c;--surface-3:#222226;--border:#ffffff12;--accent-dim:#ff41361f;--accent-soft:#ff413666;--accent-focus:#ff413680;--accent-hover:#e8382e;--android:#3ddc84;--android-dim:#3ddc841f;--tile-bg:#ffffff0d;--overlay-dim:#0e0e10b8;--radius:4px;--t:.25s ease}body{-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body::-webkit-scrollbar{display:none}a{color:inherit;transition:var(--t);text-decoration:none}.link{color:inherit;text-underline-offset:2px;text-decoration:underline}.link:hover{color:var(--accent)}.link-primary{color:var(--accent);text-decoration:none}.link-primary:hover{text-underline-offset:2px;text-decoration:underline}.link-secondary{color:var(--secondary-text);text-decoration:none}.link-secondary:hover{color:var(--primary-text);text-underline-offset:2px;text-decoration:underline}.link-ghost{color:inherit;font-weight:700;text-decoration:none}.link-ghost:hover{text-underline-offset:3px;text-decoration:underline}.link-icon{align-items:center;gap:.4rem;display:inline-flex}.link-icon svg{flex-shrink:0;font-size:.85em}.page{flex-direction:column;flex:1;width:100%;max-width:680px;padding:0 20px;display:flex}.tool-top,.tool-bottom{flex-direction:column;width:100%;max-width:680px;margin:0 auto;padding:0 20px;display:flex}.tool-bottom{padding-bottom:4.5rem}.tool-header{text-align:center;justify-content:center;align-items:center;width:100%;min-height:2.8rem;margin:2.5rem 0 .4rem;display:flex;position:relative}.back-link{color:var(--secondary-text);cursor:pointer;transition:var(--t);background:0 0;border:none;align-items:center;gap:.45rem;padding:0;font-family:Verdana,sans-serif;font-size:1rem;text-decoration:none;display:inline-flex;position:absolute;top:50%;left:0;transform:translateY(calc(-50% - .19em))}.back-link:before{content:"";position:absolute;inset:-.6rem}.back-link:hover{color:var(--accent)}.tool-header h1{align-items:center;gap:.25em;font-family:Aldrich,sans-serif;font-size:1.8rem;line-height:1;display:inline-flex}.tool-desc{text-align:center;color:var(--secondary-text);max-width:520px;margin:.6rem auto 2.5rem;font-size:.95rem;line-height:1.6}.panel{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff05;margin-bottom:1rem;padding:1.4rem}.panel-title{text-transform:uppercase;letter-spacing:.14em;color:var(--secondary-text);margin-bottom:1.1rem;font-family:Aldrich,sans-serif;font-size:.7rem}.panel-header-row{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.panel-header-row .panel-title{margin-bottom:0}.field{flex-direction:column;gap:.45rem;margin-bottom:.9rem;display:flex}.field:last-child{margin-bottom:0}label{color:var(--secondary-text);text-transform:uppercase;letter-spacing:.09em;font-size:.74rem}input[type=text],input[type=number],textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--primary-text);width:100%;transition:border-color var(--t);outline:none;padding:.6rem .8rem;font-family:Courier New,monospace;font-size:1rem}input[type=text]:focus,input[type=number]:focus,textarea:focus{border-color:var(--accent-focus)}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=text]::placeholder,textarea::placeholder{color:var(--secondary-text);opacity:.45}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}textarea{resize:vertical;min-height:90px;line-height:1.5}select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--primary-text);cursor:pointer;width:100%;transition:border-color var(--t);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23868686'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;outline:none;padding:.6rem .8rem;font-family:Verdana,sans-serif;font-size:1rem}select:focus{border-color:var(--accent-focus)}.field-note{color:var(--secondary-text);opacity:.7;font-size:.72rem}.color-row{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.color-field{flex-direction:column;gap:.45rem;display:flex}.divider{border:none;border-top:1px solid var(--border);margin:.9rem 0}input[type=range]{-webkit-appearance:none;background:var(--surface-3);border-radius:99px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:20px;height:20px}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:all var(--t);user-select:none;background:#ffffff03;padding:2rem 1.5rem;position:relative}.drop-zone:hover,.drop-zone.drag-over,.drop-zone:focus-visible{border-color:var(--accent);background:var(--accent-dim)}.drop-zone p{color:var(--secondary-text);margin:0;font-size:.88rem}.drop-zone span{color:var(--secondary-text);opacity:.6;margin-top:.3rem;font-size:.75rem;display:block}.dz-empty{flex-direction:column;align-items:center;gap:.5rem;display:flex}.dz-empty svg{color:var(--secondary-text);transition:var(--t)}.drop-zone:hover .dz-empty svg,.drop-zone.drag-over .dz-empty svg,.drop-zone:focus-visible .dz-empty svg{color:var(--accent)}.dz-empty p{color:var(--secondary-text);margin:0;font-size:.88rem}.dz-empty span{color:var(--secondary-text);opacity:.6;font-size:.72rem}.dz-filled{flex-direction:column;gap:.9rem;display:none}.dz-filled.visible{display:flex}.dz-preview-grid{grid-template-columns:repeat(6,1fr);gap:.4rem;display:grid}.dz-thumb{aspect-ratio:1;border:1px solid var(--border);background:var(--surface-3);border-radius:3px;position:relative;overflow:hidden}.dz-thumb.overflow-solid{background:var(--tile-bg);justify-content:center;align-items:center;display:flex}.dz-thumb.overflow-solid span{color:var(--primary-text);font-family:Aldrich,sans-serif;font-size:.82rem}.dz-thumb.overflow-img .overflow-dim{background:var(--overlay-dim);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dz-thumb.overflow-img .overflow-dim span{color:var(--primary-text);font-family:Aldrich,sans-serif;font-size:.82rem}.dz-filled-meta{color:var(--secondary-text);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.dz-change{border:1px solid var(--border);border-radius:var(--radius);color:var(--secondary-text);cursor:pointer;transition:all var(--t);background:0 0;align-items:center;gap:.35rem;padding:.4rem .8rem;font-family:Verdana,sans-serif;font-size:.72rem;display:inline-flex}.dz-change:hover{border-color:var(--accent);color:var(--accent)}#file-input{display:none}.btn{background:var(--btn-bg);color:var(--secondary-text);cursor:pointer;border-radius:var(--radius);transition:var(--t);border:1px solid #0000;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.75rem 1.4rem;font-family:Verdana,sans-serif;font-size:1rem;display:inline-flex}.btn:hover{background:var(--accent);color:var(--primary-text)}.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.btn:disabled:hover{background:var(--btn-bg);color:var(--secondary-text)}.btn.ready{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ready:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-sm{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--secondary-text);cursor:pointer;transition:all var(--t);align-items:center;gap:.4rem;padding:.55rem .95rem;font-family:Verdana,sans-serif;font-size:.8rem;display:inline-flex}.btn-sm:hover{background:var(--accent);border-color:var(--accent);color:#fff}.choice-btn,.source-btn,.style-btn,.shape-btn,.preset-btn,.angle-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--secondary-text);cursor:pointer;transition:all var(--t)}.choice-btn{white-space:nowrap;padding:.55rem .9rem;font-family:Courier New,monospace}.choice-btn:hover,.source-btn:hover,.style-btn:hover,.shape-btn:hover,.preset-btn:hover,.angle-btn:hover{border-color:var(--accent-soft);color:var(--primary-text)}.choice-btn.active,.source-btn.active,.style-btn.active,.shape-btn.active,.preset-btn.active,.angle-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--primary-text)}.btn-row{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.btn-fmt{color:var(--accent);transition:color var(--t);font-family:Aldrich,sans-serif;font-size:.85rem}.btn:hover .btn-fmt{color:#fff}.status-msg{opacity:0;visibility:hidden;min-height:1.1em;transition:opacity var(--t), visibility var(--t);font-size:.75rem}.status-msg.error{color:var(--accent)}.status-msg.success{color:var(--android)}.status-msg.visible{opacity:1;visibility:visible}.status-msg a{color:inherit;text-underline-offset:2px;text-decoration:underline}.status-msg a:hover{color:#fff}.results-list{flex-direction:column;gap:.65rem;display:flex}.result-item{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff05;align-items:center;gap:.85rem;padding:.75rem .9rem;display:flex}.result-thumb{object-fit:contain;border:1px solid var(--border);background:var(--surface-3);border-radius:3px;flex-shrink:0;width:42px;height:42px}.result-info{flex:1;min-width:0}.result-name{color:var(--primary-text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;font-family:Courier New,monospace;font-size:.8rem;overflow:hidden}.result-meta{color:var(--secondary-text);align-items:center;gap:.35rem;font-size:.7rem;display:flex}.result-dl{border:1px solid var(--border);border-radius:var(--radius);color:var(--secondary-text);cursor:pointer;transition:all var(--t);white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:.35rem;padding:.5rem .85rem;font-family:Verdana,sans-serif;font-size:.75rem;display:flex}.result-dl:hover{background:var(--accent);border-color:var(--accent);color:#fff}.result-dl:disabled{opacity:.3;pointer-events:none}.dl-all-btn{background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);color:#fff;cursor:pointer;width:100%;transition:all var(--t);justify-content:center;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.75rem 1.4rem;font-family:Verdana,sans-serif;font-size:1rem;display:inline-flex}.dl-all-btn svg{display:inline-flex}.dl-all-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.dl-all-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.zip-progress-wrap{margin-bottom:.75rem;display:none}.zip-progress-wrap.visible{display:block}.zip-progress-track{background:var(--surface-3);border-radius:99px;width:100%;height:3px;overflow:hidden}.zip-progress-fill{background:var(--accent);border-radius:99px;width:0%;height:100%;transition:width .15s}.zip-progress-label{color:var(--secondary-text);margin-top:.4rem;font-family:Courier New,monospace;font-size:.7rem}.spin{animation:2s linear infinite s17-spin;display:inline-flex}@keyframes s17-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.more-tools{border-top:1px solid var(--border);text-align:center;width:100%;margin:2.5rem 0 0;padding:2rem 0 0}.more-tools h3{margin-bottom:.55rem;font-family:Aldrich,sans-serif;font-size:1.1rem}.more-tools p{color:var(--secondary-text);margin-bottom:1.4rem;font-size:.9rem;line-height:1.5}.more-tools-btn{background:var(--btn-bg);color:var(--secondary-text);cursor:pointer;border-radius:var(--radius);transition:var(--t);border:1px solid #0000;align-items:center;gap:.6rem;padding:.75rem 1.4rem;font-family:Verdana,sans-serif;font-size:1rem;text-decoration:none;display:inline-flex}.more-tools-btn:hover{background:var(--accent);color:var(--primary-text)}.tool-list{flex-direction:column;gap:.75rem;display:flex}.tool-item{border:1px solid var(--border);border-radius:var(--radius);transition:all var(--t);cursor:pointer;color:inherit;background:#ffffff05;justify-content:space-between;align-items:center;padding:1.25rem 1.4rem;text-decoration:none;display:flex}@media (hover:hover){.tool-item:hover{background:linear-gradient(90deg,#ff413600 0%,#ff41362e 100%);border-color:#ff413633}}.tool-item-left{align-items:center;gap:1rem;min-width:0;display:flex}.tool-item-icon{background:var(--accent-dim);border-radius:var(--radius);width:40px;height:40px;color:var(--accent);transition:all var(--t);border:1px solid #ff413633;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;display:flex;overflow:hidden}.tool-item-icon.has-img{border-color:var(--border);background:0 0;padding:0}.tool-item-icon img{object-fit:cover;width:100%;height:100%;display:block}.tool-item-emoji{font-size:1.35rem;line-height:1}.tool-item-icon.has-emoji{background:var(--surface-2);border-color:var(--border)}.tool-item-info{min-width:0}.tool-item-info h3{color:var(--primary-text);margin:0 0 .2rem;font-family:Verdana,sans-serif;font-size:.95rem;font-weight:700}.tool-item-info p{color:var(--secondary-text);margin:0;padding-right:1rem;font-size:.8rem;line-height:1.45}.tool-item-arrow{color:var(--secondary-text);transition:all var(--t);flex-shrink:0;font-size:1rem;display:inline-flex}.tool-item:focus-visible .tool-item-arrow{color:var(--accent);transform:translate(3px)}@media (hover:hover){.tool-item:hover .tool-item-arrow{color:var(--accent);transform:translate(3px)}}.tool-tag{border:1px solid var(--border);color:var(--secondary-text);text-transform:lowercase;background:#ffffff0d;border-radius:99px;margin-top:.3rem;margin-right:.25rem;padding:.1rem .45rem;font-family:Courier New,monospace;font-size:.62rem;display:inline-block}.tool-tag:last-child{margin-right:0}.back-link .back-label{visibility:hidden;opacity:0}.back-link.fitted .back-label{visibility:visible;opacity:1}.back-link.compact .back-label{display:none}@media (width<=580px){.tool-header h1{font-size:1.5rem}.btn-row,.color-row{grid-template-columns:1fr}.tool-item{padding:1rem}.tool-item-info p{font-size:.75rem}.dz-preview-grid{grid-template-columns:repeat(4,1fr)}}