.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:transparent;padding:2rem}.login-card{background:var(--surface-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:3rem;width:100%;max-width:420px;animation:slideUp .4s ease-out;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-light)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.login-header p{color:var(--text-secondary);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.email-input-wrapper input{flex:1;min-width:0;padding:.875rem 5rem .875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;line-height:1.25;font-family:inherit;transition:var(--transition);outline:none}.email-input-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.email-input-wrapper input.error{border-color:var(--error-color)}.email-input-wrapper input:disabled{background-color:var(--surface-hover);cursor:not-allowed}.email-suffix{position:absolute;right:1rem;color:var(--text-secondary);font-size:.95rem;pointer-events:none;-webkit-user-select:none;user-select:none}.password-input-wrapper{position:relative;display:flex;align-items:stretch}.password-input-wrapper input{flex:1;width:100%;min-width:0;padding:.875rem 2.75rem .875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;line-height:1.25;font-family:inherit;transition:var(--transition);outline:none}.password-input-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.password-input-wrapper input.error{border-color:var(--error-color)}.password-input-wrapper input:disabled{background-color:var(--surface-hover);cursor:not-allowed}.password-toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;line-height:0}.password-toggle-icon{width:1.25rem;height:1.25rem;display:block}.email-input-wrapper input::placeholder,.password-input-wrapper input::placeholder{font-size:1rem;line-height:1.25;font-family:inherit;color:var(--text-tertiary);opacity:1}.email-input-wrapper input,.password-input-wrapper input{height:44px;box-sizing:border-box}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--error-bg);border:1px solid var(--error-color);border-radius:var(--radius-md);color:#c62828;font-size:.9rem}.error-icon{font-size:1.1rem}.login-button{padding:.875rem 1.5rem;background:var(--primary-gradient);color:var(--text-white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);margin-top:.5rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:1.5rem;text-align:center}.login-footer p{font-size:.85rem;color:var(--text-tertiary)}@media (max-width: 480px){.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}}.user-list{display:flex;flex-direction:column;height:100%;background:var(--surface-color);font-size:.75rem;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-md)}.user-list-header{padding:.85rem 1rem;border-bottom:1px solid var(--border-color);background-color:var(--surface-hover);display:flex;justify-content:flex-start;align-items:center;gap:.5rem}.user-list-header h2{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0}.user-list-actions{display:flex;align-items:center;gap:.5rem}.mobile-logout-button{display:none}@media (max-width: 768px){.mobile-logout-button{display:inline-flex}.user-list-header{padding-left:48px;flex-wrap:wrap;gap:.4rem}.user-list-header h2{flex:1 1 100%;margin-bottom:.25rem}.user-list-actions{flex-wrap:wrap;gap:.4rem}}.user-list .btn-primary{padding:.35rem .65rem;background:var(--primary-gradient);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-size:.72rem;font-weight:500;cursor:pointer;transition:var(--transition)}.user-list .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.user-list .btn-small{padding:.25rem .5rem;font-size:.68rem}.user-list-header .btn-primary{padding:.2rem .5rem;font-size:.65rem}.user-list-header .btn-small{padding:.15rem .4rem;font-size:.62rem}.add-user-form{background:var(--surface-color);padding:.85rem 1rem;border-bottom:1px solid var(--border-color)}.add-user-form h3{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.6rem}.form-group{margin-bottom:.6rem}.form-group label{display:block;font-size:.75rem;font-weight:500;color:var(--text-primary);margin-bottom:.4rem}.form-group input,.form-group select{width:100%;padding:.4rem .5rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.75rem;transition:var(--transition);outline:none}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.email-input-wrapper{position:relative;display:flex;align-items:center}.email-input-wrapper input{padding-right:5rem}.email-suffix{position:absolute;right:.5rem;color:var(--text-secondary);font-size:.78rem;pointer-events:none}.error-message{padding:.5rem;background-color:var(--error-bg);border:1px solid var(--error-color);border-radius:var(--radius-md);color:#c62828;font-size:.75rem;margin-bottom:.6rem}.success-message{padding:.5rem;background-color:var(--success-bg);border:1px solid var(--success-color);border-radius:var(--radius-md);color:#2e7d32;font-size:.75rem;margin-bottom:.6rem}.bulk-add-tip{font-size:.72rem;color:var(--text-secondary);margin-bottom:.6rem}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:4rem}.password-toggle{position:absolute;right:.5rem;background:none;border:none;color:var(--text-secondary);font-size:.72rem;cursor:pointer}.password-toggle:hover{color:var(--text-primary)}.user-search{padding:.6rem 1rem;border-bottom:1px solid var(--border-color)}.search-input{width:100%;padding:.5rem .65rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.78rem;transition:var(--transition);outline:none}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.user-list-content{flex:1;overflow-y:auto;padding:.25rem .4rem}.user-item{padding:.55rem .65rem;margin:.2rem .25rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid var(--border-light)}.user-item:hover{background-color:var(--surface-hover)}.user-item.active{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-lighter) 100%);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.user-item-content{display:flex;align-items:center;gap:.6rem}.user-index{flex-shrink:0;min-width:1.25rem;font-size:.72rem;font-weight:500;color:var(--text-tertiary);text-align:right}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary-gradient);color:var(--text-white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.82rem;flex-shrink:0}.user-info{flex:1;min-width:0}.user-email{font-size:.8rem;font-weight:500;color:var(--text-primary);margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:.72rem}.role-badge{display:inline-block;padding:.08rem .38rem;border-radius:var(--radius-lg);font-size:.62rem;font-weight:500}.role-badge.admin{background-color:var(--primary-light);color:var(--primary-dark)}.role-badge.user{background-color:var(--surface-hover);color:var(--text-secondary)}.empty-state{padding:1.5rem;text-align:center;color:var(--text-tertiary);font-size:.78rem}.user-list-content::-webkit-scrollbar{width:3px}.user-list-content::-webkit-scrollbar-track{background:transparent}.user-list-content::-webkit-scrollbar-thumb{background:#000;border-radius:3px}.user-list-content::-webkit-scrollbar-thumb:hover{background:#000}.user-detail{height:100%;width:100%;min-width:0;display:flex;flex-direction:column;background:transparent}.user-detail-header{padding:1.5rem 2rem;background:var(--surface-color);border-bottom:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.user-detail-header-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;min-width:0}.user-detail-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.user-email-display{font-size:1rem;color:var(--text-secondary)}.user-points-display{margin-top:.25rem;font-size:.9rem;color:var(--text-secondary)}.user-points-value{font-weight:600;color:var(--primary-color)}.btn-danger{padding:.625rem 1.25rem;background-color:var(--error-color);color:var(--text-white);border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-danger:hover:not(:disabled){background-color:#c0392b;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.points-control{display:flex;align-items:center;gap:.5rem}.points-input{width:90px;padding:.25rem .4rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:.85rem}.user-detail-content{flex:1;overflow-y:auto;padding:2rem}.detail-section{background:var(--surface-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-light);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.section-header h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0;flex:1 1 auto;min-width:0}.section-header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:100%;min-width:0}.btn-primary{padding:.5rem 1rem;background:var(--primary-gradient);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn-small{padding:.4rem .8rem;font-size:.85rem}.tool-selector{background:var(--primary-lighter);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem}.tool-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.tool-selector-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--surface-color);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.tool-selector-item .tool-icon{font-size:1.25rem}.tool-selector-item .tool-name{flex:1;font-size:.9rem;color:var(--text-primary)}.btn-assign{padding:.25rem .75rem;background:var(--primary-gradient);color:var(--text-white);border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:var(--transition)}.btn-assign:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.75rem}.tool-card{background:var(--primary-lighter);padding:.9rem;border-radius:var(--radius-md);border:1px solid var(--border-light);transition:var(--transition)}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tool-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tool-card .tool-icon{font-size:1.6rem}.btn-remove{width:24px;height:24px;border-radius:50%;background:var(--error-color);color:var(--text-white);border:none;font-size:1.2rem;line-height:1;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#c0392b;transform:scale(1.1)}.tool-card h4{font-size:.98rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.tool-card .tool-category{font-size:.8rem;color:var(--primary-dark);margin-bottom:.4rem;font-weight:500}.tool-card .tool-description{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0}.tool-expire{margin-top:.4rem;font-size:.78rem;color:var(--text-tertiary)}.tool-card.tool-locked{background:var(--surface-hover);opacity:.7}.tool-card.tool-locked .tool-icon{filter:grayscale(100%);opacity:.5}.lock-icon{font-size:1rem;margin-left:.5rem}.tool-selector-item.selected{background:var(--primary-light);border-color:var(--primary-color)}.tool-selector-item{cursor:pointer;-webkit-user-select:none;user-select:none}.user-selector{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.user-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;color:var(--text-secondary)}.user-selector-count{font-size:.8rem;color:var(--text-tertiary)}.user-selector-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.user-selector-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:var(--radius-sm);border:1px solid transparent;font-size:.85rem;cursor:pointer}.user-selector-item input{flex-shrink:0}.user-selector-item .user-email{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-selector-item.selected{background:var(--primary-lighter);border-color:var(--primary-color)}.user-selector-list::-webkit-scrollbar{width:3px}.user-selector-list::-webkit-scrollbar-track{background:transparent}.user-selector-list::-webkit-scrollbar-thumb{background:#000;border-radius:3px}.user-selector-list::-webkit-scrollbar-thumb:hover{background:#000}.devices-list{display:flex;flex-direction:column;gap:1rem}.device-card{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--primary-lighter);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:var(--transition)}.device-card-actions{display:flex;gap:1rem;align-items:center;flex-shrink:0}.device-card:hover{background:var(--primary-light)}.device-info{flex:1}.device-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.device-type{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.device-last-active{font-size:.85rem;color:var(--text-tertiary)}.device-status{margin-left:1rem}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500}.status-badge.status-online{background-color:var(--success-bg);color:#2e7d32}.status-badge.status-offline{background-color:var(--error-bg);color:#c62828}.status-badge.status-maintenance{background-color:var(--warning-bg);color:#856404}.time-limit-label{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--text-secondary)}.time-limit-select{padding:.25rem .4rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:.85rem;background-color:var(--surface-color);color:var(--text-primary)}.user-detail-content::-webkit-scrollbar{width:4px}.user-detail-content::-webkit-scrollbar-track{background:transparent}.user-detail-content::-webkit-scrollbar-thumb{background:#000;border-radius:4px}.user-detail-content::-webkit-scrollbar-thumb:hover{background:#000}@media (max-width: 768px){.user-detail-header{flex-direction:column;align-items:stretch;padding:1rem}.user-detail-header-actions{flex-direction:column;align-items:stretch;width:100%;gap:.65rem}.points-control{flex-wrap:wrap;width:100%}.points-input{flex:1;min-width:0;width:auto;max-width:none}.user-detail-header-actions .btn-danger{width:100%}.user-detail-content{padding:1rem .75rem}.detail-section{padding:1rem;margin-bottom:1rem}.section-header{flex-direction:column;align-items:stretch;margin-bottom:1rem;padding-bottom:.75rem}.section-header-actions{justify-content:flex-start;width:100%;gap:.35rem}.section-header-actions .time-limit-label{flex:1 1 100%;width:100%;justify-content:space-between;box-sizing:border-box}.section-header-actions .time-limit-select{flex:1;min-width:0;max-width:none}.section-header-actions .btn-primary{flex:1 1 calc(50% - .2rem);min-width:0;white-space:normal;text-align:center;line-height:1.25;box-sizing:border-box}.section-header-actions .btn-admin-batch{flex:1 1 100%;width:100%}.tool-selector-grid,.tools-grid{grid-template-columns:1fr}.user-selector-header{flex-wrap:wrap;gap:.35rem}.user-selector-item .user-email{white-space:normal;word-break:break-all}.device-card{flex-direction:column;align-items:stretch;gap:.75rem}.device-card-actions{align-self:flex-end}}.all-tools-view{height:100%;display:flex;flex-direction:column;background:var(--bg-color)}.all-tools-header{padding:1.5rem 2rem;background:var(--surface-color);border-bottom:1px solid var(--border-color)}.all-tools-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.subtitle{font-size:.95rem;color:var(--text-secondary);margin:0}.all-tools-content{flex:1;overflow-y:auto;padding:2rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.tool-card{background:var(--surface-color);padding:1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition)}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.tool-icon-large{font-size:2.2rem;text-align:center;margin-bottom:.75rem}.tool-card h3{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0 0 .4rem;text-align:center}.tool-card .tool-category{font-size:.8rem;color:var(--primary-dark);margin-bottom:.75rem;font-weight:500;text-align:center}.tool-card .tool-description{display:none}.tool-description-edit{margin-top:.5rem}.tool-description-edit label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.tool-description-edit textarea{width:100%;min-height:60px;resize:vertical;padding:.45rem .5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);font-size:.8rem;font-family:inherit;outline:none;transition:var(--transition)}.tool-description-edit textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.empty-state{padding:3rem;text-align:center;color:var(--text-tertiary);font-size:.95rem}.all-tools-content::-webkit-scrollbar{width:4px}.all-tools-content::-webkit-scrollbar-track{background:transparent}.all-tools-content::-webkit-scrollbar-thumb{background:#000;border-radius:4px}.all-tools-content::-webkit-scrollbar-thumb:hover{background:#000}.admin-stats{display:flex;align-items:center;gap:1rem;padding:.5rem 0;flex-wrap:wrap}.admin-stats-loading{font-size:.85rem;opacity:.9}.admin-stats-item{display:flex;align-items:baseline;gap:.35rem}.admin-stats-label{font-size:.85rem;opacity:.9}.admin-stats-value{font-size:1.1rem;font-weight:600}.admin-stats-divider{width:1px;height:1.2rem;background:#fff6}@media (max-width: 768px){.admin-stats{gap:.75rem}.admin-stats-label{font-size:.8rem}.admin-stats-value{font-size:1rem}}.label-lookup{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.5rem;height:100%;min-width:0;overflow:auto;box-sizing:border-box}.label-lookup-header h2{margin:0 0 .25rem;font-size:1.4rem}.label-lookup-header .subtitle{margin:0;font-size:.9rem;color:var(--text-secondary)}.label-lookup-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr);gap:1.5rem}.label-lookup-upload,.label-lookup-result{background:#fff;border-radius:var(--radius-lg);padding:1.25rem 1.5rem;border:1px solid var(--border-light);display:flex;flex-direction:column;gap:.75rem;min-width:0;box-sizing:border-box}.label-lookup-upload .file-label{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem;padding:.6rem .75rem;border-radius:var(--radius-md);background:#fee2e2;border:1px solid #fecaca}.file-label-title{font-weight:500;color:#b91c1c}.file-label-hint{font-size:.85rem;color:#b91c1c}.label-lookup-upload input[type=file]{margin-bottom:.75rem}.selected-file{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.label-lookup-upload .btn-primary{align-self:flex-start;margin-top:.5rem}.label-lookup-result h3{margin:0 0 .5rem;font-size:1.1rem}.no-mark{margin:.25rem 0 0;font-size:.95rem;color:var(--text-secondary)}.result-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.result-item{display:flex;flex-direction:column;gap:.1rem}.result-label{font-size:.8rem;color:var(--text-secondary)}.result-value{font-size:.95rem;color:var(--text-primary);word-break:break-all}.result-value.monospace{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media (max-width: 1024px){.label-lookup{padding:1rem 1.25rem}.label-lookup-body{grid-template-columns:minmax(0,1fr)}}@media (max-width: 768px){.label-lookup{padding:.75rem .75rem 1rem}.label-lookup-body{gap:1rem}.label-lookup-upload,.label-lookup-result{padding:1rem}}.admin-dashboard{display:flex;flex-direction:column;height:100vh;background:transparent}.admin-header{background:var(--primary-gradient);color:var(--text-white);padding:1.5rem 2rem;box-shadow:var(--shadow-sm);position:relative}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.admin-header-left{display:flex;align-items:center;gap:.75rem}.admin-header h1{font-size:1.8rem;font-weight:600;margin:0}.user-info{display:flex;align-items:center;gap:1rem;margin-left:auto}.user-email{font-size:.95rem;opacity:.9}.logout-button{padding:.5rem 1rem;background:#fff3;color:var(--text-white);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:var(--transition)}.logout-button:hover{background:#ffffff4d;border-color:#ffffff80}.admin-content{display:flex;flex:1;overflow:hidden}.admin-sidebar{width:320px;background:var(--surface-color);border-right:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md);overflow-y:auto;overflow-x:hidden;position:relative;transition:width .3s ease}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-track{background:transparent}.admin-sidebar::-webkit-scrollbar-thumb{background:#000;border-radius:4px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#000}.admin-sidebar.collapsed{width:48px}.sidebar-collapse-button{position:absolute;top:.75rem;right:.25rem;background:transparent;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:var(--transition);z-index:2}.sidebar-collapse-button:hover{background:var(--surface-hover);color:var(--primary-color)}.admin-main{flex:1;overflow-y:auto;overflow-x:hidden}.admin-home{min-height:100%;display:flex;flex-direction:column;background:var(--bg-color)}.admin-home .all-tools-view{height:auto;min-height:0;flex:0 0 auto}.admin-home .all-tools-content{overflow:visible}@media (max-width: 1024px){.admin-header{padding:1rem 1.25rem}.admin-header h1{font-size:1.5rem}}@media (max-width: 768px){.admin-header .logout-button{display:none}.admin-sidebar{position:absolute;top:6px;left:0;width:100%;max-height:70vh;z-index:10;box-shadow:0 12px 32px #00000040}.admin-sidebar.collapsed{width:100%;max-height:0;box-shadow:none;border-right:none;background:transparent}.admin-sidebar.collapsed .user-list{display:none}.sidebar-collapse-button{position:fixed;top:8px;left:8px;z-index:20}}@media (max-width: 480px){.admin-header{padding:.75rem 1rem}.header-content{flex-direction:column;align-items:flex-start;gap:.5rem}}.tool-list{width:260px;background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid rgba(224,224,224,.3);display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease;position:relative;box-shadow:0 8px 32px #1118271a}.tool-list.collapsed{width:48px}.tool-list-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(224,224,224,.3);background:#fafafa66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative}.tool-list.collapsed .tool-list-header{padding:1.5rem .5rem;justify-content:center}.tool-list-title-row{display:flex;align-items:baseline;gap:.5rem;white-space:nowrap;flex:1;min-width:0}.tool-list-title{font-size:var(--font-large);font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap}.tool-list.collapsed .tool-list-title-row{display:none}.tool-list-points{font-size:var(--font-small);font-weight:500;color:var(--text-primary);opacity:.9;white-space:nowrap}.tool-list-logout{margin-right:.5rem;padding:.1rem .5rem;font-size:var(--font-caption);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#fffc;color:var(--text-primary);cursor:pointer;transition:var(--transition)}.tool-list-logout:hover{background:#fff}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:inline-flex;align-items:center;justify-content:center}}.collapse-button{background:transparent;border:none;color:var(--text-primary);font-size:var(--font-ui-icon);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;flex-shrink:0}.collapse-button:hover{background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--primary-color);transform:scale(1.1)}.collapse-button:active{transform:scale(.95)}.tool-list.collapsed .collapse-button:hover{transform:rotate(180deg) scale(1.1)}.tool-list.collapsed .collapse-button{transform:rotate(180deg)}.tool-list-content{flex:1;overflow-y:auto;padding:.5rem;transition:opacity .2s ease,visibility .2s ease}.tool-list.collapsed .tool-list-content{opacity:0;visibility:hidden;overflow:hidden}.tool-item{display:flex;align-items:center;padding:.45rem .5rem .45rem .9rem;margin:.35rem auto;width:88%;border-radius:0;cursor:pointer;transition:var(--transition);border:none;border-bottom:none;position:relative}.tool-item:before{content:"";position:absolute;left:0;right:0;top:0;bottom:4px;border-radius:var(--radius-lg);background:transparent;box-shadow:none;pointer-events:none;transition:transform .4s ease,box-shadow .4s ease}.tool-item:hover{background:transparent}.tool-item:hover:before{box-shadow:0 1px 4px #00000029,0 -1px 3px #ffffffa6;transform:translate(6px)}.tool-item.active{background:transparent;color:inherit;border-color:transparent;padding-left:1.1rem}.tool-icon{width:14px;height:14px;margin-right:.6rem;flex-shrink:0;border-radius:50%;border:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:0;color:transparent;line-height:0;transition:transform .4s ease,box-shadow .4s ease}.tool-info{flex:1;min-width:0;display:flex;align-items:stretch;justify-content:flex-start}.tool-info-main{display:flex;flex-direction:row;min-width:0;align-items:center;justify-content:space-between;transition:transform .4s ease}.tool-text-block{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}.tool-name{font-size:var(--font-large);font-weight:600;color:var(--text-primary);margin-bottom:.1rem}.tool-description-right{display:none}.tool-description{font-size:var(--font-caption);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-category{font-size:var(--font-caption);color:var(--text-tertiary);padding:0;background:transparent;border-radius:0;display:inline-block;border:none}.tool-item.active .tool-category{background:#11182726;color:var(--primary-dark)}.tool-item:active{background:transparent;color:inherit;border-color:transparent}.tool-item.active .tool-icon,.tool-item:active .tool-icon{border-style:solid;background:#000;box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #000000e6}.tool-item.active:before{box-shadow:0 2px 6px #0003,0 -1px 4px #ffffffb3;transform:translate(6px)}.tool-item:hover .tool-info-main,.tool-item.active .tool-info-main,.tool-item:hover .tool-icon,.tool-item.active .tool-icon{transform:translate(6px)}.tool-item-locked{background:#f0f0f099;opacity:.8;cursor:default;pointer-events:none}.tool-item-locked .tool-icon{filter:grayscale(100%);opacity:.5}.tool-lock-icon{margin-left:.5rem;font-size:var(--font-large);color:var(--text-tertiary)}.tool-icon-locked{filter:grayscale(100%)!important;opacity:.5!important}.tool-text-locked{color:var(--text-tertiary)!important}.tool-list-content::-webkit-scrollbar{width:3px}.tool-list-content::-webkit-scrollbar-track{background:transparent}.tool-list-content::-webkit-scrollbar-thumb{background:#000;border-radius:3px}.tool-list-content::-webkit-scrollbar-thumb:hover{background:#000}.tool-list.tool-list--sidebar{position:relative;width:100%;height:auto;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-right:none;box-shadow:none}.tool-list.tool-list--sidebar.collapsed{width:100%}.sidebar-tool-list-wrapper .tool-list.tool-list--sidebar.collapsed{max-height:none}@media (max-width: 768px){.tool-list.tool-list--sidebar{position:absolute;top:6px;left:0;width:100%;z-index:30;box-shadow:0 12px 32px #00000040;overflow:hidden;background:#ffffff59;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:max-height .4s ease-in-out,opacity .4s ease-in-out,transform .4s ease-in-out}.tool-list.tool-list--sidebar.mobile-open{max-height:70vh;opacity:1;transform:translateY(0);pointer-events:auto}.tool-list.tool-list--sidebar.mobile-closed{max-height:0;opacity:0;transform:translateY(-8px);pointer-events:none;border:none;box-shadow:none;background:transparent}.tool-list.tool-list--sidebar.mobile-closed .tool-list-content{display:none}}.bds-bdi-converter{padding:0;max-width:1200px;margin:0 auto;background:transparent;min-height:100vh}.upload-section{background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:25px;box-shadow:0 8px 32px #667eea1a;border:1px solid rgba(255,255,255,.3);margin-bottom:20px}.conversion-info{background:var(--primary-lighter);border-radius:var(--radius-md);padding:15px;margin-bottom:20px;border-left:4px solid var(--primary-color)}.conversion-info p{margin:0;font-size:.9rem;color:var(--text-secondary)}.selected-files{margin-top:15px;padding:12px;background-color:var(--primary-lighter);border-radius:var(--radius-md);max-height:200px;overflow-y:auto;border:1px solid var(--border-light)}.file-type{display:inline-block;background:var(--primary-gradient);color:var(--text-white);padding:2px 8px;border-radius:4px;font-size:.75rem;margin-right:8px}.file-size{color:var(--text-secondary);font-size:.8rem;margin-right:10px}.file-count{display:inline-block;background:var(--primary-gradient);color:var(--text-white);padding:3px 8px;border-radius:12px;font-size:.8rem;margin-left:8px}.bds-bdi-converter .process-btn,.bds-bdi-converter .tool-zip-btn,.bds-bdi-converter .tool-result-download,.bds-bdi-converter .tool-download-btn,.bds-bdi-converter .download-btn{width:auto;max-width:none;min-width:5.5rem;min-height:2.15rem;padding:.42rem .9rem;border:1px solid #050505;border-radius:8px;background:#050505;color:#fff;box-shadow:none;font-size:.86rem;line-height:1.1}.bds-bdi-converter .process-btn{min-width:7rem;max-width:10rem}.bds-bdi-converter .process-btn:hover:not(:disabled),.bds-bdi-converter .tool-zip-btn:hover:not(:disabled),.bds-bdi-converter .tool-result-download:hover:not(:disabled),.bds-bdi-converter .tool-download-btn:hover:not(:disabled),.bds-bdi-converter .download-btn:hover:not(:disabled){background:#fff;color:#050505;box-shadow:none}.bds-bdi-converter .process-btn:disabled,.bds-bdi-converter .tool-zip-btn:disabled,.bds-bdi-converter .tool-result-download:disabled,.bds-bdi-converter .tool-download-btn:disabled,.bds-bdi-converter .download-btn:disabled{background:#cfcfcf;color:#fff;border-color:#cfcfcf;box-shadow:none}.bds-bdi-converter .tool-right-col .tool-download-header{position:absolute;top:1rem;right:1.1rem;z-index:2;margin:0}.bds-bdi-converter .tool-right-col .tool-zip-btn,.bds-bdi-converter .tool-right-header-actions .tool-zip-btn{border-color:#fff;border-style:dashed;white-space:nowrap}.bds-bdi-converter .tool-right-col .tool-result-row{display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding:0;border:none;background:transparent;color:#050505}.bds-bdi-converter .tool-right-col .tool-result-info,.bds-bdi-converter .tool-right-col .sm-mat-main,.bds-bdi-converter .tool-right-col .ms-seg-main,.bds-bdi-converter .tool-right-col .psd-split-main{min-width:0;flex:1;min-height:2.35rem;padding:.45rem .75rem;border:1px solid #dedede;border-radius:12px;background:#fff}.bds-bdi-converter .tool-right-col :is(.sm-mat-main,.ms-seg-main,.psd-split-main) .tool-result-info{min-height:0;padding:0;border:none;border-radius:0;background:transparent}.bds-bdi-converter .tool-right-col .result-name,.bds-bdi-converter .tool-right-col .result-meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bds-bdi-converter .tool-right-col .result-meta{color:#666}.bds-bdi-converter .tool-right-col .tool-result-download,.bds-bdi-converter .tool-right-col .tool-download-btn,.bds-bdi-converter .tool-right-col .download-btn{flex:0 0 auto;min-width:3.8rem;min-height:2.35rem;padding:.35rem .7rem;font-size:.8rem;border-radius:12px}.bds-bdi-converter .tool-right-header-actions .tool-status-message{max-width:16rem;padding:0;border:none;background:transparent;color:#dcdcdc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.conversion-info-row{display:flex;align-items:center;margin-top:5px}.conversion-info-row .original-type,.conversion-info-row .new-type{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;margin:0 5px}.original-type{background-color:var(--surface-hover);color:var(--text-secondary)}.new-type{background:var(--primary-gradient);color:var(--text-white)}.float-replacer{padding:0;max-width:1200px;margin:0 auto;background:transparent;min-height:100vh}.status-message{padding:12px 15px;border-radius:var(--radius-md);margin-bottom:15px;font-weight:600;text-align:center;font-size:.9rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000001a}.status-processing{background-color:var(--info-bg);color:#0d6efd;border-left:4px solid var(--info-color)}.upload-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 768px){.upload-sections{grid-template-columns:1fr}}.upload-section{background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:20px;box-shadow:0 8px 32px #667eea1a;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.upload-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-lighter),rgba(255,255,255,.2));z-index:0;border-radius:var(--radius-xl)}.upload-section>*{position:relative;z-index:1}.upload-section h2{color:var(--primary-dark);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(224,224,224,.3);font-size:1.2rem}.file-drop-area{border:2px dashed var(--primary-color);border-radius:var(--radius-lg);padding:30px 15px;text-align:center;margin-bottom:15px;cursor:pointer;transition:var(--transition-slow);background:var(--primary-lighter)}.file-drop-area:hover{background-color:var(--primary-light);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.file-drop-area.dragover{border-color:var(--primary-dark);background-color:var(--primary-light)}.file-drop-area p{margin-bottom:15px;color:var(--text-secondary)}.browse-btn{display:inline-block;background:var(--primary-gradient);color:var(--text-white);padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition-slow);border:none;font-size:.9rem}.browse-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.selected-files{margin-top:15px;padding:12px;background-color:var(--primary-lighter);border-radius:var(--radius-md);max-height:150px;overflow-y:auto;border:1px solid var(--border-light)}.file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background-color:var(--surface-color);border-radius:var(--radius-sm);margin-bottom:8px;border-left:4px solid var(--primary-color);font-size:.85rem}.file-name{flex-grow:1;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.process-section{margin:20px 0;padding:20px;background:var(--surface-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);text-align:center}.process-btn{display:inline-block;background:var(--primary-gradient);color:var(--text-white);border:none;padding:15px 30px;font-size:1.1rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-slow);width:100%;max-width:300px;box-shadow:var(--shadow-primary)}.process-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.progress-container{margin-top:15px;margin-bottom:15px}.progress-bar{height:15px;background-color:var(--primary-lighter);border-radius:var(--radius-md);overflow:hidden;margin-bottom:8px}.progress-text{text-align:center;color:var(--text-secondary);font-weight:600;font-size:.9rem}.results-section{margin-top:20px;padding:20px;background:var(--surface-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.results-header h2{color:var(--primary-dark);font-size:1.2rem;margin:0}.download-all-btn{background-color:var(--surface-hover);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition-slow);font-size:.9rem}.download-all-btn:hover{background:var(--primary-gradient);color:var(--text-white);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.results-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}@media (max-width: 480px){.results-list{grid-template-columns:1fr}}.result-item{background-color:var(--surface-color);border-radius:var(--radius-md);padding:15px;box-shadow:var(--shadow-sm);border-top:4px solid var(--primary-color);transition:var(--transition-slow)}.result-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.result-item h3{margin-bottom:8px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600}.file-info{color:var(--text-secondary);font-size:.75rem;margin-bottom:12px}.file-info div{margin-bottom:3px}.download-btn{display:inline-block;background:var(--primary-gradient);color:var(--text-white);padding:8px 12px;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;text-align:center;transition:var(--transition-slow);border:none;cursor:pointer;width:100%;font-size:.85rem}.slice-generator{padding:0;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:transparent;min-height:100vh}h3{margin-top:25px;margin-bottom:15px;color:var(--primary-dark)}.image-preview-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.image-preview{position:relative;width:80px;height:80px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--surface-color);box-shadow:var(--shadow-sm)}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background-color:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:var(--transition)}.remove-btn:hover{background-color:#000000e6;transform:scale(1.1)}select,input[type=number]{padding:12px 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;background-color:var(--surface-color);color:var(--text-primary);transition:var(--transition);font-family:inherit}select:focus,input[type=number]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.preset-sizes{display:flex;gap:10px;flex-wrap:wrap}.size-btn{padding:10px 18px;background-color:var(--surface-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:var(--transition);font-weight:500}.size-btn.active{background:var(--primary-gradient);color:var(--text-white);border-color:var(--primary-color)}.size-btn:hover:not(.active){background:var(--primary-gradient);color:var(--text-white);border-color:var(--primary-color)}.direction-buttons{display:flex;gap:12px}.direction-btn{flex:1;padding:15px;background-color:var(--surface-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;text-align:center;font-size:14px;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:500}.direction-btn.active{background:var(--primary-gradient);color:var(--text-white);border-color:var(--primary-color)}.direction-btn:hover:not(.active){background:var(--primary-gradient);color:var(--text-white);border-color:var(--primary-color)}.layout-example{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;margin-top:5px}.info-text{font-size:13px;color:var(--text-secondary);margin-top:5px}.preview-container{background-color:var(--primary-lighter);border-radius:var(--radius-md);padding:25px;margin-bottom:25px;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px}#preview-canvas{max-width:100%;height:auto;background-color:var(--surface-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.preview-info{margin-top:20px;text-align:center;font-size:14px;color:var(--text-secondary);font-weight:500}.til-content{background-color:var(--primary-lighter);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:20px;font-family:monospace;font-size:13px;white-space:pre-wrap;max-height:300px;overflow-y:auto;margin-top:15px}@media (max-width: 768px){.slice-generator{padding:15px}.section-container{padding:20px}.direction-buttons{flex-direction:column}}.audio-converter{padding:0;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:transparent;min-height:100vh}.upload-area{background:#f5f5f566;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px dashed rgba(102,126,234,.5);border-radius:var(--radius-md);padding:40px 20px;text-align:center;cursor:pointer;transition:var(--transition);margin-bottom:20px;position:relative;box-shadow:0 4px 16px #0000000d}.upload-area:hover{background:#667eea1a;border-color:#667eeab3;box-shadow:0 8px 24px #667eea33}.upload-area.drag-over{background:#667eea33;border-color:#667eeacc;box-shadow:0 12px 32px #667eea4d}.upload-subtext{color:var(--text-secondary);font-size:.95rem}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-list{max-height:320px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;margin-bottom:20px;background-color:var(--surface-color)}.file-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid var(--border-color)}.file-info{display:flex;align-items:center;gap:10px;flex:1}.file-icon{color:var(--primary-color);font-size:1.2rem}.file-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.file-size{color:var(--text-secondary);font-size:.85rem;margin-top:3px}.remove-file{color:var(--error-color);cursor:pointer;background:none;border:none;font-size:1.1rem;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.remove-file:hover{background-color:var(--error-bg)}.controls{display:flex;flex-direction:column;gap:30px}.control-group{display:flex;flex-direction:column;gap:12px}.control-group label{font-weight:500;color:var(--primary-dark);display:flex;align-items:center;gap:8px}.format-options{display:flex;gap:20px;flex-wrap:wrap}.format-option{display:flex;align-items:center;gap:10px;padding:15px 20px;background-color:var(--primary-lighter);border-radius:var(--radius-sm);border:1px solid var(--border-color);transition:var(--transition);cursor:pointer}.format-option:hover{background:var(--primary-gradient);color:var(--text-white)}.format-option.active{background:var(--primary-gradient);color:var(--text-white);border-color:var(--primary-color)}.format-option input{width:18px;height:18px;cursor:pointer}.info-text{font-size:.85rem;color:var(--text-secondary);margin-top:8px;display:flex;align-items:center;gap:6px}.progress-container{margin-top:20px}.progress-bar{width:100%;height:10px;background-color:var(--primary-lighter);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:10px}.progress{height:100%;background:var(--primary-gradient);width:0%;transition:width .5s ease}.progress-text{text-align:center;font-weight:500;color:var(--primary-dark);font-size:.95rem}.button-group{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.btn{padding:14px 22px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:15px;font-weight:500;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:10px;flex:1;min-width:200px;box-shadow:var(--shadow-sm)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary{background:var(--primary-gradient);color:var(--text-white)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-primary)}.btn-secondary{background-color:var(--surface-hover);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--primary-gradient);color:var(--text-white);border-color:var(--primary-color)}.btn-tertiary{background-color:var(--surface-hover);color:var(--text-primary);border:1px solid var(--border-color)}.btn-tertiary:hover:not(:disabled){background:var(--primary-gradient);color:var(--text-white);border-color:var(--primary-color)}.btn:disabled{background-color:var(--border-color);color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.preview-container{background-color:var(--primary-lighter);border-radius:var(--radius-md);padding:25px;margin-bottom:25px;border:1px solid var(--border-color);min-height:320px;display:flex;flex-direction:column}.preview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-top:15px}.preview-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:15px;background-color:var(--surface-color);box-shadow:var(--shadow-sm)}.preview-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.audio-player{width:100%;margin-bottom:10px;border-radius:var(--radius-sm)}.audio-info{font-size:.9rem;color:var(--text-secondary);margin-top:8px}.download-btn{background:var(--primary-gradient);color:var(--text-white);border:none;padding:8px 15px;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:6px;transition:var(--transition)}.status-message{padding:15px 20px;border-radius:var(--radius-sm);margin:20px 0;font-size:14px;display:flex;align-items:center;gap:10px;font-weight:500;animation:fadeIn .3s ease}.empty-message{text-align:center;color:var(--text-secondary);font-style:italic;padding:30px;font-size:.95rem}footer{padding:20px 0;font-size:13px;color:var(--text-secondary);text-align:center;border-top:1px solid var(--border-color);margin-top:20px}@media (max-width: 1024px){.app-container{flex-direction:column;gap:20px}.button-group{flex-direction:column}.btn{min-width:100%}}@media (max-width: 768px){.audio-converter{padding:15px}.section-container{padding:20px}.format-options{flex-direction:column}.preview-list{grid-template-columns:1fr}}.ios-white-line-fixer{padding:0;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;background:transparent;min-height:100vh}.upload-area{border:3px dashed var(--primary-color);border-radius:var(--radius-lg);padding:60px 20px;text-align:center;cursor:pointer;transition:var(--transition-slow);margin-bottom:30px;position:relative}.upload-area:hover{background-color:var(--primary-lighter);border-color:var(--primary-dark)}.upload-area.drag-over{background-color:var(--primary-light);border-color:var(--primary-dark)}.upload-icon{font-size:4rem;color:var(--primary-color);margin-bottom:20px}.upload-text{font-size:1.4rem;color:var(--primary-dark);margin-bottom:10px;font-weight:600}.upload-hint{color:var(--text-secondary);font-size:1rem;max-width:600px;margin:0 auto;line-height:1.5}.file-list{margin-top:30px;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:15px;max-height:250px;overflow-y:auto;margin-bottom:20px;background-color:var(--surface-color)}.file-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--border-light)}.file-name{font-weight:500;color:var(--text-primary);font-size:1.1rem}.file-size{color:var(--text-secondary);font-size:.9rem;margin-top:5px}.file-status{font-size:.85rem;padding:5px 15px;border-radius:20px;background:var(--surface-hover);color:var(--text-secondary)}.file-status.processed{background-color:var(--success-bg);color:#2e7d32}.file-status.error{background-color:var(--error-bg);color:#c62828}.process-btn{display:block;width:100%;background:var(--primary-gradient);color:var(--text-white);border:none;padding:18px;font-size:1.3rem;border-radius:var(--radius-lg);cursor:pointer;margin-top:10px;transition:var(--transition-slow);font-weight:600;letter-spacing:1px}.process-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-primary)}.process-btn:disabled{background-color:var(--border-color);color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.processing-message{text-align:center;padding:20px;color:var(--primary-dark);font-weight:600;font-size:1.2rem;display:none}.processing-message.visible{display:block}.download-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--border-color);flex-wrap:wrap;gap:15px}.download-header h2{margin:0;border-bottom:none;padding-bottom:0}.download-header h2{color:var(--primary-dark);font-size:1.8rem;font-weight:600}.batch-download-btn{background:var(--success-color);color:var(--text-white);border:none;padding:12px 25px;font-size:1.1rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);font-weight:600;display:flex;align-items:center}.batch-download-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.batch-download-btn i{margin-right:8px;font-size:1.2rem}.processed-files-list{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background-color:var(--surface-color)}.processed-file-item{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-light);transition:var(--transition)}.processed-file-item:hover{background-color:var(--surface-hover)}.processed-file-item:last-child{border-bottom:none}.file-info{flex:1}.file-info h3{color:var(--text-primary);margin-bottom:5px;font-size:1.2rem;font-weight:600}.file-details{display:flex;gap:15px;color:var(--text-secondary);font-size:.9rem}.download-btn{background:var(--primary-gradient);color:var(--text-white);border:none;padding:10px 20px;font-size:1rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-weight:500}.download-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.tool-right-col .tool-zip-btn:active,.tool-right-col .tool-download-btn:active,.tool-right-col .tool-result-download:active{transform:scale(.91);box-shadow:0 0 14px #ffffff59}.instructions{color:var(--text-secondary);line-height:1.6}.instructions p{margin-bottom:15px}.instructions ol{padding-left:20px;margin-bottom:15px}.instructions li{margin-bottom:10px}@media (max-width: 768px){.ios-white-line-fixer{padding:15px}.section-container{padding:20px}.upload-area{padding:40px 15px}.upload-icon{font-size:3rem}.upload-text{font-size:1.2rem}.download-header,.processed-file-item{flex-direction:column;align-items:flex-start;gap:15px}.download-btn{align-self:flex-end}}.normal-foreground{padding:0;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;background:transparent;min-height:100vh}.app-container{display:flex;gap:30px;margin-top:20px}.left-column,.right-column{flex:1;min-width:0}h2{font-size:1.5rem;color:var(--primary-dark);margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid rgba(224,224,224,.3);font-weight:500;display:flex;align-items:center;gap:10px}.section-container{background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:25px 30px;margin-bottom:25px;box-shadow:0 8px 32px #667eea1a;border:1px solid rgba(255,255,255,.3)}.upload-area{background:#f5f5f566;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px dashed rgba(102,126,234,.5);border-radius:var(--radius-md);padding:40px 20px;text-align:center;cursor:pointer;transition:var(--transition-slow);margin-bottom:20px;position:relative;box-shadow:0 4px 16px #0000000d}.upload-area:hover,.upload-area.drag-over{background-color:var(--primary-light);border-color:var(--primary-dark)}.upload-icon{font-size:3rem;margin-bottom:15px;color:var(--primary-color)}.upload-text{color:var(--primary-dark);font-weight:500;font-size:1.1rem;margin-bottom:8px}.upload-hint{color:var(--text-secondary);font-size:.95rem}.font-preview{background-color:var(--primary-lighter);border-radius:var(--radius-sm);padding:16px;text-align:center;margin:16px 0;color:var(--text-primary)}.font-info{padding:12px;background-color:var(--primary-lighter);border-radius:var(--radius-sm);margin:16px 0;color:var(--primary-dark)}.status-message{padding:12px 16px;border-radius:var(--radius-sm);margin:16px 0;font-weight:500}.status-success{background-color:var(--success-bg);color:#2e7d32;border-left:4px solid var(--success-color)}.status-error{background-color:var(--error-bg);color:#c62828;border-left:4px solid var(--error-color)}.status-info{background-color:var(--info-bg);color:#0d6efd;border-left:4px solid var(--info-color)}.filename-input{display:flex;align-items:center;gap:10px;margin:20px 0}.filename-input label{font-weight:500;color:var(--primary-dark)}.filename-input input{flex:1;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;font-size:14px;transition:var(--transition)}.filename-input input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.generate-btn{background:var(--primary-gradient);color:var(--text-white);border:none;padding:14px 28px;font-size:16px;cursor:pointer;border-radius:var(--radius-md);font-weight:600;transition:var(--transition);width:100%;margin-top:16px}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary)}.generate-btn:disabled{background-color:var(--border-color);color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 1024px){.app-container{flex-direction:column;gap:20px}}.control-panel{background-color:var(--primary-lighter);border-radius:var(--radius-md);margin-bottom:16px;border:1px solid var(--border-light);overflow:hidden}.panel-header{background-color:var(--primary-lighter);padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid var(--border-light);transition:var(--transition)}.panel-header:hover{background-color:var(--primary-light)}.panel-title{font-weight:600;color:var(--primary-dark);margin-left:8px}.toggle-btn{background:var(--primary-gradient);color:var(--text-white);border:none;width:30px;height:30px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.toggle-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.panel-content{padding:20px}.control-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:20px}.control-item{display:flex;flex-direction:column}.control-item label{margin-bottom:6px;font-weight:500;color:var(--primary-dark);font-size:14px}.control-item input,.control-item select,.control-item textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;font-size:14px;background-color:var(--surface-color);transition:var(--transition)}.control-item input:focus,.control-item select:focus,.control-item textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.control-item input:disabled,.control-item select:disabled{background-color:var(--surface-hover);color:var(--text-tertiary)}.color-picker{display:flex;align-items:center;gap:10px}.color-preview{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;flex-shrink:0;transition:var(--transition)}.color-preview:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.mode-selector{display:flex;margin-bottom:20px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-color)}.mode-option{flex:1;text-align:center;padding:12px;cursor:pointer;background-color:var(--surface-color);transition:var(--transition);border-right:1px solid var(--border-light)}.mode-option:last-child{border-right:none}.mode-option:hover{background-color:var(--surface-hover)}.mode-option.active{background:var(--primary-gradient);color:var(--text-white);font-weight:500}.hint-text{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.slice-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px;margin-bottom:12px;background-color:var(--surface-color)}.slice-textarea{width:100%;min-height:80px;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px;font-size:14px;resize:vertical;font-family:inherit}.slice-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.slice-btn{background-color:var(--surface-hover);border:1px solid var(--border-color);width:30px;height:30px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--primary-dark);font-weight:700;transition:var(--transition)}.slice-btn:hover{background:var(--primary-gradient);color:var(--text-white);border-color:var(--primary-color)}.add-slice-btn{background:var(--primary-gradient);color:var(--text-white);border-radius:var(--radius-sm);padding:12px;text-align:center;cursor:pointer;font-weight:500;transition:var(--transition);border:none;width:100%}.add-slice-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.preview-container{background-color:var(--surface-color);border-radius:var(--radius-sm);padding:30px;border:1px solid var(--border-light);min-height:120px;display:flex;align-items:center;justify-content:center}#previewText{font-size:24px;color:var(--text-primary)}.slice-preview-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.slice-edit-input{width:100%;min-height:60px;border:2px solid var(--primary-color);border-radius:var(--radius-sm);padding:8px;font-size:14px;font-family:inherit;resize:vertical}.slice-preview-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;background-color:var(--surface-color);min-width:100px;text-align:center;cursor:pointer;transition:var(--transition)}.slice-preview-item:hover{border-color:var(--primary-color);background-color:var(--primary-lighter)}.empty-message{text-align:center;color:var(--text-tertiary);font-style:italic;padding:15px}@media (max-width: 768px){.normal-foreground{padding:15px}.section-container{padding:20px}.control-group{grid-template-columns:1fr}}.package-replacer{width:100%;padding:0;background:transparent;min-height:100vh}.package-replacer .app-container{width:100%}.package-replacer .main-content{display:flex;flex-direction:column;gap:20px;padding:20px}.package-replacer .status-message{padding:12px 15px;border-radius:var(--radius-md);margin-bottom:15px;font-weight:600;text-align:center;font-size:.9rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000001a}.package-replacer .status-success{background-color:var(--success-bg);color:var(--success-color);border-left:4px solid var(--success-color)}.package-replacer .status-error{background-color:var(--error-bg);color:var(--error-color);border-left:4px solid var(--error-color)}.package-replacer .status-processing{background-color:var(--info-bg);color:var(--info-color);border-left:4px solid var(--info-color)}.package-replacer .upload-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 768px){.package-replacer .upload-sections{grid-template-columns:1fr}}.package-replacer .upload-section{background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:20px;box-shadow:0 8px 32px #667eea1a;border:1px solid rgba(255,255,255,.3)}.package-replacer .upload-section h2{color:var(--primary-color);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(224,224,224,.3);font-size:1.2rem}.package-replacer .file-drop-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:30px 15px;text-align:center;margin-bottom:15px;cursor:pointer;transition:var(--transition);background:var(--bg-color)}.package-replacer .file-drop-area:hover{background-color:var(--primary-lighter);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.package-replacer .file-drop-area.dragover{border-color:var(--success-color);background-color:var(--success-bg)}.package-replacer .file-drop-area p{margin-bottom:15px;color:var(--text-secondary)}.package-replacer .file-input{display:none}.package-replacer .browse-btn{display:inline-block;background-color:var(--primary-color);color:var(--text-white);padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition);border:none;font-size:.9rem}.package-replacer .browse-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.package-replacer .selected-files{margin-top:15px;padding:12px;background-color:var(--bg-color);border-radius:var(--radius-md);max-height:150px;overflow-y:auto;border:1px solid var(--border-light)}.package-replacer .file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background-color:var(--surface-color);border-radius:var(--radius-sm);margin-bottom:8px;border-left:4px solid var(--primary-color);font-size:.85rem}.package-replacer .file-name{flex-grow:1;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.package-replacer .file-size{color:var(--text-secondary);font-size:.8rem;margin-right:10px}.package-replacer .file-count{display:inline-block;background-color:var(--primary-color);color:var(--text-white);padding:3px 8px;border-radius:12px;font-size:.8rem;margin-left:8px}.package-replacer .process-section{margin:20px 0;padding:20px;background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);text-align:center}.package-replacer .process-btn{display:inline-block;background-color:var(--success-color);color:var(--text-white);border:none;padding:15px 30px;font-size:1.1rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);width:100%;max-width:300px;box-shadow:var(--shadow-sm)}.package-replacer .process-btn:hover:not(:disabled){background-color:var(--success-color);opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.package-replacer .process-btn:disabled{background-color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.package-replacer .progress-container{margin-top:15px;margin-bottom:15px}.package-replacer .progress-bar{height:15px;background-color:var(--bg-color);border-radius:var(--radius-md);overflow:hidden;margin-bottom:8px}.package-replacer .progress-fill{height:100%;background-color:var(--success-color);width:0%;transition:width .3s ease}.package-replacer .progress-text{text-align:center;color:var(--text-secondary);font-weight:600;font-size:.9rem}.package-replacer .results-section{margin-top:20px;padding:20px;background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.package-replacer .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.package-replacer .results-header h2{color:var(--primary-color);font-size:1.2rem}.package-replacer .download-all-btn{background-color:var(--warning-color);color:var(--text-primary);border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition);font-size:.9rem}.package-replacer .download-all-btn:hover{background-color:var(--warning-color);opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.package-replacer .results-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}@media (max-width: 480px){.package-replacer .results-list{grid-template-columns:1fr}}.package-replacer .result-item{background-color:var(--surface-color);border-radius:var(--radius-md);padding:15px;box-shadow:var(--shadow-sm);border-top:4px solid var(--primary-color);transition:var(--transition)}.package-replacer .result-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.package-replacer .result-item h3{margin-bottom:8px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600}.package-replacer .file-info{color:var(--text-secondary);font-size:.75rem;margin-bottom:12px}.package-replacer .file-info div{margin-bottom:3px}.package-replacer .download-btn{display:inline-block;background-color:var(--primary-color);color:var(--text-white);padding:8px 12px;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;text-align:center;transition:var(--transition);border:none;cursor:pointer;width:100%;font-size:.85rem}.package-replacer .download-btn:hover{background-color:var(--primary-dark)}.sticker-foreground{width:100%;padding:0;min-height:100%;display:block}.sticker-foreground .app-container{width:100%;max-width:1400px;margin:0 auto;padding:0;display:block}.sticker-foreground .main-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:25px;margin-top:20px;min-height:400px;width:100%}@media (min-width: 769px){.sticker-foreground,.sticker-foreground .app-container{height:100%;min-height:0}.sticker-foreground .main-content{height:calc(100vh - 150px);min-height:520px;align-items:stretch;overflow:hidden}.sticker-foreground .main-content>.tool-section,.sticker-foreground .main-content>.preview-section{min-height:0;max-height:100%}.sticker-foreground .main-content>.tool-section:first-child{overflow-y:auto;overflow-x:hidden}.sticker-foreground .preview-section{display:flex;flex-direction:column;overflow:hidden}.sticker-foreground .preview-section .preview-container{flex:1;min-height:0;overflow-y:auto}}@media (max-width: 768px){.sticker-foreground .main-content{grid-template-columns:1fr;padding:16px 12px;margin-top:8px}.sticker-foreground .preview-section{position:fixed;bottom:0;left:0;right:0;z-index:100;margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -4px 20px #00000026}.sticker-foreground .preview-section[data-collapsed=true]{padding-bottom:0}.sticker-foreground .preview-section[data-collapsed=true] .preview-container{display:none}.sticker-foreground .preview-section:not([data-collapsed=true]) .preview-container{max-height:20vh;overflow-y:auto;padding:6px 4px 4px}body.sticker-text-input-focused .sticker-foreground .preview-section:not([data-collapsed=true]) .preview-container,body.sticker-text-input-focused .sticker-foreground .preview-section-fixed:not([data-collapsed=true]) .preview-container{max-height:45vh}body.sticker-text-input-focused .sticker-foreground[data-preview-collapsed=false] .app-container{padding-bottom:50vh}body.sticker-text-input-focused .text-edit-overlay{transform:translateY(-35vh)}.sticker-foreground .preview-section h2{margin-bottom:2px;padding-bottom:2px;font-size:.82rem;cursor:pointer}.sticker-foreground .preview-section{padding:4px 8px}.sticker-foreground .app-container{padding-bottom:34px}.sticker-foreground:has(.preview-section[data-collapsed=false]) .app-container{padding-bottom:23vh}.sticker-foreground .preview-section-fixed{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1000;margin:0;padding:4px 8px calc(4px + env(safe-area-inset-bottom));border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 -2px 12px #0000001f;max-height:30vh;overflow:hidden}.sticker-foreground .preview-section-fixed[data-bulk-expanded=true]{max-height:52vh}.sticker-foreground[data-preview-collapsed=true] .app-container{padding-bottom:34px}.sticker-foreground[data-preview-collapsed=false] .app-container{padding-bottom:23vh}.sticker-foreground[data-preview-collapsed=false][data-bulk-expanded=true] .app-container{padding-bottom:52vh}}.sticker-foreground .tool-section{background:var(--surface-color);border-radius:var(--radius-xl);padding:25px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.sticker-foreground .preview-section{padding:12px 15px}.sticker-foreground .preview-section[data-collapsed=true] .preview-container{display:none}.sticker-foreground .preview-section h2{margin-bottom:8px;padding-bottom:8px;font-size:1rem}.sticker-foreground .tool-section h2{color:var(--primary-color);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;font-size:1.2rem}.sticker-foreground .controls-content{display:block}.sticker-foreground .toggle-btn{background:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-md);padding:8px 15px;cursor:pointer;font-size:.9rem;transition:var(--transition)}.sticker-foreground .toggle-btn:hover{background:var(--primary-dark)}.sticker-foreground .upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:40px 20px;text-align:center;margin-bottom:20px;cursor:pointer;transition:var(--transition);background:var(--bg-color)}.sticker-foreground .upload-area:hover{background-color:var(--primary-lighter);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.sticker-foreground .upload-icon{font-size:48px;color:var(--primary-color);margin-bottom:15px}.sticker-foreground .file-input{display:none}.sticker-foreground .file-info{padding:15px;background:var(--surface-color);border-radius:var(--radius-md);font-size:.9rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:20px}.sticker-foreground .control-group{margin-bottom:15px;padding:15px;border-radius:var(--radius-md);background-color:var(--bg-color);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.sticker-foreground .control-group label{display:block;margin-bottom:5px;font-weight:600;color:var(--text-primary)}.sticker-foreground .control-row{display:flex;align-items:center;gap:10px;margin-top:8px}.sticker-foreground .text-position-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sticker-foreground .text-style-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.sticker-foreground .text-style-control{display:flex;align-items:center;gap:8px}.sticker-foreground .text-style-control label{margin-bottom:0}.sticker-foreground .text-style-control input[type=checkbox]{width:auto}.sticker-foreground input[type=range],.sticker-foreground select,.sticker-foreground input[type=number]{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-primary)}.sticker-foreground .number-input{width:70px;text-align:center}.sticker-foreground .color-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sticker-foreground .color-input-group{display:flex;align-items:center;gap:8px}.sticker-foreground .color-text-input{width:100px;padding:8px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color)}.sticker-foreground .color-preview{width:30px;height:30px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-color)}.sticker-foreground .color-input{width:0;height:0;opacity:0;position:absolute}.sticker-foreground .font-upload-area{border:2px dashed var(--success-color);border-radius:var(--radius-md);padding:20px;text-align:center;margin-bottom:20px;cursor:pointer;transition:var(--transition);background:var(--bg-color)}.sticker-foreground .font-upload-area:hover{background-color:var(--success-bg);border-color:var(--success-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.sticker-foreground .font-upload-icon{font-size:36px;color:var(--success-color);margin-bottom:10px}.sticker-foreground .font-preview-container{margin-top:15px;text-align:center;padding:15px;border-radius:var(--radius-md);background:var(--surface-color);border:1px solid var(--border-light)}.sticker-foreground .font-name{font-size:14px;color:var(--text-secondary);margin-bottom:8px;font-weight:600}.sticker-foreground .font-preview{font-size:24px;margin-bottom:10px}.sticker-foreground .preview-container{display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;align-items:start;gap:20px;max-height:56vh;overflow-y:auto;overflow-anchor:none;padding:12px 10px 10px}.sticker-foreground .status-message{padding:10px 15px;border-radius:var(--radius-md);margin:20px 25px 0;text-align:center;display:block}.sticker-foreground .status-success{background-color:var(--success-bg);color:var(--success-color)}.sticker-foreground .status-error{background-color:var(--error-bg);color:var(--error-color)}.sticker-foreground .status-info{background-color:var(--info-bg);color:var(--info-color)}.sticker-foreground .action-buttons{display:flex;justify-content:center;padding:20px;border-top:1px solid var(--border-light);background:var(--bg-color);gap:15px}.sticker-foreground .bulk-foreground-panel{margin:0 0 14px;padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-color)}.sticker-foreground .bulk-toggle-btn{display:none}.sticker-foreground .preview-section .bulk-foreground-panel{border-color:#ffffff38;background:#ffffff12}.sticker-foreground .preview-section .bulk-title{color:#fff}.sticker-foreground .preview-section .bulk-row label,.sticker-foreground .preview-section .bulk-check{color:#ffffffc7}.sticker-foreground .preview-section .bulk-row input[type=text]{background:#fffffff5;color:#111}.sticker-foreground .bulk-title{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--text-primary)}.sticker-foreground .bulk-input-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.sticker-foreground .bulk-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sticker-foreground .bulk-row label{flex:0 0 4em;font-size:.9rem;color:var(--text-secondary)}.sticker-foreground .bulk-row input[type=text]{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem}.sticker-foreground .bulk-check{display:flex;align-items:flex-start;gap:8px;margin:12px 0 14px;font-size:.85rem;line-height:1.45;color:var(--text-secondary);cursor:pointer}.sticker-foreground .bulk-check input{margin-top:2px;flex-shrink:0}.sticker-foreground .bulk-action-row{display:flex;align-items:center;gap:12px;margin:12px 0 14px}.sticker-foreground .bulk-action-row .bulk-check{flex:1;min-width:0;margin:0}.sticker-foreground .bulk-apply-btn{flex:0 0 auto;width:auto;margin-top:0;white-space:nowrap}.sticker-foreground .bulk-clear-blank-btn{width:100%;margin-top:2px}.sticker-foreground .btn{display:inline-flex;align-items:center;justify-content:center;background:#000;color:#fff;padding:.75rem 1.25rem;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;text-align:center;min-width:80px}.sticker-foreground .btn:hover:not(:disabled){background:#000;transform:scale(.98);box-shadow:0 0 16px #00000080}.sticker-foreground .btn:disabled{background:var(--border-color);color:#fff;cursor:not-allowed;transform:none;box-shadow:none}.sticker-foreground .btn-success{background:#000;color:#fff}.sticker-foreground .btn-success:hover:not(:disabled){background:#000;color:#fff;transform:scale(.98)}.sticker-foreground .btn-warning{background-color:var(--warning-color);color:var(--text-primary)}.sticker-foreground .btn-warning:hover:not(:disabled){background-color:var(--warning-color);opacity:.9}.sticker-foreground .btn-danger{background-color:var(--error-color)}.sticker-foreground .btn-danger:hover:not(:disabled){background-color:var(--error-color);opacity:.9}.sticker-foreground .btn-sm{padding:10px 15px;font-size:.9rem;min-width:60px}.sticker-foreground .text-edit-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.sticker-foreground .text-edit-modal-content{background:var(--surface-color);padding:25px;border-radius:var(--radius-xl);width:90%;max-width:500px;box-shadow:var(--shadow-lg)}.sticker-foreground .text-edit-input{width:100%;padding:12px;margin-bottom:15px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem}.sticker-foreground .text-edit-overlay{pointer-events:auto}.sticker-foreground .text-edit-inline-input{width:100%;height:100%;padding:4px 8px;border:2px solid var(--primary-color);border-radius:4px;font-size:14px;background:#fffffff2;box-sizing:border-box;outline:none}.sticker-foreground .text-edit-actions{display:flex;justify-content:flex-end;gap:10px}.sticker-foreground .template-card{background:var(--surface-color);border-radius:var(--radius-md);overflow:visible;transition:var(--transition);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:12px;flex-shrink:0;min-height:0}.sticker-foreground .template-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.sticker-foreground .template-header{background:var(--primary-gradient);color:var(--text-white);padding:8px 10px;font-size:.85rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0}.sticker-foreground .template-size{font-size:.7rem;font-weight:400;background:#ffffffb3;padding:2px 6px;border-radius:var(--radius-sm);color:var(--text-primary)}.sticker-foreground .template-content{display:flex;padding:10px;flex-direction:column}.sticker-foreground .template-canvas-container{position:relative;text-align:center;margin-bottom:10px;min-height:180px;flex-shrink:0;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-radius:var(--radius-sm);padding:6px}.sticker-foreground .template-canvas{background-color:transparent;display:block;margin:0 auto;border-radius:var(--radius-md);cursor:pointer;max-width:min(100%,520px);max-height:min(85vh,390px);width:auto;height:auto}.sticker-foreground .template-actions-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:5px;width:100%}.sticker-foreground .template-actions-grid .btn{width:100%;padding:5px 4px;font-size:.7rem;min-width:auto}.sticker-foreground .template-dimension{margin-top:6px;font-size:.7rem;color:var(--text-secondary);text-align:center}.sticker-foreground .badge-control-panel{background-color:#bbcdb91a;border-left:3px solid var(--success-color)}.sticker-foreground .badge2-control-panel{background-color:#d8c3e81a;border-left:3px solid var(--primary-dark)}.badge-mode-active .sticker-foreground .tool-section:first-child{background-color:#bbcdb933;border-color:var(--success-color)}.badge-mode-active .sticker-foreground .template-canvas{cursor:crosshair}.badge-mode-active .sticker-foreground .template-header{background:linear-gradient(135deg,var(--success-color) 0%,#c2d8b9 100%)}.badge2-mode-active .sticker-foreground .tool-section:first-child{background-color:#d8c3e833;border-color:var(--primary-dark)}.badge2-mode-active .sticker-foreground .template-canvas{cursor:crosshair}.badge2-mode-active .sticker-foreground .template-header{background:linear-gradient(135deg,var(--primary-dark) 0%,#e2d1ec 100%)}@media (max-width: 768px){.sticker-foreground .preview-section .bulk-foreground-panel{margin:0 0 4px;padding:0;border:none;background:transparent}.sticker-foreground .bulk-toggle-btn{display:inline-flex;width:100%;max-width:none;min-height:28px;padding:.28rem .55rem;font-size:.76rem;border-radius:var(--radius-sm)}.sticker-foreground .bulk-foreground-panel[data-mobile-expanded=false] .bulk-foreground-body{display:none}.sticker-foreground .preview-section .bulk-foreground-panel[data-mobile-expanded=true]{padding:6px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);background:#ffffff12;max-height:34vh;overflow-y:auto}.sticker-foreground .bulk-foreground-panel[data-mobile-expanded=true] .bulk-toggle-btn{margin-bottom:6px}.sticker-foreground .preview-section .bulk-title{margin-bottom:6px;font-size:.9rem}.sticker-foreground .bulk-row{gap:5px;margin-bottom:6px}.sticker-foreground .bulk-input-row{grid-template-columns:1fr 1fr;gap:5px}.sticker-foreground .bulk-row label{flex-basis:3.5em;font-size:.76rem}.sticker-foreground .bulk-row input[type=text]{padding:5px 6px;font-size:.8rem}.sticker-foreground .bulk-check{margin:0;font-size:.72rem;line-height:1.35}.sticker-foreground .bulk-action-row{gap:6px;margin:6px 0 8px}.sticker-foreground .bulk-apply-btn,.sticker-foreground .bulk-clear-blank-btn{max-width:none;min-height:28px;padding:.28rem .55rem;font-size:.76rem}.sticker-foreground .text-position-controls,.sticker-foreground .text-style-controls{grid-template-columns:1fr}.sticker-foreground .action-buttons{flex-direction:column;align-items:center}.sticker-foreground .btn{width:100%;max-width:300px}.sticker-foreground .template-canvas{max-width:100%;max-height:min(55vh,390px);width:auto;height:auto;margin-left:auto;margin-right:auto}.sticker-foreground .template-actions-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}}.color-block-template{width:100%;padding:0;min-height:100%;display:block}.color-block-template .app-container{width:100%;max-width:1300px;margin:0 auto;padding:0;display:block}.color-block-template .main-content{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;padding:25px;margin-top:20px;min-height:400px;width:100%}@media (min-width: 769px){.color-block-template,.color-block-template .app-container{height:100%;min-height:0}.color-block-template .main-content{height:calc(100vh - 150px);min-height:520px;align-items:stretch;overflow:hidden}.color-block-template .main-content>.tool-section,.color-block-template .main-content>.preview-section{min-height:0;max-height:100%}.color-block-template .main-content>.tool-section:first-child{overflow-y:auto;overflow-x:hidden}.color-block-template .preview-section{display:flex;flex-direction:column;overflow:hidden}.color-block-template .preview-section .preview-container{flex:1;min-height:0;overflow-y:auto}}@media (max-width: 768px){.color-block-template .main-content{grid-template-columns:1fr}.color-block-template .preview-section{position:fixed;bottom:0;left:0;right:0;z-index:100;margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -4px 20px #00000026}.color-block-template .preview-section[data-collapsed=true] .preview-container{display:none}.color-block-template .preview-section:not([data-collapsed=true]) .preview-container{max-height:26vh;overflow-y:auto;padding:8px 6px 6px}.color-block-template .preview-section h2{margin-bottom:4px;padding-bottom:4px;font-size:.9rem;cursor:pointer}.color-block-template .preview-section{padding:6px 8px}.color-block-template .app-container{padding-bottom:38px}.color-block-template:has(.preview-section[data-collapsed=false]) .app-container{padding-bottom:29vh}.color-block-template .preview-section-fixed{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1000;margin:0;padding:6px 8px;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 -2px 12px #0000001f}.color-block-template[data-preview-collapsed=true] .app-container{padding-bottom:38px}.color-block-template[data-preview-collapsed=false] .app-container{padding-bottom:29vh}}.color-block-template .tool-section{background:var(--surface-color);border-radius:var(--radius-xl);padding:25px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.color-block-template .preview-section{padding:12px 15px}.color-block-template .preview-section[data-collapsed=true] .preview-container{display:none}.color-block-template .preview-section h2{margin-bottom:8px;padding-bottom:8px;font-size:1rem}.color-block-template .tool-section h2{color:var(--primary-color);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;font-size:1.2rem}.color-block-template .toggle-btn{background:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-md);padding:8px 15px;cursor:pointer;font-size:.9rem;transition:var(--transition)}.color-block-template .toggle-btn:hover{background:var(--primary-dark)}.color-block-template .upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:40px 20px;text-align:center;margin-bottom:20px;cursor:pointer;transition:var(--transition);background:var(--bg-color)}.color-block-template .upload-area:hover{background-color:var(--primary-lighter);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.color-block-template .upload-icon{font-size:48px;color:var(--primary-color);margin-bottom:15px}.color-block-template .file-input{display:none}.color-block-template .control-group{margin-bottom:15px;padding:15px;border-radius:var(--radius-md);background-color:var(--bg-color);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.color-block-template .control-group label{display:block;margin-bottom:5px;font-weight:600;color:var(--text-primary)}.color-block-template .batch-processing-controls{display:flex;gap:10px;margin-top:15px;justify-content:center;flex-wrap:wrap}.color-block-template .batch-stats{margin-top:10px;padding:10px;background:#fffc;border-radius:var(--radius-md);border:1px solid var(--border-light);font-size:.9rem}.color-block-template .batch-stats p{margin:5px 0}.color-block-template .progress-container{margin-top:15px;padding:15px;background:#fffc;border-radius:var(--radius-md);border:1px solid var(--border-light)}.color-block-template .progress-bar{width:100%;height:20px;background-color:var(--bg-color);border-radius:10px;overflow:hidden;margin-top:10px}.color-block-template .progress-fill{height:100%;background:var(--primary-gradient);border-radius:10px;width:0%;transition:width .3s ease}.color-block-template .progress-text{text-align:center;font-size:.9rem;margin-top:5px;color:var(--text-primary)}.color-block-template .mode-selector{margin-bottom:20px;padding:15px;border-radius:var(--radius-md);background-color:var(--bg-color);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.color-block-template .mode-selector label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-primary)}.color-block-template .mode-selector select{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-primary)}.color-block-template .image-import-area{border:2px dashed var(--success-color);border-radius:var(--radius-md);padding:20px;text-align:center;margin-bottom:20px;cursor:pointer;transition:var(--transition);background:var(--bg-color)}.color-block-template .image-import-area:hover{background-color:var(--success-bg);border-color:var(--success-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.color-block-template .image-import-icon{font-size:36px;color:var(--success-color);margin-bottom:10px}.color-block-template .preview-container{display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;align-items:start;gap:20px;max-height:64vh;overflow-y:auto;overflow-anchor:none;padding:12px 10px 10px;width:100%}.color-block-template .status-message{padding:10px 15px;border-radius:var(--radius-md);margin:20px 25px 0;text-align:center;display:block}.color-block-template .status-success{background-color:var(--success-bg);color:var(--success-color)}.color-block-template .status-error{background-color:var(--error-bg);color:var(--error-color)}.color-block-template .status-info{background-color:var(--info-bg);color:var(--info-color)}.color-block-template .action-buttons{display:flex;justify-content:center;padding:20px;border-top:1px solid var(--border-light);background:var(--bg-color);gap:15px}.color-block-template .btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:var(--text-white);padding:12px 20px;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;transition:var(--transition);text-align:center;box-shadow:var(--shadow-sm);min-width:80px}.color-block-template .btn:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.color-block-template .btn:disabled{background-color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.color-block-template .btn-success{background-color:var(--success-color)}.color-block-template .btn-success:hover:not(:disabled){background-color:var(--success-color);opacity:.9}.color-block-template .btn-warning{background-color:var(--warning-color);color:var(--text-primary)}.color-block-template .btn-warning:hover:not(:disabled){background-color:var(--warning-color);opacity:.9}.color-block-template .btn-danger{background-color:var(--error-color)}.color-block-template .btn-danger:hover:not(:disabled){background-color:var(--error-color);opacity:.9}.color-block-template .btn-info{background-color:var(--info-color)}.color-block-template .btn-info:hover:not(:disabled){background-color:var(--info-color);opacity:.9}.color-block-template .nine-patch-controls{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.color-block-template .nine-patch-input{display:flex;align-items:center;gap:5px}.color-block-template .nine-patch-input label{margin-bottom:0;font-size:.9rem;min-width:30px}.color-block-template .nine-patch-input input[type=number]{width:60px;padding:5px;border:1px solid var(--border-color);border-radius:4px}.color-block-template .nine-patch-slider{flex:1}.color-block-template .stretch-mode-control{margin-top:10px;display:flex;gap:10px;align-items:center}.color-block-template .stretch-mode-control label{margin-bottom:0;font-size:.9rem}.color-block-template .stretch-mode-control select{flex:1;padding:8px}.color-block-template .control-row{display:flex;align-items:center;gap:10px;margin-top:8px}.color-block-template .control-row label{margin-bottom:0;min-width:30px;font-size:.9rem}.color-block-template .control-row input[type=number]{width:70px;text-align:center}.color-block-template .control-row input[type=range]{flex:1}.color-block-template .stroke-group{display:grid;grid-template-columns:1fr 1fr;gap:15px}.color-block-template .color-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.color-block-template .color-input-group{display:flex;align-items:center;gap:8px;position:relative}.color-block-template .color-text-input{width:100px;padding:8px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color)}.color-block-template .color-preview{width:30px;height:30px;border-radius:6px;cursor:pointer;border:1px solid rgba(0,0,0,.08)}.color-block-template .template-card{background:var(--surface-color);border-radius:var(--radius-md);overflow:visible;transition:var(--transition);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);width:100%;flex-shrink:0;min-height:0}.color-block-template .template-header{background:var(--primary-gradient);color:var(--text-white);padding:8px 10px;font-size:.85rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0}.color-block-template .template-size{font-size:.7rem;font-weight:400;background:#ffffffb3;padding:2px 6px;border-radius:4px;color:var(--text-primary)}.color-block-template .template-content{display:flex;padding:10px;flex-direction:column;width:100%}.color-block-template .template-canvas-container{position:relative;text-align:center;margin-bottom:10px;min-height:180px;flex-shrink:0;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-radius:var(--radius-sm);padding:6px;min-height:auto;height:auto;display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;overflow:auto}.color-block-template .template-canvas{background-color:transparent;display:block;margin:0 auto;border-radius:var(--radius-sm);cursor:pointer;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-width:100%;width:auto;height:auto;transition:opacity .2s ease}.color-block-template .template-canvas:hover{opacity:.9}.color-block-template .hidden{display:none!important}.color-block-template .template-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%;margin-top:5px}.color-block-template .advanced-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.color-block-template .restore-btn{background:#fff3cd;border-color:#997404}.color-block-template .template-actions-grid .btn{width:100%;padding:5px 4px;font-size:.7rem;min-width:auto}.color-block-template .btn-sm{padding:10px 15px;font-size:.9rem;min-width:60px}.color-block-template .image-preview-container{margin-top:15px;text-align:center}.color-block-template .inner-cut-preview-wrapper{position:relative;display:inline-block}.color-block-template .inner-cut-canvas{position:absolute;top:0;left:0;pointer-events:none}.color-block-template .imported-image-preview{max-width:100%;max-height:150px;border-radius:var(--radius-md);margin-bottom:10px;box-shadow:var(--shadow-sm);background-color:#f0f0f0;padding:5px}@media (max-width: 768px){.color-block-template .batch-processing-controls{flex-direction:column}.color-block-template .btn{width:100%;max-width:300px}.color-block-template .stroke-group,.color-block-template .nine-patch-controls{grid-template-columns:1fr}.color-block-template .template-canvas-container{width:100%;max-width:100%;padding:5px;overflow:auto}.color-block-template .template-canvas{max-width:100%;width:auto;height:auto}.color-block-template .template-card{max-width:100%;overflow:visible}.color-block-template .preview-container{max-width:100%;padding:8px}}.color-block-template .template-dimension-control{display:flex;align-items:center;gap:5px;margin-top:15px;justify-content:center;flex-wrap:wrap}.color-block-template .template-dimension-control label{margin-bottom:0;min-width:40px;font-size:.8rem}.color-block-template .template-dimension-control input{width:60px;padding:3px 5px;border:1px solid var(--border-color);border-radius:4px;font-size:.8rem;height:24px}.color-block-template .template-dimension-control button{padding:3px 8px;font-size:.7rem;height:24px;min-width:50px}.color-block-template .layers-container{margin-top:15px}.color-block-template .layer-list{max-height:200px;overflow-y:auto;margin-top:10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color)}.color-block-template .layer-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid var(--border-light)}.color-block-template .layer-item:last-child{border-bottom:none}.color-block-template .layer-preview{width:40px;height:40px;border-radius:4px;margin-right:10px;object-fit:contain;border:1px solid var(--border-light);background-color:#f0f0f0;padding:2px}.color-block-template .layer-name{flex:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-block-template .layer-controls{display:flex;gap:5px}.color-block-template .layer-controls button{padding:5px 8px;font-size:.7rem;min-width:auto}.layer-mode-template{width:100%;padding:0;min-height:100%;background:transparent}.layer-mode-template .container{width:100%;max-width:1400px;margin:0 auto}.layer-mode-template .main-content{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:40px}@media (min-width: 1024px){.layer-mode-template .main-content{grid-template-columns:1fr 1fr}}@media (min-width: 769px){.layer-mode-template,.layer-mode-template .app-container,.layer-mode-template .container{height:100%;min-height:0}.layer-mode-template .main-content{height:calc(100vh - 150px);min-height:520px;grid-template-columns:1fr 1fr;align-items:stretch;overflow:hidden}.layer-mode-template .main-content>.tool-section,.layer-mode-template .main-content>.panel,.layer-mode-template .main-content>.preview-section{min-height:0;max-height:100%}.layer-mode-template .main-content>.tool-section:first-child,.layer-mode-template .main-content>.panel:first-child{overflow-y:auto;overflow-x:hidden}.layer-mode-template .preview-section,.layer-mode-template .main-content>.panel:nth-child(2){display:flex;flex-direction:column;overflow:hidden}.layer-mode-template .preview-section .preview-container,.layer-mode-template .main-content>.panel:nth-child(2) .preview-container{flex:1;min-height:0;overflow-y:auto}}.layer-mode-template .panel{background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:25px;box-shadow:0 8px 32px #667eea1a;border:1px solid rgba(255,255,255,.3)}.layer-mode-template .preview-section{padding:12px 15px}.layer-mode-template .preview-section .panel-header{margin-bottom:8px;padding-bottom:8px}.layer-mode-template .preview-section .panel-header h2{font-size:1rem}.layer-mode-template .panel-header{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(224,224,224,.3)}.layer-mode-template .panel-header h2{display:flex;justify-content:space-between;align-items:center;color:var(--primary-color);font-size:20px;margin:0;font-weight:500}.layer-mode-template .panel-header button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1.2rem;transition:var(--transition);padding:5px 10px}.layer-mode-template .panel-header button:hover{color:var(--secondary-color)}.layer-mode-template .panel-content{display:flex;flex-direction:column;gap:20px}.layer-mode-template .upload-area{background:#f5f7f966;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px dashed rgba(102,126,234,.5);border-radius:var(--radius-md);padding:40px 20px;text-align:center;cursor:pointer;transition:var(--transition);position:relative;box-shadow:0 4px 16px #0000000d}.layer-mode-template .upload-area:hover{background:#667eea1a;border-color:#667eeab3;box-shadow:0 8px 24px #667eea33}.layer-mode-template .upload-area.dragover{background:#667eea33;border-color:#667eeacc;box-shadow:0 12px 32px #667eea4d}.layer-mode-template .upload-icon{font-size:3rem;margin-bottom:15px;color:var(--primary-color)}.layer-mode-template .upload-text{color:var(--primary-color);font-weight:500;font-size:1.1rem;margin-bottom:8px}.layer-mode-template .upload-subtext{color:var(--text-secondary);font-size:.95rem}.layer-mode-template .file-info{background:#f5f7f966;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-sm);padding:15px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000000d}.layer-mode-template .file-info p{margin:0;color:var(--text-primary)}.layer-mode-template .layer-management{margin-top:25px;margin-bottom:25px}.layer-mode-template .layer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.layer-mode-template .layer-header label{font-weight:500;color:var(--primary-color);display:flex;align-items:center;gap:8px}.layer-mode-template .add-layer-btn{background-color:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-sm);padding:10px 18px;font-size:14px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px}.layer-mode-template .add-layer-btn:hover{background-color:var(--secondary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.layer-mode-template .layer-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.layer-mode-template .layer-tab{padding:10px 18px;background-color:var(--light-gray);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:var(--transition);font-weight:500;color:var(--text-primary)}.layer-mode-template .layer-tab:hover,.layer-mode-template .layer-tab.active{background-color:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.layer-mode-template .controls-group{display:flex;flex-direction:column;gap:25px}.layer-mode-template .control-group{display:flex;flex-direction:column;gap:12px}.layer-mode-template .control-group label{font-weight:500;color:var(--primary-color);display:flex;align-items:center;gap:8px}.layer-mode-template .adjustment-item{display:flex;align-items:center;gap:15px;margin-bottom:12px}.layer-mode-template .adjustment-item label{min-width:60px;font-weight:500;margin:0}.layer-mode-template .adjustment-controls{display:flex;flex-direction:column;align-items:stretch;gap:10px;flex:1}.layer-mode-template .adjustment-controls input[type=number]{width:80px;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;background-color:var(--surface-color);color:var(--text-primary);transition:var(--transition)}.layer-mode-template .adjustment-controls input[type=number]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #80927b33}.layer-mode-template .adjustment-controls input[type=range]{flex:1;height:6px;border-radius:3px;background-color:var(--border-color);outline:none;-webkit-appearance:none}.layer-mode-template .adjustment-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background-color:var(--primary-color);cursor:pointer;transition:var(--transition)}.layer-mode-template .adjustment-controls input[type=range]::-webkit-slider-thumb:hover{background-color:var(--secondary-color);transform:scale(1.1)}.layer-mode-template .adjustment-controls input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background-color:var(--primary-color);cursor:pointer;border:none;transition:var(--transition)}.layer-mode-template .adjustment-controls input[type=range]::-moz-range-thumb:hover{background-color:var(--secondary-color);transform:scale(1.1)}.layer-mode-template .control-group select{width:100%;padding:12px 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;background-color:var(--surface-color);color:var(--text-primary);transition:var(--transition)}.layer-mode-template .control-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #80927b33}.layer-mode-template .color-picker{display:flex;align-items:center;gap:12px;margin-bottom:15px}.layer-mode-template .color-preview{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition)}.layer-mode-template .color-preview:hover{transform:scale(1.05)}.layer-mode-template .color-inputs{display:flex;align-items:center;gap:12px;flex:1}.layer-mode-template .color-inputs input[type=text]{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;background-color:var(--surface-color);color:var(--text-primary);transition:var(--transition)}.layer-mode-template .color-inputs input[type=text]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #80927b33}.layer-mode-template .color-inputs input[type=color]{width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer}.layer-mode-template .helper-text{font-size:13px;color:var(--text-secondary);margin-top:5px;line-height:1.4}.layer-mode-template .preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:min-content;align-items:start;gap:20px;margin-top:20px;max-width:100%;max-height:64vh;overflow-y:auto;padding:12px 10px 10px}.layer-mode-template .no-templates-message{text-align:center;color:var(--text-secondary);padding:40px 20px;grid-column:1 / -1}.layer-mode-template .template-card{background-color:var(--surface-color);border-radius:var(--radius-md);overflow:visible;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition);flex-shrink:0;min-height:0}.layer-mode-template .template-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.layer-mode-template .template-header{background-color:var(--light-gray);padding:8px 12px;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light);border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0}.layer-mode-template .template-header strong{color:var(--text-primary);font-weight:600}.layer-mode-template .template-header span{background-color:var(--primary-color);color:var(--text-white);padding:2px 8px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:500}.layer-mode-template .template-content{padding:12px}.layer-mode-template .canvas-container{width:100%;max-width:100%;min-height:180px;flex-shrink:0;background-color:#f5f5f5;border-radius:var(--radius-sm);overflow:auto;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.layer-mode-template .canvas-container canvas{max-width:100%;width:auto;height:auto;background-color:#fff;border-radius:var(--radius-sm);display:block}.layer-mode-template .merge-hint{background-color:#5bc0de26;color:#0d6efd;border-left:3px solid var(--info-color);padding:8px 10px;border-radius:var(--radius-sm);margin-bottom:10px;font-size:.8rem}.layer-mode-template .merge-hint .selected-count{font-weight:700;color:var(--primary-color)}.layer-mode-template .template-actions{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.layer-mode-template .template-actions button{flex:1;min-width:60px;padding:6px 10px;border:none;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:var(--transition);font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.layer-mode-template .btn-download{background-color:var(--primary-color);color:var(--text-white)}.layer-mode-template .btn-download:hover{background-color:var(--secondary-color)}.layer-mode-template .btn-delete{background-color:var(--accent-color);color:var(--text-primary)}.layer-mode-template .btn-delete:hover{background-color:#c5a994;color:var(--text-white)}.layer-mode-template .btn-restore{background-color:var(--light-gray);color:var(--text-primary);border:1px solid var(--border-color)}.layer-mode-template .btn-restore:hover{background-color:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.layer-mode-template .advanced-actions{display:flex;gap:10px;margin-bottom:15px}.layer-mode-template .advanced-actions button{flex:1;padding:10px 15px;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:var(--transition);font-weight:500;background-color:var(--light-gray);color:var(--text-primary);border:1px solid var(--border-color)}.layer-mode-template .advanced-actions button:hover{background-color:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.layer-mode-template .dimension-control{display:flex;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.layer-mode-template .dimension-control label{margin:0;font-weight:500;color:var(--text-primary)}.layer-mode-template .dimension-control input[type=number]{width:80px;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px}.layer-mode-template .apply-dimension-btn{background-color:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-sm);padding:8px 15px;font-size:14px;cursor:pointer;transition:var(--transition)}.layer-mode-template .apply-dimension-btn:hover{background-color:var(--secondary-color)}.layer-mode-template .action-buttons{display:flex;justify-content:center;padding:20px;border-top:1px solid var(--border-light);background:var(--bg-color);gap:15px;margin-top:20px}.layer-mode-template .download-btn{background-color:var(--success-color);color:var(--text-white);padding:12px 24px;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:16px;font-weight:600;transition:var(--transition);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:8px}.layer-mode-template .download-btn:hover:not(:disabled){background-color:var(--success-color);opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.layer-mode-template .download-btn:disabled{background-color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.layer-mode-template .reset-btn{background-color:var(--wood-brown);color:var(--text-white);padding:12px 24px;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:16px;font-weight:600;transition:var(--transition);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:8px}.layer-mode-template .reset-btn:hover{background-color:#c3bcab;transform:translateY(-2px);box-shadow:var(--shadow-md)}.layer-mode-template .status-message{padding:15px 20px;border-radius:var(--radius-sm);margin:20px 0;font-size:14px;display:flex;align-items:center;gap:10px;font-weight:500;animation:fadeIn .3s ease}.layer-mode-template .status-success{background-color:#81c78426;color:#2e7d32;border-left:4px solid var(--success-color)}.layer-mode-template .status-error{background-color:#e5737326;color:#c62828;border-left:4px solid var(--error-color)}.layer-mode-template .status-processing{background-color:#5bc0de26;color:#0d6efd;border-left:4px solid var(--info-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.layer-mode-template .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.layer-mode-template .modal-content{background-color:var(--surface-color);border-radius:var(--radius-lg);padding:30px;max-width:500px;width:90%;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.layer-mode-template .modal-header{margin-bottom:20px;color:var(--primary-color)}.layer-mode-template .modal-header h3{margin:0;font-size:20px;display:flex;align-items:center;gap:10px}.layer-mode-template .modal-body{margin-bottom:25px;color:var(--text-primary);line-height:1.6}.layer-mode-template .modal-actions{display:flex;gap:15px;justify-content:flex-end}.layer-mode-template .modal-actions .btn{padding:10px 20px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:var(--transition)}.layer-mode-template .modal-actions .btn-secondary{background-color:var(--light-gray);color:var(--text-primary);border:1px solid var(--border-color)}.layer-mode-template .modal-actions .btn-secondary:hover{background-color:var(--border-color)}.layer-mode-template .modal-actions .btn-danger{background-color:var(--error-color);color:var(--text-white)}.layer-mode-template .modal-actions .btn-danger:hover{background-color:#d32f2f}@media (max-width: 768px){.layer-mode-template .preview-container{grid-template-columns:1fr;gap:16px;padding:8px}.layer-mode-template .template-card{max-width:100%;overflow:visible}.layer-mode-template .canvas-container{max-width:100%;overflow:auto}.layer-mode-template .canvas-container canvas{max-width:100%;width:auto;height:auto}.layer-mode-template .preview-section{position:fixed;bottom:0;left:0;right:0;z-index:100;margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -4px 20px #00000026}.layer-mode-template .preview-section[data-collapsed=true] .preview-container{display:none}.layer-mode-template .preview-section:not([data-collapsed=true]) .preview-container{max-height:26vh;overflow-y:auto;padding:8px 6px 6px}.layer-mode-template .preview-section .panel-header{margin-bottom:4px;padding-bottom:0}.layer-mode-template .preview-section .panel-header h2{font-size:.9rem}.layer-mode-template .preview-section{padding:6px 8px}.layer-mode-template{padding-bottom:38px}.layer-mode-template:has(.preview-section[data-collapsed=false]){padding-bottom:29vh}.layer-mode-template .preview-section-fixed{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1000;margin:0;padding:6px 8px;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 -2px 12px #0000001f}.layer-mode-template[data-preview-collapsed=true]{padding-bottom:38px}.layer-mode-template[data-preview-collapsed=false]{padding-bottom:29vh}}.normal-mode-template .normal-merge-hint{background-color:#0000000f;color:var(--text-primary);border-left:3px solid var(--border-color);padding:8px 10px;border-radius:var(--radius-sm);margin-bottom:10px;font-size:.8rem}.normal-mode-template .normal-merge-hint .selected-count{font-weight:700;color:var(--primary-color)}.normal-mode-template .normal-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.normal-mode-template .normal-modal-content{background-color:var(--surface-color);border-radius:var(--radius-lg);padding:30px;max-width:500px;width:90%;box-shadow:none}.normal-mode-template .normal-modal-content .modal-header{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.normal-mode-template .normal-modal-content .modal-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.normal-mode-template .normal-modal-content .modal-body{margin-bottom:20px;color:var(--text-primary);font-size:.95rem}.normal-mode-template .normal-modal-content .modal-actions{display:flex;justify-content:flex-end;gap:10px}@media (max-width: 768px){.normal-mode-template .preview-section-fixed{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1000;margin:0;padding:6px 8px;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:none}.normal-mode-template .preview-section[data-collapsed=true] .preview-container{display:none}}.material-extractor{width:100%;padding:0;min-height:100%;display:block;background:transparent}.material-extractor .container{max-width:1200px;margin:0 auto;background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:0 8px 32px #667eea1a;border:1px solid rgba(255,255,255,.3);overflow:hidden}.material-extractor header{text-align:center;margin-bottom:0;padding:15px;background:var(--primary-gradient);color:var(--text-white);position:relative;overflow:hidden}.material-extractor header:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(135deg,#ffffff1a,#fff0);z-index:1;border-radius:20px}.material-extractor h1{font-size:1.8rem;margin-bottom:0;position:relative;z-index:2}.material-extractor .main-content{display:grid;grid-template-columns:1fr;gap:20px;padding:25px}.material-extractor .upload-section{background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:25px;box-shadow:0 8px 32px #667eea1a;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.material-extractor .upload-section h2{color:var(--primary-color);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(224,224,224,.3);font-size:1.2rem}.material-extractor .file-drop-area{border:2px dashed rgba(224,224,224,.5);border-radius:var(--radius-md);padding:30px 15px;text-align:center;margin-bottom:15px;cursor:pointer;transition:var(--transition);background:#f5f5f566;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000000d}.material-extractor .file-drop-area:hover{background:#667eea1a;border-color:#667eeab3;transform:translateY(-2px);box-shadow:0 8px 24px #667eea33}.material-extractor .file-drop-area.dragover{border-color:var(--success-color);background-color:var(--success-bg)}.material-extractor .file-drop-area p{margin-bottom:15px;color:var(--text-secondary)}.material-extractor .file-input{display:none}.material-extractor .browse-btn{display:inline-block;background-color:var(--primary-color);color:var(--text-white);padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition);border:none;font-size:.9rem}.material-extractor .browse-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.material-extractor .selected-files{margin-top:15px;padding:12px;background-color:var(--bg-color);border-radius:var(--radius-md);max-height:150px;overflow-y:auto;border:1px solid var(--border-light)}.material-extractor .file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background-color:var(--surface-color);border-radius:var(--radius-sm);margin-bottom:8px;border-left:4px solid var(--primary-color);font-size:.85rem}.material-extractor .file-name{flex-grow:1;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-extractor .file-type{display:inline-block;background-color:var(--secondary-color);color:var(--text-white);padding:2px 8px;border-radius:4px;font-size:.75rem;margin-right:8px}.material-extractor .file-size{color:var(--text-secondary);font-size:.8rem;margin-right:10px}.material-extractor .process-section{margin:20px 0;padding:20px;background:var(--surface-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);text-align:center}.material-extractor .process-btn{display:inline-block;background-color:var(--success-color);color:var(--text-white);border:none;padding:15px 30px;font-size:1.1rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);width:100%;max-width:300px;box-shadow:var(--shadow-sm)}.material-extractor .process-btn:hover:not(:disabled){background-color:var(--success-color);opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.material-extractor .process-btn:disabled{background-color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.material-extractor .progress-container{margin-top:15px}.material-extractor .progress-bar{height:15px;background-color:var(--bg-color);border-radius:10px;overflow:hidden;margin-bottom:8px}.material-extractor .progress-fill{height:100%;background-color:var(--success-color);width:0%;transition:width .3s ease}.material-extractor .progress-text{text-align:center;color:var(--text-secondary);font-weight:600;font-size:.9rem}.material-extractor .results-section{margin-top:20px;padding:20px;background:var(--surface-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.material-extractor .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.material-extractor .results-header h2{color:var(--primary-color);font-size:1.2rem}.material-extractor .download-all-btn{background-color:var(--warning-color);color:var(--text-primary);border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition);font-size:.9rem}.material-extractor .download-all-btn:hover{background-color:var(--warning-color);opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.material-extractor .results-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.material-extractor .results-content{grid-template-columns:1fr}}.material-extractor .results-info{background-color:var(--bg-color);border-radius:var(--radius-md);padding:15px}.material-extractor .results-info h3{color:var(--primary-color);margin-bottom:10px;font-size:1rem}.material-extractor .results-info p{margin-bottom:8px;font-size:.85rem}.material-extractor .color-mode-indicator{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600;margin-left:10px}.material-extractor .single-color{background-color:var(--warning-color);color:var(--text-primary)}.material-extractor .dual-color{background-color:var(--primary-color);color:var(--text-white)}.material-extractor .file-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.material-extractor .stat-item{background-color:var(--surface-color);border-radius:var(--radius-md);padding:10px;flex:1;min-width:120px;text-align:center;box-shadow:var(--shadow-sm)}.material-extractor .stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:5px}.material-extractor .stat-label{font-size:.75rem;color:var(--text-secondary)}.material-extractor .preview-section{background-color:var(--surface-color);border-radius:var(--radius-md);padding:15px;max-height:300px;overflow-y:auto;border:1px solid var(--border-light)}.material-extractor .preview-section h3{color:var(--primary-color);margin-bottom:10px;font-size:1rem}.material-extractor .preview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.material-extractor .preview-item{background-color:var(--bg-color);border-radius:var(--radius-sm);padding:5px;text-align:center;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-extractor .preview-item:hover{background-color:var(--primary-lighter)}.material-extractor .status-message{padding:12px 15px;border-radius:var(--radius-md);margin-bottom:15px;font-weight:600;text-align:center;font-size:.9rem;display:block}.material-extractor .status-success{background-color:var(--success-bg);color:var(--success-color);border-left:4px solid var(--success-color)}.material-extractor .status-error{background-color:var(--error-bg);color:var(--error-color);border-left:4px solid var(--error-color)}.material-extractor .status-processing{background-color:var(--info-bg);color:var(--info-color);border-left:4px solid var(--primary-color)}.simple-matting{width:100%;padding:0;min-height:100%;display:block;background:transparent}.simple-matting .container{max-width:1200px;margin:0 auto;background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:0 8px 32px #667eea1a;border:1px solid rgba(255,255,255,.3);overflow:hidden}.simple-matting header{text-align:center;margin-bottom:0;padding:15px;background:var(--primary-gradient);color:var(--text-white);position:relative;overflow:hidden}.simple-matting header:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(135deg,#ffffff1a,#fff0);z-index:1;border-radius:20px}.simple-matting h1{font-size:1.8rem;margin-bottom:0;position:relative;z-index:2}.simple-matting .main-content{display:grid;grid-template-columns:1fr;gap:20px;padding:25px}.simple-matting .upload-section{background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:25px;box-shadow:0 8px 32px #667eea1a;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.simple-matting .upload-section h2{color:var(--primary-color);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(224,224,224,.3);font-size:1.2rem}.simple-matting .file-drop-area{border:2px dashed rgba(224,224,224,.5);border-radius:var(--radius-md);padding:30px 15px;text-align:center;margin-bottom:20px;cursor:pointer;transition:var(--transition);background:#f5f5f566;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000000d}.simple-matting .file-drop-area:hover{background:#667eea1a;border-color:#667eeab3;transform:translateY(-2px);box-shadow:0 8px 24px #667eea33}.simple-matting .file-drop-area.dragover{border-color:#81c784b3;background:#81c78433;box-shadow:0 12px 32px #81c7844d}.simple-matting .file-drop-area p{margin-bottom:15px;color:var(--text-secondary)}.simple-matting .file-input{display:none}.simple-matting .browse-btn{display:inline-block;background-color:var(--primary-color);color:var(--text-white);padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition);border:none;font-size:.9rem}.simple-matting .browse-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.simple-matting .selected-files{margin-top:15px;padding:12px;background-color:var(--bg-color);border-radius:var(--radius-md);max-height:200px;overflow-y:auto;border:1px solid var(--border-light)}.simple-matting .file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background-color:var(--surface-color);border-radius:var(--radius-sm);margin-bottom:8px;border-left:4px solid var(--primary-color);font-size:.85rem}.simple-matting .file-name{flex-grow:1;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-matting .file-size{color:var(--text-secondary);font-size:.8rem;margin-right:10px}.simple-matting .file-count{display:inline-block;background-color:var(--primary-color);color:var(--text-white);padding:3px 8px;border-radius:12px;font-size:.8rem;margin-left:8px}.simple-matting .options-section{display:grid;grid-template-columns:1fr;gap:15px;margin-top:20px}@media (min-width: 768px){.simple-matting .options-section{grid-template-columns:1fr 1fr}}.simple-matting .option-group{background:var(--bg-color);border-radius:var(--radius-md);padding:15px;border-left:4px solid var(--primary-color)}.simple-matting .option-group h3{color:var(--primary-color);margin-bottom:10px;font-size:1rem}.simple-matting .option-row{display:flex;align-items:center;margin-bottom:8px}.simple-matting .option-row label{margin-right:10px;font-size:.9rem;min-width:80px}.simple-matting .option-row select,.simple-matting .option-row input[type=number]{flex:1;padding:8px;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:.9rem;max-width:100%}.simple-matting .option-row .help-text{font-size:.8rem;color:var(--text-secondary);margin-left:5px}.simple-matting .option-note{font-size:.8rem;color:var(--primary-color);font-style:italic;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-color)}.simple-matting .color-picker-section{background:var(--bg-color);border-radius:var(--radius-md);padding:15px;border-left:4px solid var(--primary-color);margin-top:15px}.simple-matting .color-picker-section h3{color:var(--primary-color);margin-bottom:10px;font-size:1rem}.simple-matting .color-picker-info{display:flex;align-items:center;margin-bottom:10px}.simple-matting .color-preview{width:40px;height:40px;border-radius:6px;border:2px solid var(--border-color);margin-right:10px;cursor:pointer}.simple-matting .color-info{flex:1}.simple-matting .color-info p{font-size:.85rem;margin-bottom:3px}.simple-matting .color-rgb{font-family:monospace;background:var(--surface-color);padding:4px 8px;border-radius:4px;font-size:.8rem;display:inline-block}.simple-matting .pick-color-btn{display:inline-block;background-color:var(--warning-color);color:var(--text-primary);padding:8px 15px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:var(--transition);border:none;font-size:.85rem;width:100%}.simple-matting .pick-color-btn:hover:not(:disabled){background-color:var(--warning-color);opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.simple-matting .pick-color-btn:disabled{background-color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.simple-matting .color-picker-canvas-container{position:relative;margin-top:10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;cursor:crosshair}.simple-matting .color-picker-canvas{width:100%;height:auto;display:block}.simple-matting .color-picker-cursor{position:absolute;width:20px;height:20px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #000;pointer-events:none}.simple-matting .process-section{margin:20px 0;padding:20px;background:var(--surface-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);text-align:center}.simple-matting .process-btn{display:inline-block;background-color:var(--success-color);color:var(--text-white);border:none;padding:15px 30px;font-size:1.1rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);width:100%;max-width:300px;box-shadow:var(--shadow-sm)}.simple-matting .process-btn:hover:not(:disabled){background-color:var(--success-color);opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.simple-matting .process-btn:disabled{background-color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.simple-matting .progress-container{margin-top:15px}.simple-matting .progress-bar{height:15px;background-color:var(--bg-color);border-radius:10px;overflow:hidden;margin-bottom:8px}.simple-matting .progress-fill{height:100%;background-color:var(--success-color);width:0%;transition:width .3s ease}.simple-matting .progress-text{text-align:center;color:var(--text-secondary);font-weight:600;font-size:.9rem}.simple-matting .results-section{margin-top:20px;padding:20px;background:var(--surface-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.simple-matting .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.simple-matting .results-header h2{color:var(--primary-color);font-size:1.2rem}.simple-matting .download-all-btn{background-color:var(--warning-color);color:var(--text-primary);border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition);font-size:.9rem}.simple-matting .download-all-btn:hover{background-color:var(--warning-color);opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.simple-matting .status-message{padding:12px 15px;border-radius:var(--radius-md);margin-bottom:15px;font-weight:600;text-align:center;font-size:.9rem;display:block}.simple-matting .status-success{background-color:var(--success-bg);color:var(--success-color);border-left:4px solid var(--success-color)}.simple-matting .status-error{background-color:var(--error-bg);color:var(--error-color);border-left:4px solid var(--error-color)}.simple-matting .status-processing{background-color:var(--info-bg);color:var(--info-color);border-left:4px solid var(--primary-color)}.simple-matting .checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:.9rem}.simple-matting .checkbox-label input{margin-right:8px}.simple-matting .results-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}@media (max-width: 768px){.simple-matting .results-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.simple-matting .result-item{background-color:var(--surface-color);border-radius:var(--radius-md);padding:15px;box-shadow:var(--shadow-sm);border-top:4px solid var(--primary-color);transition:var(--transition)}.simple-matting .result-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.simple-matting .result-item h3{margin-bottom:10px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600}.simple-matting .preview-container{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.simple-matting .preview-box{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-light);background:repeating-conic-gradient(#f2f2f2 0% 25%,transparent 0% 50%) 50% / 20px 20px}.simple-matting .preview-box img{width:100%;height:120px;object-fit:contain;display:block}.simple-matting .preview-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:var(--text-white);text-align:center;padding:3px;font-size:.7rem}.simple-matting .file-info{color:var(--text-secondary);font-size:.75rem;margin-bottom:12px}.simple-matting .file-info div{margin-bottom:3px}.simple-matting .action-buttons{display:flex;gap:10px}.simple-matting .download-btn{display:inline-block;background-color:var(--primary-color);color:var(--text-white);padding:8px 12px;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;text-align:center;transition:var(--transition);border:none;cursor:pointer;flex:1;font-size:.85rem}.simple-matting .download-btn:hover{background-color:var(--primary-dark)}@media (max-width: 480px){.simple-matting .options-section{grid-template-columns:1fr;gap:10px}.simple-matting .option-row label{min-width:70px;font-size:.85rem}.simple-matting .option-row select,.simple-matting .option-row input[type=number]{padding:6px;font-size:.85rem}}.material-segmentation{width:100%;padding:0;min-height:100%;background:transparent}.material-segmentation .container{width:100%;max-width:1200px;margin:0 auto;background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:0 8px 32px #667eea1a;border:1px solid rgba(255,255,255,.3);overflow:hidden}.material-segmentation .main-content{display:grid;grid-template-columns:1fr;gap:20px;padding:25px}.material-segmentation .status-message{padding:12px 15px;border-radius:var(--radius-lg);margin-bottom:15px;font-weight:600;display:block;text-align:center;font-size:.9rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000001a}.material-segmentation .status-success{background-color:#f3f4f6;color:var(--text-secondary);border-left:4px solid var(--border-color)}.material-segmentation .status-error{background-color:#f5f5f5;color:var(--text-secondary);border-left:4px solid var(--border-color)}.material-segmentation .status-processing{background-color:#e5e7eb;color:var(--text-secondary);border-left:4px solid var(--border-color)}.material-segmentation .upload-section{background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:25px;box-shadow:0 8px 32px #667eea1a;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.material-segmentation .upload-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f7f8f2cc,#fff3);z-index:0;border-radius:var(--radius-xl)}.material-segmentation .upload-section>*{position:relative;z-index:1}.material-segmentation .upload-section h2{color:var(--primary-color);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-light);font-size:1.2rem}.material-segmentation .file-drop-area{border:2px dashed var(--secondary-color);border-radius:var(--radius-md);padding:30px 15px;text-align:center;margin-bottom:20px;cursor:pointer;transition:var(--transition);background:#f7f8f280}.material-segmentation .file-drop-area:hover{background-color:#80927b14;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.material-segmentation .file-drop-area.dragover{border-color:var(--success-color);background-color:#88958a1a}.material-segmentation .file-drop-area p{margin-bottom:15px;color:var(--text-secondary)}.material-segmentation .file-input{display:none}.material-segmentation .browse-btn{display:inline-block;background-color:var(--primary-color);color:var(--text-white);padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition);border:none;font-size:.9rem}.material-segmentation .browse-btn:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.material-segmentation .source-preview-container{margin-top:20px;padding:15px;background-color:#f7f8f280;border-radius:var(--radius-md);border:1px solid var(--border-light)}.material-segmentation .source-image-wrapper{position:relative;max-width:500px;margin:0 auto;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:repeating-conic-gradient(#f2f2f2 0% 25%,transparent 0% 50%) 50% / 20px 20px}.material-segmentation .source-image{width:100%;height:auto;display:block;max-height:300px;object-fit:contain}.material-segmentation .source-info{text-align:center;margin-top:10px;font-size:.9rem;color:var(--text-secondary)}.material-segmentation .segmentation-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.material-segmentation .show-bboxes-label{display:flex;align-items:center;margin-top:10px;font-size:.9rem;cursor:pointer}.material-segmentation .show-bboxes-label input{margin-right:8px}.material-segmentation .options-section{margin-top:20px;background:#f7f8f299;border-radius:var(--radius-md);padding:15px;border-left:4px solid var(--primary-color)}.material-segmentation .option-group h3{color:var(--primary-color);margin-bottom:10px;font-size:1rem}.material-segmentation .option-row{display:flex;align-items:center;margin-bottom:8px}.material-segmentation .option-row label{margin-right:10px;font-size:.9rem;min-width:100px}.material-segmentation .option-row input[type=number]{flex:1;padding:8px;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:.9rem;max-width:150px}.material-segmentation .option-row .help-text{font-size:.8rem;color:var(--text-secondary);margin-left:5px}.material-segmentation .option-note{font-size:.8rem;color:var(--primary-color);font-style:italic;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-light)}.material-segmentation .process-section{margin:20px 0;padding:20px;background:var(--surface-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);text-align:center}.material-segmentation .process-btn{display:inline-block;background-color:var(--success-color);color:var(--text-white);border:none;padding:15px 30px;font-size:1.1rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);width:100%;max-width:300px;box-shadow:0 4px 6px #88958a33}.material-segmentation .process-btn:hover:not(:disabled){background-color:#7a8b75;transform:translateY(-2px);box-shadow:0 6px 12px #00000014}.material-segmentation .process-btn:disabled{background-color:var(--warning-color);cursor:not-allowed;transform:none;box-shadow:none}.material-segmentation .progress-container{margin-top:15px;display:block}.material-segmentation .progress-bar{height:15px;background-color:#f7f8f2cc;border-radius:var(--radius-md);overflow:hidden;margin-bottom:8px}.material-segmentation .progress-fill{height:100%;background-color:var(--success-color);width:0%;transition:width .3s ease}.material-segmentation .progress-text{text-align:center;color:var(--text-secondary);font-weight:600;font-size:.9rem}.material-segmentation .results-section{display:block;margin-top:20px;padding:20px;background:var(--surface-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.material-segmentation .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.material-segmentation .results-header h2{color:var(--primary-color);font-size:1.2rem}.material-segmentation .results-info{display:flex;align-items:center;gap:15px}.material-segmentation .detected-count{background-color:var(--primary-color);color:var(--text-white);padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.material-segmentation .download-all-btn{background-color:var(--warning-color);color:var(--dark-color);border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition);font-size:.9rem}.material-segmentation .download-all-btn:hover{background-color:#c3bcab;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.material-segmentation .results-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}@media (max-width: 768px){.material-segmentation .results-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 480px){.material-segmentation .results-list{grid-template-columns:1fr;gap:15px}}.material-segmentation .result-item{background-color:var(--surface-color);border-radius:var(--radius-md);padding:15px;box-shadow:var(--shadow-sm);border-top:4px solid var(--primary-color);transition:var(--transition)}.material-segmentation .result-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.material-segmentation .result-item h3{margin-bottom:10px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600}.material-segmentation .preview-container{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-light);background:repeating-conic-gradient(#f2f2f2 0% 25%,transparent 0% 50%) 50% / 20px 20px;margin-bottom:15px;height:180px}.material-segmentation .preview-container img{width:100%;height:100%;object-fit:contain;display:block}.material-segmentation .preview-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:var(--text-white);text-align:center;padding:3px;font-size:.7rem}.material-segmentation .file-info{color:var(--text-secondary);font-size:.75rem;margin-bottom:12px}.material-segmentation .file-info div{margin-bottom:3px}.material-segmentation .action-buttons{display:flex;gap:10px}.material-segmentation .download-btn{display:inline-block;background-color:var(--primary-color);color:var(--text-white);padding:8px 12px;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;text-align:center;transition:var(--transition);border:none;cursor:pointer;flex:1;font-size:.85rem}.material-segmentation .download-btn:hover{background-color:var(--secondary-color)}.material-replacer{width:100%;padding:0;min-height:100%;background:transparent}.material-replacer .app-container{width:100%;max-width:1400px;margin:0 auto}.material-replacer .main-content{display:flex;gap:30px;margin-top:20px}@media (max-width: 1024px){.material-replacer .main-content{flex-direction:column;gap:20px}}.material-replacer .left-column,.material-replacer .right-column{flex:1;min-width:0}.material-replacer .section-container{background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:25px 30px;margin-bottom:25px;box-shadow:0 8px 32px #667eea1a;border:1px solid rgba(255,255,255,.3)}.material-replacer h2{font-size:1.5rem;color:var(--primary-color);margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid rgba(224,224,224,.3);font-weight:500}.material-replacer .status-message{padding:15px 20px;border-radius:var(--radius-sm);margin:20px 0;font-size:14px;display:flex;align-items:center;gap:10px;font-weight:500;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000001a}.material-replacer .status-success{background-color:#f3f4f6;color:var(--text-secondary);border-left:4px solid var(--border-color)}.material-replacer .status-error{background-color:#f5f5f5;color:var(--text-secondary);border-left:4px solid var(--border-color)}.material-replacer .status-info{background-color:#e5e7eb;color:var(--text-secondary);border-left:4px solid var(--border-color)}.material-replacer .file-drop-area{background:#f5f5f566;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px dashed rgba(102,126,234,.5);border-radius:var(--radius-md);padding:40px 20px;text-align:center;cursor:pointer;transition:var(--transition);margin-bottom:20px;box-shadow:0 4px 16px #0000000d}.material-replacer .file-drop-area:hover{background:#667eea1a;border-color:#667eeab3;box-shadow:0 8px 24px #667eea33}.material-replacer .file-drop-area.dragover{background:#81c78433;border-color:#81c784b3;box-shadow:0 12px 32px #81c7844d}.material-replacer .file-drop-area p:first-of-type{color:var(--primary-color);font-weight:500;font-size:1.1rem;margin-bottom:8px}.material-replacer .file-drop-area p:last-of-type{color:var(--text-secondary);font-size:.95rem}.material-replacer .file-info{background:#f5f5f566;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-sm);padding:15px;margin:15px 0;font-weight:500;color:var(--primary-color);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000000d}.material-replacer .global-controls{margin-bottom:20px}.material-replacer .toggle-all-btn{background:#667eeab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-white);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);padding:10px 20px;font-size:14px;cursor:pointer;transition:var(--transition);box-shadow:0 4px 16px #667eea33}.material-replacer .toggle-all-btn:hover{background:#667eeacc;box-shadow:0 8px 24px #667eea4d}.material-replacer .collapsible-section{margin-bottom:20px;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.material-replacer .collapsible-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--transition)}.material-replacer .collapsible-header.dark-theme{background-color:#8ba8b726;border-left:4px solid #8BA8B7}.material-replacer .collapsible-header.light-theme{background-color:#f5e7c333;border-left:4px solid #F5E7C3}.material-replacer .collapsible-header.demo-theme{background-color:#d4a5a526;border-left:4px solid #D4A5A5}.material-replacer .collapsible-header.default-theme{background-color:#adc39d1a;border-left:4px solid var(--primary-color)}.material-replacer .collapsible-header:hover{opacity:.9}.material-replacer .collapsible-header span{font-weight:500;color:var(--text-primary)}.material-replacer .collapsible-header button{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-secondary);transition:var(--transition)}.material-replacer .collapsible-content{padding:20px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.material-replacer .info-file-list{margin-bottom:20px;padding:15px;background-color:#f7f8f280;border-radius:var(--radius-sm);font-size:14px;color:var(--text-secondary)}.material-replacer .input-group{margin-bottom:15px}.material-replacer .input-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--primary-color)}.material-replacer .input-group input[type=text]{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);font-size:14px;transition:var(--transition);background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000d}.material-replacer .input-group input[type=text]:focus{outline:none;border-color:#667eea99;background:#fff9;box-shadow:0 4px 16px #667eea33}.material-replacer .auto-save-indicator{display:inline-block;margin-left:10px;color:var(--success-color);font-weight:700}.material-replacer .download-controls{margin-top:20px}.material-replacer .format-selector{margin:20px 0;display:flex;gap:20px;align-items:center}.material-replacer .format-option{display:flex;align-items:center;gap:8px}.material-replacer .download-btn{background:#667eeab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-white);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);padding:14px 28px;font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition);width:100%;margin-top:20px;box-shadow:0 4px 16px #667eea33}.material-replacer .download-btn:hover:not(:disabled){background:#667eeacc;transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.material-replacer .download-btn:disabled{background-color:var(--warning-color);color:var(--text-secondary);cursor:not-allowed}.material-replacer .image-replacement-section{margin-top:20px}.material-replacer .folder-section{margin-bottom:25px;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.material-replacer .folder-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--transition)}.material-replacer .folder-header.dark-theme{background-color:#8ba8b726;border-left:4px solid #8BA8B7}.material-replacer .folder-header.light-theme{background-color:#f5e7c333;border-left:4px solid #F5E7C3}.material-replacer .folder-header.demo-theme{background-color:#d4a5a526;border-left:4px solid #D4A5A5}.material-replacer .folder-header.default-theme{background-color:#adc39d1a;border-left:4px solid var(--primary-color)}.material-replacer .folder-header:hover{opacity:.9}.material-replacer .folder-title{font-weight:500;color:var(--text-primary)}.material-replacer .folder-actions button{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-secondary)}.material-replacer .image-pair{display:flex;gap:20px;margin-bottom:20px;padding:15px;background:#f5f5f566;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000000d}.material-replacer .image-box{flex:1;text-align:center}.material-replacer .image-box img{max-width:100%;height:auto;max-height:200px;border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-bottom:10px}.material-replacer .image-box div{font-size:14px;margin-bottom:5px;color:var(--text-primary)}.material-replacer .image-box button{background:#667eeab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-white);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;cursor:pointer;transition:var(--transition);margin-top:10px;box-shadow:0 4px 16px #667eea33}.material-replacer .image-box button:hover{background:#667eeacc;box-shadow:0 8px 24px #667eea4d}.material-replacer .css-edit-section{margin-top:20px}.material-replacer .css-section{margin-bottom:25px;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.material-replacer .css-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--transition)}.material-replacer .css-header.dark-theme{background-color:#8ba8b726;border-left:4px solid #8BA8B7}.material-replacer .css-header.light-theme{background-color:#f5e7c333;border-left:4px solid #F5E7C3}.material-replacer .css-header.demo-theme{background-color:#d4a5a526;border-left:4px solid #D4A5A5}.material-replacer .css-header.default-theme{background-color:#adc39d1a;border-left:4px solid var(--primary-color)}.material-replacer .css-header:hover{opacity:.9}.material-replacer .css-title{font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:10px}.material-replacer .css-actions button{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-secondary)}.material-replacer .css-rule{margin-bottom:20px;padding:15px;background:#f5f5f566;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000000d}.material-replacer .css-rule-header{font-weight:500;color:var(--primary-color);margin-bottom:10px}.material-replacer .css-property{display:flex;align-items:center;gap:15px;margin-bottom:10px}.material-replacer .css-property-name{min-width:150px;font-weight:500;color:var(--text-primary)}.material-replacer .css-property-value{flex:1;display:flex;align-items:center;gap:15px}.material-replacer .css-property-value input{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000d}.material-replacer .color-preview{width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.material-replacer .audio-replacement-section{margin-top:20px}.material-replacer .audio-section{margin-bottom:25px;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.material-replacer .audio-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--transition)}.material-replacer .audio-header.dark-theme{background-color:#8ba8b726;border-left:4px solid #8BA8B7}.material-replacer .audio-header.light-theme{background-color:#f5e7c333;border-left:4px solid #F5E7C3}.material-replacer .audio-header.demo-theme{background-color:#d4a5a526;border-left:4px solid #D4A5A5}.material-replacer .audio-header.default-theme{background-color:#adc39d1a;border-left:4px solid var(--primary-color)}.material-replacer .audio-header:hover{opacity:.9}.material-replacer .audio-title{font-weight:500;color:var(--text-primary)}.material-replacer .audio-actions button{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-secondary)}.material-replacer .audio-pair{display:flex;gap:20px;margin-bottom:20px;padding:15px;background:#f5f5f566;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000000d}.material-replacer .audio-box{flex:1;text-align:center}.material-replacer .audio-box audio{width:100%;margin-bottom:10px}.material-replacer .audio-box div{font-size:14px;margin-bottom:5px;color:var(--text-primary)}.material-replacer .audio-box button{background:#667eeab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-white);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;cursor:pointer;transition:var(--transition);margin-top:10px;box-shadow:0 4px 16px #667eea33}.material-replacer .audio-box button:hover{background:#667eeacc;box-shadow:0 8px 24px #667eea4d}@media (max-width: 768px){.material-replacer .section-container{padding:20px}.material-replacer .format-selector{flex-direction:column;gap:10px;align-items:flex-start}.material-replacer .image-pair,.material-replacer .audio-pair{flex-direction:column}}.file-extractor{width:100%;min-height:400px;display:flex;align-items:center;justify-content:center}.file-comparator{width:100%;min-height:400px;display:flex;align-items:center;justify-content:center}.image-comparator{width:100%;min-height:400px;display:flex;align-items:center;justify-content:center}.subtool-placeholder{text-align:center;padding:40px;background:#fff9;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a}.placeholder-icon{font-size:4rem;margin-bottom:20px}.subtool-placeholder h2{font-size:1.5rem;color:var(--text-primary);margin:0 0 10px}.subtool-placeholder p{font-size:1rem;color:var(--text-secondary);margin:0}.one-click-matching{width:100%;padding:0;min-height:480px;display:block;background:transparent}.matching-container{max-width:1400px;margin:0 auto;background:var(--surface-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light);overflow:hidden}.matching-header{text-align:center;padding:20px;background:var(--primary-gradient);color:var(--text-white);position:relative;overflow:hidden}.matching-header:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(135deg,#ffffff1a,#fff0);z-index:1;border-radius:20px}.matching-header h1{font-size:2rem;margin:0 0 10px;position:relative;z-index:2}.matching-description{margin:0;font-size:1rem;opacity:.9;position:relative;z-index:2}.subtool-nav{display:flex;gap:10px;padding:20px;background:#ffffff80;border-bottom:1px solid rgba(0,0,0,.1);justify-content:center;flex-wrap:wrap}.subtool-nav-item{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fffc;border:2px solid rgba(102,126,234,.2);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;font-size:1rem;color:var(--text-primary);font-weight:500}.subtool-nav-item:hover{background:#667eea1a;border-color:#667eea66;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.subtool-nav-item.active{background:var(--primary-gradient);color:var(--text-white);border-color:#667eea99;box-shadow:0 4px 12px #667eea4d}.subtool-icon{font-size:1.2rem}.subtool-name{font-size:1rem}.subtool-content{padding:20px;min-height:400px}.simple-encryption{width:100%;padding:0;min-height:100%;display:flex;flex-direction:column;background:transparent}.encryption-container{max-width:1200px;margin:0 auto;background:transparent;border-radius:0;box-shadow:none;border:none;overflow:hidden;padding:0}.encryption-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(102,126,234,.1)}.encryption-header h2{font-size:1.8rem;margin:0 0 10px;color:var(--text-primary)}.encryption-description{margin:0;font-size:1rem;color:var(--text-secondary)}.upload-section{margin-bottom:30px}.upload-area{border:2px dashed rgba(102,126,234,.3);border-radius:var(--radius-lg);padding:40px;text-align:center;cursor:pointer;transition:all .3s ease;background:#667eea05}.upload-area:hover{border-color:#667eea80;background:#667eea0d}.upload-icon{font-size:3rem;margin-bottom:15px}.upload-area p{margin:8px 0;color:var(--text-primary);font-size:1rem}.upload-hint{font-size:.9rem;color:var(--text-secondary)}.files-section{margin-bottom:30px}.files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.files-header h3{margin:0;font-size:1.2rem;color:var(--text-primary)}.clear-btn{padding:8px 16px;background:var(--error-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;transition:all .3s ease}.clear-btn:hover{background:#d32f2f;transform:translateY(-1px)}.files-list{max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff80}.file-item{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--border-light);transition:background .2s ease}.file-item:last-child{border-bottom:none}.file-item:hover{background:#667eea0d}.file-name{flex:1;font-size:.95rem;color:var(--text-primary);word-break:break-all}.file-size{font-size:.85rem;color:var(--text-secondary);margin:0 15px;min-width:80px;text-align:right}.remove-btn{padding:6px 12px;background:var(--error-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:all .3s ease}.remove-btn:hover{background:#d32f2f}.action-section{text-align:center;margin-bottom:20px}.encrypt-btn{padding:15px 40px;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.encrypt-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.encrypt-btn:disabled{opacity:.6;cursor:not-allowed}.progress-section{margin-bottom:20px}.progress-bar{width:100%;height:8px;background:#667eea1a;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:var(--primary-gradient);transition:width .3s ease}.progress-text{text-align:center;font-size:.9rem;color:var(--text-secondary);margin:0}.status-message{padding:12px 20px;border-radius:var(--radius-md);text-align:center;font-size:.95rem;margin-top:20px}.status-success{background:var(--success-bg);color:var(--success-color);border:1px solid var(--success-color)}.status-error{background:var(--error-bg);color:var(--error-color);border:1px solid var(--error-color)}.status-processing{background:var(--info-bg);color:var(--info-color);border:1px solid var(--info-color)}.results-section{margin-top:30px;margin-bottom:20px}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.results-header h3{margin:0;font-size:1.2rem;color:var(--text-primary)}.download-all-btn{padding:10px 20px;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.download-all-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.results-list{max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff80}.result-item{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid var(--border-light);transition:background .2s ease}.result-item:last-child{border-bottom:none}.result-item:hover{background:#667eea0d}.result-info{flex:1;display:flex;flex-direction:column;gap:5px}.result-name{font-size:.95rem;color:var(--text-primary);word-break:break-all}.result-size{font-size:.85rem;color:var(--text-secondary)}.download-btn{padding:8px 20px;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;transition:all .3s ease;white-space:nowrap}.download-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.tool-right-col .tool-zip-btn,.tool-right-col .tool-download-btn,.tool-right-col .tool-result-download{padding:.35rem .75rem;border-radius:6px;border:none;background:#000;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:transform .4s ease-out,box-shadow .4s ease-out;white-space:nowrap}.tool-right-col .tool-zip-btn:hover,.tool-right-col .tool-download-btn:hover,.tool-right-col .tool-result-download:hover{background:#000;color:#fff}.tool-options-row{display:flex;align-items:center;gap:15px;background:#ffffff80;padding:12px 20px;border-radius:var(--radius-md);border:1px solid var(--border-light);margin-bottom:0;width:100%;box-sizing:border-box}.filename-options-main{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem;color:var(--text-primary)}.filename-suffix-input{padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem;width:120px;transition:all .3s ease}.filename-suffix-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #667eea1a}.filename-suffix-input:disabled{background:var(--surface-hover);color:var(--text-secondary);cursor:not-allowed}.card-labeler{width:100%;max-width:100%;padding:0;min-height:480px;display:block;background:transparent;box-sizing:border-box;min-width:0}.card-labeler-container{width:100%;background:transparent;border-radius:0;padding:0;box-sizing:border-box;color:var(--text-primary);box-shadow:none}.card-labeler-error{margin-bottom:8px;padding:8px 10px;font-size:.85rem;border-radius:var(--radius-md);background:#c62828;color:#fff}.card-labeler-loading{padding:32px 0;text-align:center;font-size:.9rem;color:var(--text-secondary)}.card-labeler-body{border-radius:var(--radius-lg);background:var(--surface-color);padding:14px 14px 16px}.card-labeler-nav{display:flex;gap:8px;margin-bottom:10px}.subtool-nav-item{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#090b19f5;color:#d9dbff;font-size:13px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.subtool-nav-item .subtool-icon{font-size:14px}.subtool-nav-item.active{background:#000;border-color:transparent;color:#fff}.subtool-nav-item:not(.active):hover{border-color:#ffffff2e;transform:translateY(-1px)}.card-subpanel{display:flex;flex-direction:column;gap:10px}.card-manager-main{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1.2fr);gap:12px;align-items:flex-start;min-width:0}.card-manager-left{display:flex;flex-direction:column;min-width:0}.card-subpanel-title{margin:0;font-size:16px}.card-subpanel-desc{margin:0;font-size:12px;color:#a3a6c7}.card-upload-mode-row{margin-top:8px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:#d9dbff}.card-upload-mode-option{display:flex;align-items:center;gap:6px}.card-upload-group-name-row{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:12px}.card-upload-group-name-row input{flex:1;border-radius:999px;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);padding:6px 10px;font-size:12px}.card-upload-dropzone{margin-top:8px;border-radius:12px;border:1px dashed var(--primary-light);background:var(--primary-light);padding:16px;text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.card-upload-dropzone:hover{border-color:var(--primary-color);background:var(--primary-lighter)}.dropzone-icon{font-size:24px;margin-bottom:4px}.dropzone-text{font-size:13px;margin-bottom:4px}.dropzone-hint{font-size:11px;color:#8b8eb0}.card-upload-input-hidden{display:none}.card-upload-message{margin-top:10px;padding:6px 10px;font-size:12px;border-radius:8px}.card-upload-message.success{background:#2ecc7124;color:#2ecc71;border:1px solid rgba(46,204,113,.55)}.card-upload-message.error{background:#e74c3c29;color:#ff6b6b;border:1px solid rgba(231,76,60,.6)}.card-upload-summary{margin-top:6px;display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#c5c7e8}.card-upload-summary strong{color:#fff}.card-upload-pending-list{margin-top:10px;border-radius:10px;border:1px solid var(--primary-light);background:var(--primary-lighter);padding:8px 10px}.pending-list-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:4px}.pending-list-header .secondary-btn{font-size:11px;padding:4px 8px}.pending-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.04);font-size:12px}.pending-item:last-child{border-bottom:none}.pending-main{display:flex;gap:8px;align-items:center}.pending-name{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-size{color:#8b8eb0}.card-upload-actions{margin-top:10px;display:flex;justify-content:flex-end}.card-labeler .primary-btn,.card-labeler .secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;font-size:.9rem;font-weight:500;transition:var(--transition)}.card-labeler .primary-btn{background:var(--primary-gradient);color:var(--text-white);box-shadow:var(--shadow-sm)}.card-labeler .primary-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.card-labeler .primary-btn:hover:not(:disabled){box-shadow:var(--shadow-primary);transform:translateY(-1px)}.card-labeler .secondary-btn{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-light)}.card-labeler .secondary-btn:hover{background:var(--border-color)}.card-labeler .link-btn{border:none;background:transparent;color:var(--primary-color);font-size:.8rem;cursor:pointer;text-decoration:underline}.card-labeler .link-btn:disabled{opacity:.6;cursor:default;text-decoration:none}.card-labeler .danger-btn{border-radius:var(--radius-md);padding:8px 14px;border:1px solid var(--error-color);background:var(--error-bg);color:var(--error-color);cursor:pointer;font-size:.8rem}.card-labeler .danger-btn:disabled{opacity:.6;cursor:default}.card-manager-summary{margin-top:8px;display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#c5c7e8}.card-manager-header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:6px;font-size:12px}.card-manager-path{display:flex;align-items:center;gap:4px}.path-sep{color:#8b8eb0}.path-current{font-weight:500}.card-manager-search{display:flex;align-items:center;gap:6px}.card-manager-search input{min-width:160px;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);font-size:12px}.card-group-list{margin-top:4px;padding:6px 8px;border-radius:8px;background:var(--surface-color);border:1px solid var(--border-color)}.card-group-list-header{font-size:12px;color:#a3a6c7;margin-bottom:4px}.card-group-item{font-size:12px}.card-manager-progress{margin-top:6px;display:flex;align-items:center;gap:8px;font-size:11px}.progress-bar{flex:1;height:10px;border-radius:999px;background:#ffffff0f;border:1px solid var(--border-light);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#4f8cff,#6d5dfc)}.progress-text{color:#a3a6c7}.card-manager-actions{margin-top:10px;display:flex;gap:10px}.card-manager-table-wrapper{margin-top:10px;border-radius:10px;border:1px solid rgba(255,255,255,.06);overflow:hidden;min-width:0}.card-manager-table{width:100%;border-collapse:collapse;font-size:12px}.card-manager-table thead{background:var(--surface-hover)}.card-manager-table th,.card-manager-table td{padding:6px 8px;text-align:left;border-bottom:1px solid rgba(255,255,255,.04)}.card-manager-name{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-manager-empty{text-align:center;padding:14px 8px;color:#8b8eb0}.card-code-panel{margin-top:12px;border-radius:10px;border:1px solid var(--border-color);padding:8px 10px 10px;background:var(--surface-color);min-width:0;max-width:100%;box-sizing:border-box}.card-code-panel .card-manager-table-wrapper{margin-top:8px}.card-code-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.card-code-panel-title{font-size:13px;font-weight:500}.card-code-panel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.card-code-table .card-manager-name{max-width:220px}.card-code-row-disabled{opacity:.5}.card-strategy-panel{border-radius:10px;border:1px solid var(--border-color);padding:8px 10px 10px;background:var(--surface-color);min-height:120px;min-width:0;max-width:100%;box-sizing:border-box}.card-strategy-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.card-strategy-item{margin:0;padding:0}.card-strategy-row{display:flex;align-items:center;gap:6px}.card-strategy-edit-form{display:flex;flex-direction:column;gap:6px;width:100%}.card-strategy-edit-input{width:100%;padding:4px 8px;border-radius:999px;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);font-size:12px}.card-strategy-edit-actions{display:flex;gap:6px}.card-strategy-btn{width:100%;justify-content:flex-start;flex-direction:column;align-items:flex-start;padding:6px 8px;font-size:12px;gap:2px}.card-strategy-name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-strategy-meta{display:flex;gap:8px;font-size:11px;color:#a3a6c7}.card-generate-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;font-size:12px}.card-generate-form label{display:flex;flex-direction:column;gap:4px;min-width:140px;flex:1}.card-generate-form input{padding:4px 8px;border-radius:999px;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);font-size:12px}.card-generate-actions{display:flex;gap:8px;margin-top:6px}.card-storage-stats{margin-top:8px;display:flex;gap:12px;flex-wrap:wrap}.stat-block{min-width:100px;padding:8px 10px;border-radius:8px;background:var(--primary-lighter)}.stat-label{display:block;font-size:11px;color:#8b8eb0}.stat-value{display:block;font-size:13px;margin-top:2px}.card-storage-actions{margin-top:10px;display:flex;gap:10px}.card-storage-note{margin-top:10px;font-size:11px;color:#8b8eb0}@media (max-width: 768px){.card-labeler-container{padding:12px 10px;border-radius:var(--radius-lg);max-width:100%;box-sizing:border-box}.card-labeler-body{padding:12px 10px 14px}.card-labeler-nav{flex-direction:column}.subtool-nav-item{width:100%;justify-content:center}.card-labeler-header{flex-direction:column;align-items:flex-start}.card-manager-main{grid-template-columns:minmax(0,1fr);gap:14px}.card-strategy-panel{order:2}.card-manager-left{order:1}.card-manager-header{flex-wrap:wrap;align-items:flex-start;gap:8px}.card-manager-path{flex:1 1 100%;min-width:0;flex-wrap:wrap;row-gap:4px}.card-manager-search{flex:1 1 100%;min-width:0}.card-manager-search input{min-width:0;flex:1;width:100%;max-width:100%}.card-manager-actions{flex-wrap:wrap}.card-manager-table-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.card-manager-table{min-width:520px}.card-code-panel-header,.card-code-panel-toolbar{flex-wrap:wrap;gap:8px;align-items:flex-start}.card-generate-form{flex-direction:column}.card-generate-form label{min-width:0;width:100%;flex:1 1 auto}.card-manager-name,.pending-name{max-width:min(140px,40vw)}.card-code-table .card-manager-name{max-width:min(180px,45vw)}}.simple-labeler{padding:0;max-width:1200px;margin:0 auto;background:transparent;min-height:100%}.labeler-header{border-bottom:1px solid var(--border-light);padding-bottom:12px;margin-bottom:16px}.labeler-header h2{margin:0;font-size:1.4rem;color:var(--text-primary)}.simple-labeler .section{background:transparent;border:none;box-shadow:none;padding:0 0 8px}.section h3{font-size:1rem;margin:0 0 12px;color:var(--text-primary);padding:0;border:none}.labeler-right .section h3{color:#fff}.simple-labeler .tool-section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;padding:0;border:none}.upload-icon{display:none}.upload-text{font-size:.9rem;color:var(--text-secondary)}.upload-hint{margin-top:.35rem;font-size:.85rem;color:var(--text-tertiary)}.file-input{display:none}.selected-file{margin-top:10px;padding:.6rem .9rem;border-radius:999px;background:#e0e0e0;border:none;font-size:.85rem;display:flex;justify-content:space-between;gap:10px;color:#000}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#666}.input-mode-tabs{display:flex;gap:8px;margin-bottom:8px}.input-mode-tabs .tab{flex:1;padding:6px 8px;border-radius:var(--radius-md);border:1px solid #ccc;background:#f7f7f7;color:#000;font-size:.85rem;cursor:pointer;transition:transform .4s ease-out,box-shadow .4s ease-out,background .25s ease,color .25s ease,border-color .25s ease;box-shadow:none}.input-mode-tabs .tab.active{background:#000;color:#fff;border-color:#000;box-shadow:0 2px 6px #00000040,0 -1px 3px #ffffffb3}.input-mode-tabs .tab:active{transform:scale(.91);box-shadow:0 0 16px #00000080}.label-text-area textarea{width:100%;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border-color);font-size:.85rem;resize:vertical}.label-text-area{position:relative}.label-text-area textarea{padding-bottom:1.6rem}.label-count{position:absolute;right:10px;bottom:6px;font-size:.75rem;color:var(--text-secondary);pointer-events:none}.label-excel-area .excel-hint{font-size:.8rem;color:var(--text-secondary);margin-bottom:8px}.label-excel-area .btn-secondary{background:#000;color:#fff;border-color:#000;transition:transform .4s ease-out,box-shadow .4s ease-out,background .25s ease,color .25s ease,border-color .25s ease}.label-excel-area .btn-secondary:hover{background:#000;color:#fff}.label-excel-area .btn-secondary:active{transform:scale(.91);box-shadow:0 0 16px #00000080}.excel-file-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.excel-file-count{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.btn-secondary,.primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem 1.1rem;border-radius:999px;border:1px solid transparent;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}.btn-secondary{background:#fff;color:#000;border-color:transparent}.btn-secondary:hover{background:#f5f5f5}.primary-btn{background:transparent;color:#fff;border-color:#fff;box-shadow:none;min-width:9rem}.primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.primary-btn:hover:not(:disabled){background:#fff;color:#000}.progress-text{font-size:.85rem;color:var(--text-secondary);margin-bottom:6px}.status-message{padding:10px 12px;border-radius:var(--radius-md);font-size:.85rem}.status-success{background:var(--success-bg);color:var(--success-color)}.status-error{background:var(--error-bg);color:var(--error-color)}.status-processing{background:var(--info-bg);color:var(--info-color)}.result-summary{margin-top:8px;padding:0;border-radius:0;background:transparent;border:none;font-size:.85rem;color:#ddd}.filename-option-row{margin-bottom:8px}.filename-option{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary)}.filename-option input[type=checkbox]{width:14px;height:14px;border-radius:50%;border:1px solid #b0b0b0;background:transparent;appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;box-sizing:border-box;cursor:pointer}.filename-option input[type=checkbox]:checked{background:#000;border-color:#000}.generated-files{margin-top:10px;padding-top:8px;border-top:1px dashed #666;display:flex;flex-direction:column;gap:8px}.generated-files-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.generated-files-title{font-size:.9rem;font-weight:500}.generated-file-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-height:260px;overflow-y:auto}.generated-file-item{padding:.6rem 0;border-radius:0;background:transparent;border:none;border-bottom:1px dashed #666;display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:#fff}.generated-file-main{display:flex;align-items:center;gap:6px}.generated-file-index{color:var(--text-secondary);min-width:1.5em}.generated-file-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generated-file-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.generated-file-label{color:#b0b0b0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-small{padding:4px 10px;font-size:.8rem}.simple-labeler .process-btn{display:inline-block;padding:.75rem 2rem;font-size:1rem;font-weight:600;min-width:7.5rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:transform .4s ease-out,box-shadow .4s ease-out;background:#000;color:#fff;box-shadow:none}.simple-labeler .process-btn:hover:not(:disabled){background:#000;color:#fff}.simple-labeler .process-btn:active:not(:disabled){transform:scale(.91);box-shadow:0 0 16px #00000080}.simple-labeler .process-btn:disabled{background:var(--border-color);color:#fff;cursor:not-allowed;transform:none;box-shadow:none}.simple-labeler .tool-file-list-wrap{flex-direction:column;align-items:stretch;gap:0}.simple-labeler .tool-file-row{width:100%;gap:0}.labeler-input-panel{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.labeler-input-panel .tool-section-title{margin-bottom:.5rem}.labeler-options{margin-top:.5rem}.labeler-footer-layout{display:flex;gap:1rem;align-items:center;width:100%}.labeler-footer-layout .labeler-options,.labeler-footer-layout .labeler-footer-action{flex:1;min-width:0}.labeler-footer-action{display:flex;justify-content:flex-end;align-items:center}@media (max-width: 768px){.labeler-footer-layout{flex-direction:column;align-items:stretch}.labeler-footer-action{justify-content:stretch}}@media (max-width: 768px){.simple-labeler{padding:0}}.psd-splitter .psd-selected-hint{margin-top:.5rem;font-size:.8rem;color:var(--text-secondary);padding:.35rem 0;border-top:1px dashed var(--border-color)}.psd-splitter .psd-selected-meta{margin-left:.35rem;color:var(--text-tertiary)}.psd-splitter .tool-right-col .psd-split-row{align-items:center}.psd-splitter .tool-right-col .psd-split-main{display:flex;align-items:center;gap:.65rem;flex:1;min-width:0}.psd-splitter .tool-right-col .psd-split-thumb{width:48px;height:48px;object-fit:contain;flex-shrink:0;background:repeating-conic-gradient(#2a2a2a,#2a2a2a 25%,#1a1a1a 0%,#1a1a1a 50%) 50% / 8px 8px;border:1px solid #444;border-radius:4px}.psd-splitter .tool-right-col .result-meta{word-break:break-all}.user-toolbox .tool-detail{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:none;min-height:0}.user-toolbox .tool-detail-body{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;overflow-y:auto;overflow-x:hidden;padding:0}.tool-detail{flex:1;background:var(--surface-color);display:flex;flex-direction:column;min-height:0;box-shadow:none;border:1px solid var(--border-light)}.tool-detail-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:320px;color:#777;font-size:var(--font-xl);border:1px solid #dedede;border-radius:20px;background:#fff}.tool-detail-body{flex:1;min-height:0;padding:0;display:flex;flex-direction:column;background:transparent}.user-toolbox .tool-detail-body>*{width:100%}.user-toolbox .bds-bdi-converter,.user-toolbox .simple-encryption,.user-toolbox .simple-labeler,.user-toolbox .float-replacer,.user-toolbox .slice-generator,.user-toolbox .audio-converter,.user-toolbox .ios-white-line-fixer,.user-toolbox .normal-foreground,.user-toolbox .package-replacer,.user-toolbox .material-extractor,.user-toolbox .simple-matting,.user-toolbox .material-segmentation,.user-toolbox .material-replacer,.user-toolbox .psd-splitter,.user-toolbox .one-click-matching,.user-toolbox .card-labeler,.user-toolbox .sticker-foreground,.user-toolbox .color-block-template,.user-toolbox .normal-mode-template,.user-toolbox .layer-mode-template{max-width:none;min-height:100%;padding:0;margin:0;background:transparent}@media (min-width: 769px){.user-toolbox .tool-preview-layout{min-height:100%;display:grid;grid-template-columns:minmax(300px,.96fr) minmax(360px,1.14fr);gap:clamp(1rem,2vw,1.5rem);align-items:stretch}}.user-toolbox .tool-left-col,.user-toolbox .tool-right-col-wrap,.user-toolbox .section-container,.user-toolbox .tool-section,.user-toolbox .panel,.user-toolbox .upload-section,.user-toolbox .results-section,.user-toolbox .matching-container,.user-toolbox .card-labeler-container,.user-toolbox .card-subpanel,.user-toolbox .card-code-panel,.user-toolbox .card-strategy-panel,.user-toolbox .redeem-view-card{border:1px solid #dedede;border-radius:20px;background:#fff;box-shadow:none}.user-toolbox .tool-left-col,.user-toolbox .tool-right-col-wrap{min-width:0;display:flex;flex-direction:column;overflow:hidden}.user-toolbox .tool-left-col{padding:clamp(1rem,2vw,1.35rem);background:transparent;border-color:transparent}.user-toolbox .tool-right-col-wrap{background:#111;color:#fff;border-color:#111;position:relative}.user-toolbox .tool-right-col-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.1rem .85rem;border-bottom:1px solid #333333}.user-toolbox .tool-right-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;min-width:0}.user-toolbox .tool-right-header-actions .tool-status-message:empty{display:none}.user-toolbox .bds-bdi-converter .tool-right-header-actions .tool-status-message{max-width:16rem;padding:0;border:none;background:transparent;color:#dcdcdc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-toolbox .tool-right-col{flex:1;min-height:0;padding:1rem 1.1rem 1.1rem;overflow-y:auto}.user-toolbox .tool-section-title,.user-toolbox .tool-left-col h2,.user-toolbox .section-container h2,.user-toolbox .tool-section h2,.user-toolbox .panel-header h2{margin:0 0 1rem;padding:0 0 .75rem;border-bottom:1px solid #e0e0e0;color:#050505;font-size:var(--font-tool-section);font-weight:700;letter-spacing:-.02em}.user-toolbox .tool-right-col-wrap .tool-section-title,.user-toolbox .tool-right-col-wrap h2,.user-toolbox .tool-right-col-wrap h3{color:#fff;border-color:#333}.user-toolbox .tool-status-message,.user-toolbox .status-message{border:1px solid #d8d8d8;border-radius:999px;background:#fff;color:inherit;box-shadow:none}.user-toolbox .file-drop-area,.user-toolbox .tool-upload-area,.user-toolbox .upload-area,.user-toolbox .font-upload-area,.user-toolbox .card-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;min-height:138px;padding:1.35rem 1rem;border:1px dashed #050505;border-radius:20px;background:transparent;text-align:center;box-shadow:none;transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}.user-toolbox .file-drop-area:hover,.user-toolbox .tool-upload-area:hover,.user-toolbox .upload-area:hover,.user-toolbox .font-upload-area:hover,.user-toolbox .card-upload-dropzone:hover,.user-toolbox .file-drop-area.dragover,.user-toolbox .file-drop-area.drag-over,.user-toolbox .tool-upload-area.drag-over,.user-toolbox .upload-area.drag-over,.user-toolbox .card-upload-dropzone.drag-over{border-color:#050505;background:transparent;box-shadow:none;transform:translateY(-2px)}.user-toolbox :is(.file-drop-area,.tool-upload-area,.upload-area,.font-upload-area,.card-upload-dropzone) :is(.upload-icon,.font-upload-icon,.dropzone-icon){display:none}.user-toolbox :is(.file-drop-area,.tool-upload-area,.upload-area,.font-upload-area,.card-upload-dropzone) p{margin:0;color:#666;font-size:var(--font-body);line-height:1.28}.user-toolbox :is(.file-drop-area,.tool-upload-area,.upload-area,.font-upload-area,.card-upload-dropzone) :is(.file-types,.tool-upload-format,.dropzone-hint){color:#666;font-size:var(--font-small)}.user-toolbox :is(.file-drop-area,.tool-upload-area,.upload-area,.font-upload-area,.card-upload-dropzone):not(:has(button,.browse-btn,.tool-upload-btn))>p:first-of-type,.user-toolbox .card-upload-dropzone .dropzone-text{display:inline-flex;align-items:center;justify-content:center;min-width:4.6rem;min-height:2rem;margin:0;padding:.28rem .85rem;border:1px solid #050505;border-radius:10px;background:#050505;color:#fff;font-size:var(--font-body);font-weight:700;line-height:1}.user-toolbox :is(.file-drop-area,.tool-upload-area,.upload-area,.font-upload-area,.card-upload-dropzone) :is(button,.browse-btn,.tool-upload-btn){min-width:4.6rem;min-height:2rem;margin:0;padding:.28rem .85rem;font-size:var(--font-body);line-height:1}.user-toolbox .toolbox-main button,.user-toolbox .btn,.user-toolbox .process-btn,.user-toolbox .tool-upload-btn,.user-toolbox .tool-zip-btn,.user-toolbox .tool-result-download,.user-toolbox .tool-download-btn,.user-toolbox .download-btn,.user-toolbox .browse-btn,.user-toolbox .toggle-btn{border-radius:8px;border:1px solid #050505;background:#050505;color:#fff;box-shadow:none;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease}.user-toolbox :is(.process-btn,.tool-zip-btn,.tool-result-download,.tool-download-btn,.download-btn,.btn-success,.btn-primary){width:auto;max-width:none;min-width:5.5rem;min-height:2.15rem;padding:.42rem .9rem;border-radius:8px;font-size:var(--font-body);line-height:1.1}.user-toolbox .process-btn{min-width:7rem;max-width:10rem;font-weight:700}.user-toolbox .toolbox-main button:hover:not(:disabled),.user-toolbox .btn:hover:not(:disabled),.user-toolbox .process-btn:hover:not(:disabled),.user-toolbox .tool-upload-btn:hover:not(:disabled),.user-toolbox .tool-zip-btn:hover:not(:disabled),.user-toolbox .tool-result-download:hover:not(:disabled),.user-toolbox .tool-download-btn:hover:not(:disabled),.user-toolbox .download-btn:hover:not(:disabled),.user-toolbox .browse-btn:hover:not(:disabled),.user-toolbox .toggle-btn:hover:not(:disabled){background:#fff;color:#050505;box-shadow:none;transform:translateY(-2px)}.user-toolbox .toolbox-main button:disabled,.user-toolbox .btn:disabled,.user-toolbox .process-btn:disabled{background:#cfcfcf;color:#fff;box-shadow:none;cursor:not-allowed}.user-toolbox :is(.file-drop-area,.tool-upload-area,.upload-area,.font-upload-area,.card-upload-dropzone) :is(button,.browse-btn,.tool-upload-btn),.user-toolbox :is(.file-drop-area,.tool-upload-area,.upload-area,.font-upload-area,.card-upload-dropzone):not(:has(button,.browse-btn,.tool-upload-btn))>p:first-of-type,.user-toolbox .card-upload-dropzone .dropzone-text{border-radius:10px}.user-toolbox .toolbox-main input,.user-toolbox .toolbox-main textarea,.user-toolbox .toolbox-main select{border:1px solid #d0d0d0;border-radius:14px;background:#fff;color:#050505;outline:none;box-shadow:none}.user-toolbox .toolbox-main input:focus,.user-toolbox .toolbox-main textarea:focus,.user-toolbox .toolbox-main select:focus{border-color:#050505;box-shadow:0 0 0 2px #00000014}.user-toolbox .toolbox-main input[type=file],.user-toolbox .toolbox-main .file-input,.user-toolbox .toolbox-main .file-input-hidden,.user-toolbox .toolbox-main .card-upload-input-hidden{display:none!important}.user-toolbox .tool-file-list-wrap,.user-toolbox .tool-file-slot,.user-toolbox .selected-file,.user-toolbox .files-list,.user-toolbox .file-list,.user-toolbox .result-item,.user-toolbox .tool-result-row,.user-toolbox .generated-file-item,.user-toolbox .control-group,.user-toolbox .mode-selector,.user-toolbox .progress-container,.user-toolbox .batch-stats,.user-toolbox .file-info{border:1px solid #e0e0e0;border-radius:18px;background:#fff;box-shadow:none}.user-toolbox .tool-file-list-wrap{margin-top:.85rem;padding:0;border:none;background:transparent}.user-toolbox .tool-file-list-wrap:has(.tool-file-slot.empty:only-child),.user-toolbox .tool-file-list-wrap:has(.tool-file-slot.empty:only-child)+.tool-file-list-wrap{display:none}.user-toolbox .tool-file-slots{display:flex;flex-direction:column;gap:.55rem}.user-toolbox .tool-file-row{display:flex;align-items:stretch;gap:.45rem;width:100%}.user-toolbox .tool-file-slot{flex:1;min-width:0;display:flex;align-items:center;min-height:2.35rem;padding:.45rem .75rem;border:1px solid #050505;border-radius:12px;background:transparent}.user-toolbox .tool-file-slot-main{min-width:0;display:flex;flex-direction:column;gap:.12rem}.user-toolbox .slot-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#050505;font-size:var(--font-body);font-weight:600}.user-toolbox .slot-meta{color:#666;font-size:var(--font-caption)}.user-toolbox .tool-delete-btn{flex:0 0 auto;min-width:3.8rem;min-height:2.35rem;padding:.35rem .7rem;border:1px solid #050505;border-radius:12px;background:transparent;color:#050505;font-size:var(--font-small);font-weight:700}.user-toolbox .tool-delete-btn:hover:not(:disabled){background:#050505;color:#fff;transform:none}.user-toolbox .tool-left-col-footer{display:flex;justify-content:center;margin-top:1rem}.user-toolbox .tool-left-progress-bar,.user-toolbox .progress-bar{overflow:hidden;border-radius:999px;background:#e4e4e4}.user-toolbox .tool-left-progress-fill,.user-toolbox .progress-fill{background:#050505}.user-toolbox .app-container,.user-toolbox .container,.user-toolbox .matching-container,.user-toolbox .card-labeler-container{width:100%;max-width:none;margin:0;background:transparent;border:none;box-shadow:none}@media (min-width: 769px){.user-toolbox .main-content{display:grid;grid-template-columns:minmax(300px,.96fr) minmax(360px,1.14fr);gap:clamp(1rem,2vw,1.5rem);padding:0;margin:0;width:100%}}.user-toolbox .left-column,.user-toolbox .right-column{min-width:0}.user-toolbox .preview-section,.user-toolbox .right-column .section-container,.user-toolbox .right-column,.user-toolbox .layer-mode-template .main-content>.panel:nth-child(2){background:#111;color:#fff;border-color:#111}.user-toolbox .preview-section h2,.user-toolbox .right-column h2,.user-toolbox .right-column h3,.user-toolbox .layer-mode-template .main-content>.panel:nth-child(2) h2{color:#fff;border-color:#333}.user-toolbox .template-card,.user-toolbox .image-box,.user-toolbox .folder-section,.user-toolbox .collapsible-section,.user-toolbox .layer-item,.user-toolbox .card-redeem-container{border:1px solid #e0e0e0;border-radius:18px;background:#fff;box-shadow:none}.tool-detail-section{margin-bottom:2rem}.tool-detail-section h3{font-size:var(--font-2xl);font-weight:600;color:var(--text-primary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid rgba(224,224,224,.3)}.tool-detail-section p{font-size:var(--font-large);line-height:1.6;color:var(--text-secondary)}.tool-detail-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(224,224,224,.3)}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;font-size:var(--font-large);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.btn-primary{background:#050505;color:var(--text-white);border:1px solid #050505;box-shadow:none}.btn-primary:hover{transform:translateY(-2px);background:#fff;color:#050505;box-shadow:none}.btn-secondary{background-color:var(--surface-hover);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color)}.tool-detail-body::-webkit-scrollbar{width:4px}.tool-detail-body::-webkit-scrollbar-track{background:transparent}.tool-detail-body::-webkit-scrollbar-thumb{background:#000;border-radius:4px}.tool-detail-body::-webkit-scrollbar-thumb:hover{background:#000}@media (max-width: 768px){.tool-detail-body{padding:0}.user-toolbox .tool-left-col,.user-toolbox .tool-right-col-wrap,.user-toolbox .section-container,.user-toolbox .tool-section,.user-toolbox .panel{border-radius:20px}.tool-detail-section h3{font-size:var(--font-large)}}.redeem-view{width:100%;height:100%;padding:0;background:transparent;overflow-y:auto;display:flex;flex-direction:column}.redeem-view-inner{max-width:1000px;margin:0 auto;padding:1.5rem;background:transparent;border-radius:var(--radius-xl);box-shadow:none;border:none;flex:1;display:flex;flex-direction:column;min-height:min-content}.redeem-view-msg{padding:10px 14px;border-radius:var(--radius-md);margin-bottom:1rem;font-weight:600;text-align:center}.redeem-view-msg.success{background:#e8e8e8;color:#111}.redeem-view-msg.error{background:#c62828;color:#fff}.redeem-view-points{font-size:var(--font-xl);color:var(--text-secondary);margin-bottom:.5rem}.redeem-view-points strong{color:var(--primary-color);font-size:var(--font-2xl)}.redeem-view-desc{color:var(--text-secondary);font-size:var(--font-large);margin:0 0 1.5rem}.redeem-view-section{margin-bottom:2rem}.redeem-view-section:last-child{margin-bottom:0}.redeem-view-section-title{font-size:var(--font-xl);font-weight:600;color:var(--primary-color);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light)}.redeem-view-tool-preview{background:#ffffff80;align-items:flex-start;justify-content:flex-start;padding:.75rem}.redeem-view-tool-preview .redeem-view-card-icon{font-size:var(--font-display)}.redeem-view-tool-header{display:flex;align-items:flex-start;gap:.5rem;width:100%}.redeem-view-tool-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.redeem-view-tool-info .redeem-view-card-name{margin:0;font-size:var(--font-xl)}.redeem-view-tool-brief{margin:0;font-size:var(--font-small);line-height:1.4;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.redeem-view-loading,.redeem-view-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.redeem-view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.redeem-view-card-wrap{perspective:1000px;height:340px}.redeem-view-card-inner{position:relative;width:100%;height:340px;transition:transform .5s ease;transform-style:preserve-3d}.redeem-view-card-flipped .redeem-view-card-inner{transform:rotateY(180deg)}.redeem-view-card-front,.redeem-view-card-back{position:absolute;left:0;top:0;width:100%;height:340px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.redeem-view-card-back{transform:rotateY(180deg);background:var(--surface-color);display:flex;align-items:stretch}.redeem-view-card-back-body{padding:1rem;width:100%;height:100%;display:flex;flex-direction:column;gap:.75rem;box-sizing:border-box}.redeem-view-card-back-label{font-size:var(--font-small);color:var(--text-secondary);margin:0}.redeem-view-card-back-url{font-size:var(--font-medium);line-height:1.5;word-break:break-all;color:var(--text-primary);background:#0000000d;padding:12px 14px;border-radius:var(--radius-sm);min-height:120px;max-height:200px;overflow-y:auto;flex:1}.redeem-view-card-back-hint{font-size:var(--font-medium);color:var(--text-secondary);margin:0;flex:1}.redeem-view-card-back-footer{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.redeem-view-card-front.redeem-view-card,.redeem-view-card-back.redeem-view-card{display:flex;flex-direction:column}.redeem-view-card{background:var(--surface-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:box-shadow .2s ease,transform .6s ease,opacity .6s ease}.redeem-view-card-wrap:not(.redeem-view-card-flipped) .redeem-view-card-front:hover{box-shadow:var(--shadow-md)}.redeem-view-tool-card-flip-out{transform-origin:center right;animation:redeem-view-tool-flip-out .6s forwards}@keyframes redeem-view-tool-flip-out{0%{transform:rotateY(0);opacity:1}to{transform:rotateY(90deg);opacity:0}}.redeem-view-card-preview{flex:0 0 140px;height:140px;background:repeating-conic-gradient(#f2f2f2 0% 25%,transparent 0% 50%) 50% / 18px 18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.redeem-view-card-preview img{width:100%;height:100%;object-fit:contain}.redeem-view-card-icon{font-size:var(--font-display)}.redeem-view-card-body{flex:1;min-height:0;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.redeem-view-card-name{font-size:var(--font-large);font-weight:600;color:var(--text-primary);margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.redeem-view-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:var(--font-small);color:var(--text-secondary)}.redeem-view-card-cost{color:var(--primary-color);font-weight:600}.redeem-view-card-btn{width:100%;padding:8px 14px;background:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-body);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.redeem-view-card-btn:hover:not(:disabled){background:var(--secondary-color)}.redeem-view-card-btn:focus{outline:none}.redeem-view-card-btn:focus-visible,.redeem-view-card-btn:active{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.redeem-view-card-btn:disabled{background:var(--border-color);cursor:not-allowed}.redeem-view-card-btn:disabled:focus-visible,.redeem-view-card-btn:disabled:active{transform:none;box-shadow:none}.redeem-view-card-btn-view{background:linear-gradient(135deg,#2d2d2d,#111)!important;color:#fff!important;font-size:var(--font-medium);min-height:36px;border:none}.redeem-view-card-btn-view:hover,.redeem-view-card-btn-view:focus,.redeem-view-card-btn-view:focus-visible,.redeem-view-card-btn-view:active,.redeem-view-card-btn-view:visited{background:linear-gradient(135deg,#4f46e5,#6d28d9)!important;color:#fff!important}.redeem-view-card-btn-view:focus-visible,.redeem-view-card-btn-view:active{transform:translateY(-3px);box-shadow:0 4px 12px #6366f159}.redeem-view-card-btn-back{background:#00000014!important;color:#1a1a1a!important}.redeem-view-card-btn-back:hover,.redeem-view-card-btn-back:focus,.redeem-view-card-btn-back:focus-visible,.redeem-view-card-btn-back:active,.redeem-view-card-btn-back:visited{background:#0000001f!important;color:#1a1a1a!important}.redeem-view-card-btn-back:focus-visible,.redeem-view-card-btn-back:active{transform:translateY(-3px);box-shadow:0 4px 12px #0000001f}@media (max-width: 768px){.redeem-view-inner{padding:1rem}.redeem-view-section-title{font-size:var(--font-large)}.redeem-view-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.redeem-view-card-wrap,.redeem-view-card-inner,.redeem-view-card-front,.redeem-view-card-back{height:300px}.redeem-view-card-preview{flex:0 0 100px;height:100px}.redeem-view-card-name{font-size:var(--font-medium)}}@media (max-width: 480px){.redeem-view-inner{padding:.75rem}.redeem-view-points{font-size:var(--font-large)}.redeem-view-grid{grid-template-columns:1fr;gap:.75rem}.redeem-view-card-wrap,.redeem-view-card-inner,.redeem-view-card-front,.redeem-view-card-back{height:280px}.redeem-view-card-preview{flex:0 0 90px;height:90px}}.user-toolbox{display:flex;flex-direction:row;height:100vh;min-height:0;background:linear-gradient(145deg,#dfe3e8,#e8eaef,#eceef2 70%,#e2e5ea);box-sizing:border-box}.toolbox-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;padding:1rem .75rem;box-sizing:border-box;gap:1rem;min-height:0}.sidebar-main-buttons{display:flex;flex-direction:column;gap:.6rem;flex-shrink:0;width:88%;margin:0 auto}.sidebar-main-buttons .sidebar-account-row,.sidebar-main-buttons .sidebar-button{width:100%}.sidebar-account-row{display:flex;align-items:stretch;border-radius:var(--radius-lg);border:none;border-bottom:1px dashed var(--border-light);overflow:hidden;background:#000;color:#fff}.sidebar-account-main{flex:2;padding:.6rem .75rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-width:0}.sidebar-account-line-top{font-size:var(--font-medium);font-weight:600;color:#fff}.sidebar-account-line-bottom{font-size:var(--font-small);margin-top:.1rem;color:#fff}.sidebar-account-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%}.sidebar-account-line-bottom:empty{display:none}.sidebar-account-full-mobile{display:none}.sidebar-account-value{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout-inline{flex:1;border:none;border-left:1px dashed var(--border-light);background:#000;font-size:var(--font-small);cursor:pointer;padding:.6rem .5rem;display:flex;align-items:center;justify-content:center;white-space:nowrap;color:#fff}.sidebar-logout-inline:hover{background:#111}.sidebar-button{border-radius:var(--radius-lg);border:none;border-bottom:1px dashed var(--border-light);padding:.6rem .75rem;font-size:var(--font-large);font-weight:600;text-align:center;cursor:default;box-sizing:border-box;background:#fff;box-shadow:0 2px 6px #0000001f}.sidebar-button-primary{cursor:pointer;background:#000;color:#fff;border-bottom:1px dashed var(--border-light)}.sidebar-button-primary:hover{background:#111}.sidebar-button-primary:active,.sidebar-button-primary:focus-visible{background:transparent;color:#000;border:none;box-shadow:inset 0 0 0 2px #000}.sidebar-button-primary-active{background:transparent;color:#000;border:none;box-shadow:inset 0 0 0 2px #000}.sidebar-tool-list-toggle{display:none}.sidebar-button-label{font-size:var(--font-small);opacity:.8}.sidebar-button-value{margin-top:.15rem;font-size:var(--font-medium);word-break:break-all}.sidebar-points-line{font-size:var(--font-medium);font-weight:600}.sidebar-main-buttons .sidebar-button{margin-top:0}.sidebar-tool-list-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sidebar-tool-list-wrapper .tool-list{flex:1;min-height:0;width:100%;height:auto}.toolbox-main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;margin:.75rem .75rem .75rem 0;overflow:hidden;border:none;border-radius:0;background:transparent;box-shadow:none}.toolbox-header{display:flex;align-items:center;padding:1rem 1.25rem .75rem;min-height:70px;box-sizing:border-box;background:transparent;border-bottom:none;box-shadow:none;flex-shrink:0}.toolbox-header-left{display:flex;flex-direction:row;gap:.75rem;justify-content:flex-start;align-items:center;flex-wrap:wrap;min-width:0}.current-tool-label{font-size:var(--font-small);opacity:.85;color:var(--text-secondary)}.current-tool-name{font-size:var(--font-tool-title);font-weight:700;letter-spacing:-.03em;color:#050505;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.toolbox-header-center{height:0}.tool-brief-inline{font-size:var(--font-body);flex:1;min-width:0;max-width:38rem;text-align:left;line-height:1.4;max-height:1.6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;justify-self:end;padding:0;border:none;border-radius:0;background:transparent}.toolbox-header-right{display:none}.toolbox-content{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;padding:0 1.25rem 1.25rem;overflow:hidden}.redeem-panel{flex:1;padding:2rem;overflow-y:auto;box-sizing:border-box}.redeem-title{font-size:var(--font-page-title);font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.redeem-subtitle{font-size:var(--font-medium);color:var(--text-secondary);margin:0 0 1.5rem}.redeem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.redeem-card{background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-light);padding:.9rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:none}.redeem-card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.redeem-icon{font-size:var(--font-card-icon)}.redeem-info{flex:1;min-width:0}.redeem-name{font-size:var(--font-large);font-weight:600;color:var(--text-primary);margin-bottom:.2rem}.redeem-cost{font-size:var(--font-small);color:var(--text-secondary)}.redeem-cost span{font-weight:600;color:var(--primary-color)}.redeem-actions{display:flex;justify-content:flex-end}.redeem-panel .btn-primary{padding:.45rem 1rem;background:#000;color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-body);font-weight:600;cursor:pointer;transition:var(--transition)}.redeem-panel .btn-primary:hover:not(:disabled){background:#111}.redeem-panel .btn-primary:disabled{opacity:.45;cursor:not-allowed}.redeem-empty{padding:2rem;text-align:center;color:var(--text-tertiary);grid-column:1 / -1}.toolbox-content::-webkit-scrollbar,.redeem-panel::-webkit-scrollbar{width:1px;height:1px}.toolbox-content::-webkit-scrollbar-track,.redeem-panel::-webkit-scrollbar-track{background:transparent}.toolbox-content::-webkit-scrollbar-thumb,.redeem-panel::-webkit-scrollbar-thumb{background:#000;border-radius:3px}@media (max-width: 768px){.user-toolbox{flex-direction:column}.toolbox-sidebar{width:100%;padding:.22rem .28rem .14rem;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;gap:.28rem;position:sticky;top:0;z-index:20;background:transparent;flex-shrink:0;font-size:var(--font-mobile-topbar)}.sidebar-account-row,.sidebar-button{border-radius:10px;box-shadow:0 1px 3px #0f172a14,0 2px 8px #0f172a0f}.sidebar-button{font-weight:600;border-bottom:none}.sidebar-main-buttons .sidebar-account-row,.sidebar-main-buttons .sidebar-button{width:auto;max-width:none}.sidebar-main-buttons{flex-direction:row;flex-wrap:wrap;gap:.14rem;flex:0 1 auto;width:100%;max-width:100%;margin:0 auto;justify-content:center;align-items:stretch;align-content:center;overflow-x:visible;overflow-y:visible;font-size:inherit}.sidebar-main-buttons .sidebar-account-row{flex:0 1 auto;min-width:min(100%,max-content);max-width:100%;width:auto;height:auto;min-height:1.56rem;max-height:none;align-items:stretch}.sidebar-account-main{flex:0 1 auto;min-width:min-content;max-width:100%;padding:.18rem .42rem;justify-content:center}.sidebar-account-stack{display:none}.sidebar-account-full-mobile{display:block;font-weight:600;color:#fff;line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word;width:max-content;max-width:100%;margin:0 auto;font-size:inherit}.sidebar-logout-inline{font-size:inherit;padding:0 .28rem;flex:0 0 auto}.sidebar-main-buttons .sidebar-button{flex:0 0 auto;min-height:1.56rem;height:auto;padding:0 .28rem;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-bottom:none;font-size:inherit}.sidebar-button-label{display:none}.toolbox-sidebar .sidebar-main-buttons .sidebar-button-value,.toolbox-sidebar .sidebar-main-buttons .sidebar-points-line{font-size:inherit;margin-top:0}.sidebar-tool-list-wrapper{width:100%;flex:1 1 100%;height:0;min-height:0;position:relative;overflow:visible}.sidebar-tool-list-toggle{display:inline-flex;align-items:center;justify-content:center}.toolbox-header{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:.42rem .65rem;min-height:auto;gap:.35rem;background:transparent;font-size:var(--font-mobile-topbar);text-align:center}.toolbox-header-left{flex-wrap:nowrap;flex:1;min-width:0;justify-content:center;width:100%}.current-tool-name{font-size:inherit;font-weight:700;letter-spacing:normal;text-align:center;width:100%;white-space:normal;overflow:visible;text-overflow:unset}.tool-brief-inline{display:none}.toolbox-main{margin:.35rem 0 0;border-radius:0;background:transparent}.toolbox-content{padding:0 .65rem .65rem;background:transparent}.user-toolbox .tool-detail{background:transparent;border:none;box-shadow:none}.user-toolbox .tool-detail-empty{background:transparent;border:none}.redeem-panel{padding:1.25rem 1rem}}@media (max-width: 480px){.redeem-grid{grid-template-columns:1fr}}.card-redeem-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;padding:2rem;box-sizing:border-box}.card-redeem-container{width:100%;max-width:420px;background:var(--surface-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:3rem;box-sizing:border-box;color:var(--text-primary);border:1px solid var(--border-light);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:transform .5s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d}.card-redeem-container:hover{animation:cardSway .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cardSway{0%{transform:perspective(800px) rotateX(0) rotateY(0)}15%{transform:perspective(800px) rotateX(-3deg) rotateY(4deg)}30%{transform:perspective(800px) rotateX(2deg) rotateY(-5deg)}45%{transform:perspective(800px) rotateX(-1deg) rotateY(2deg)}60%{transform:perspective(800px) rotateX(1deg) rotateY(-1deg)}75%{transform:perspective(800px) rotateX(-.3deg) rotateY(.5deg)}to{transform:perspective(800px) rotateX(0) rotateY(0)}}.card-redeem-header{text-align:center;margin-bottom:2rem}.card-redeem-title{margin:0 0 .5rem;font-size:2rem;font-weight:600}.card-redeem-subtitle{margin:0;font-size:.95rem;color:var(--text-secondary)}.card-redeem-form{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:0}.card-redeem-form-group{display:flex;flex-direction:column;gap:.5rem}.card-redeem-form-group label{font-size:1rem;font-weight:500;color:var(--text-primary)}.card-redeem-textarea{width:100%;box-sizing:border-box;height:44px;min-height:44px;max-height:44px;padding:0 1rem;line-height:40px;border-radius:var(--radius-md);border:2px solid #b0b0b0;background:#fff;color:var(--text-primary);font-size:.95rem;font-family:inherit;resize:none;overflow:auto;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;scrollbar-width:none;-ms-overflow-style:none}.card-redeem-textarea::-webkit-scrollbar{display:none}.card-redeem-textarea::placeholder{color:#5d6180}.card-redeem-textarea:focus{border-color:#000;box-shadow:0 2px 12px #0000001f;background:#fff}.card-redeem-email-wrapper{display:flex;align-items:center;border-radius:var(--radius-md);border:2px solid #b0b0b0;background:#fff;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.card-redeem-email-wrapper:focus-within{border-color:#000;box-shadow:0 2px 12px #0000001f}.card-redeem-email-wrapper .card-redeem-email-input{flex:1;height:44px;padding:0 12px;border:none;background:transparent;color:var(--text-primary);font-size:14px;line-height:44px;outline:none;box-sizing:border-box}.card-redeem-email-wrapper .card-redeem-email-input::placeholder{color:#5d6180}.card-redeem-email-wrapper .card-redeem-email-suffix{padding:0 12px;height:44px;line-height:44px;background:var(--surface-hover);color:var(--text-secondary);font-size:14px;white-space:nowrap;border-left:1px solid #b0b0b0}.card-redeem-button{width:100%;padding:.875rem 1.5rem;background:#000;color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);margin-top:.25rem;box-shadow:0 2px 6px #0000002e}.card-redeem-container .card-redeem-button{font-size:16px}.card-redeem-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #00000040}.card-redeem-button:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 0 0 2px #000}.card-redeem-button:disabled{opacity:.6;cursor:not-allowed}.card-redeem-send-email{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text-secondary);cursor:pointer;margin-top:.25rem}.card-redeem-send-email input[type=checkbox]{width:16px;height:16px;cursor:pointer}.card-redeem-textarea:disabled,.card-redeem-email-wrapper .card-redeem-email-input:disabled{opacity:.7;cursor:not-allowed}.card-redeem-message{margin-bottom:16px;padding:8px 12px;border-radius:8px;font-size:13px}.card-redeem-message.success{background:#2ecc711f;color:#2ecc71;border:1px solid rgba(46,204,113,.45)}.card-redeem-message.error{background:#e74c3c24;color:#ff6b6b;border:1px solid rgba(231,76,60,.6)}.card-redeem-result{margin-top:8px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.08)}.card-redeem-result-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.card-redeem-result-header h2{margin:0;font-size:16px}.card-redeem-code{margin:4px 0 0;font-size:12px;color:#8d91b2}.card-redeem-zip-button{padding:6px 12px;border-radius:999px;border:1px solid var(--primary-light);background:var(--primary-gradient);color:var(--text-white);font-size:12px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.card-redeem-zip-button:hover{background:var(--primary-gradient);border-color:var(--primary-color)}.card-redeem-file-list{list-style:none;padding:0;margin:0;max-height:320px;overflow-y:auto}.card-redeem-file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;background:var(--surface-color);border:1px solid var(--border-light);margin-bottom:6px}.card-redeem-file-main{display:flex;flex-direction:column;gap:2px;min-width:0}.card-redeem-file-name{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.card-redeem-file-size{font-size:11px;color:#8d91b2}.card-redeem-file-download{padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#e4e5ff;font-size:12px;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.card-redeem-file-download:hover{background:#4f8cff1a;border-color:#4f8cffe6}@media (max-width: 640px){.card-redeem-container{padding:20px 16px 18px}.card-redeem-form{flex-direction:column}.card-redeem-button{width:100%}.card-redeem-file-name{max-width:200px}}:root{--primary-color: #111111;--primary-dark: #000000;--primary-gradient: linear-gradient(135deg, #2d2d2d 0%, #111111 55%, #000000 100%);--primary-light: rgba(0, 0, 0, .1);--primary-lighter: rgba(0, 0, 0, .04);--bg-color: #f5f5f5;--surface-color: rgba(255, 255, 255, .9);--surface-hover: rgba(243, 244, 246, .96);--border-color: rgba(156, 163, 175, .8);--border-light: rgba(209, 213, 219, .8);--text-primary: #111111;--text-secondary: #4b4b4b;--text-tertiary: #9e9e9e;--text-white: #ffffff;--success-color: #16a34a;--success-bg: rgba(31, 41, 55, .06);--error-color: #dc2626;--error-bg: rgba(31, 41, 55, .08);--info-color: #374151;--info-bg: rgba(31, 41, 55, .04);--warning-color: #6b7280;--warning-bg: rgba(31, 41, 55, .06);--shadow-sm: 0 4px 14px rgba(15, 23, 42, .06);--shadow-md: 0 12px 32px rgba(15, 23, 42, .1);--shadow-lg: 0 20px 48px rgba(15, 23, 42, .12);--shadow-primary: 0 12px 36px rgba(15, 23, 42, .14);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--transition: all .2s ease-out;--transition-slow: all .35s ease-out;--font-caption: .75rem;--font-small: .8125rem;--font-body: .875rem;--font-medium: .9375rem;--font-large: 1rem;--font-xl: 1.125rem;--font-2xl: 1.25rem;--font-page-title: 1.375rem;--font-card-icon: 1.5rem;--font-ui-icon: 1.25rem;--font-tool-title: clamp(1.125rem, 2vw, 1.625rem);--font-tool-section: clamp(1rem, 1.3vw, 1.125rem);--font-toolbar-compact: clamp(.6875rem, 2vw, .8125rem);--font-mobile-topbar: .8125rem;--font-display: 2.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-primary);font-size:var(--font-body);line-height:1.6}#root{width:100%;height:100vh}@media (max-width: 768px){.layer-template .control-group,.color-block-template .control-group,.layer-mode-template .control-group,.sticker-foreground .control-group,.slice-generator .control-group,.audio-converter .control-group,.normal-foreground .control-group,.simple-matting .control-group,.bds-bdi-converter .control-group{margin-bottom:10px;padding:10px 12px}.layer-template .slider-container,.layer-template .inner-cut-grid,.layer-template .size-control-grid{gap:6px;margin-bottom:10px}.color-block-template .control-row,.color-block-template .nine-patch-controls,.color-block-template .nine-patch-input,.color-block-template .stroke-group{gap:6px;margin-top:4px}.layer-mode-template .adjustment-item,.layer-mode-template .adjustment-controls,.layer-mode-template .control-group{gap:6px}.sticker-foreground .control-row,.sticker-foreground .text-position-controls,.sticker-foreground .text-style-controls{gap:6px;margin-top:4px}.slice-generator .control-group,.audio-converter .control-group{gap:6px}}