.sub-tool-bar{width:100%;margin-bottom:8px}.sub-tool-track{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.sub-tool-track::-webkit-scrollbar{display:none}.sub-tool-pill{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);white-space:nowrap;transition:var(--transition-spring);border-radius:20px;flex-shrink:0;align-items:center;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.sub-tool-pill:hover{color:var(--text-primary);border-color:var(--accent);background:var(--bg-hover)}.sub-tool-pill.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600;box-shadow:0 2px 8px #7d6ef34d}.image-studio-wrapper{flex-direction:column;gap:20px;width:100%;margin-bottom:40px;display:flex}.image-dropzone{border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-card);text-align:center;cursor:pointer;transition:var(--transition-spring);padding:32px 20px}.image-dropzone:hover{border-color:var(--accent);background:var(--bg-hover)}.hidden-file-input{display:none}.dropzone-icon-box{width:52px;height:52px;color:var(--accent);background:#7d6ef31a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.dropzone-text h3{color:var(--text-primary);margin:0 0 6px;font-size:17px;font-weight:600}.dropzone-text p{color:var(--text-secondary);margin:0;font-size:13px}.thumbnail-strip{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:12px;margin-bottom:8px;padding:6px 4px 10px;display:flex;overflow-x:auto}.thumb-card{border-radius:var(--radius-sm);border:2px solid var(--border);cursor:pointer;background:var(--bg-card);height:68px;transition:var(--transition-spring);box-sizing:border-box;flex:0 0 68px;position:relative;overflow:hidden}.thumb-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.thumb-card img{object-fit:cover;width:100%;height:100%}.thumb-remove{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;line-height:1;display:flex;position:absolute;top:2px;right:2px}.thumb-remove:hover{background:var(--danger)}.preview-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.before-after-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:500;display:flex}.file-info-badge{background:var(--bg-body);border-radius:var(--radius-sm);border:1px solid var(--border);padding:4px 8px;font-size:12px}.slider-viewport{border-radius:var(--radius-sm);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;background:#0d0d12;width:100%;height:340px;position:relative;overflow:hidden}.slider-layer{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.slider-layer img{object-fit:contain;max-width:100%;max-height:100%}.layer-tag{text-transform:uppercase;color:#fff;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:10px}.tag-original{background:#000000a6;left:10px}.tag-processed{background:var(--accent);right:10px}.slider-handle{z-index:10;background:#fff;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 8px #00000080}.handle-bar{border:2px solid var(--accent);background:#fff;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000004d}.thumbnail-strip{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.thumbnail-strip::-webkit-scrollbar{display:none}.studio-tabs-row{border-bottom:1px solid var(--border);box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:8px;width:calc(100% + 24px);margin:0 -12px;padding:6px 12px 10px;display:flex;overflow-x:auto}@media (min-width:601px){.studio-tabs-row{border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);background:#ffffff08;width:100%;margin:0;padding:8px;box-shadow:0 4px 12px #0000001a}}.studio-tabs-row::-webkit-scrollbar{display:none}.tab-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition-spring);background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.tab-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-btn.active{color:#fff;background:var(--accent);border-color:var(--accent)}.active-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 4px var(--success);border-radius:50%;display:inline-block}.tab-btn.active .active-dot{background:#fff;box-shadow:0 0 4px #fff}.panel-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.panel-content{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-primary);font-size:13px;font-weight:600}.label-row{justify-content:space-between;align-items:center;display:flex}.value-badge{color:var(--accent);font-size:12px;font-weight:600}.select-input,.text-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-body);width:100%;color:var(--text-primary);padding:10px 12px;font-size:16px;transition:all .2s}.select-input:focus,.text-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7d6ef326}.select-input{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.color-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-body);cursor:pointer;width:50px;height:38px;padding:2px}.range-input{width:100%;accent-color:var(--accent)}.grid-2-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkbox-group{margin-top:4px}.checkbox-label{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.button-group-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.secondary-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-body);color:var(--text-primary);cursor:pointer;transition:var(--transition-spring);padding:8px 14px;font-size:13px;font-weight:500}.secondary-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.icon-btn-square{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-body);width:38px;height:38px;color:var(--text-primary);cursor:pointer;transition:var(--transition-spring);justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn-square:hover{border-color:var(--accent);color:var(--accent);background:#7d6ef30d}.danger-btn-sm{border-radius:var(--radius-sm);border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;padding:6px 10px;font-size:12px}.position-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pos-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-body);color:var(--text-secondary);cursor:pointer;padding:8px 4px;font-size:11px}.pos-btn.active{border-color:var(--accent);color:#fff;background:var(--accent)}.segmented-switch{background:var(--bg-body);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:3px;display:flex}.switch-option{border-radius:calc(var(--radius-sm) - 2px);color:var(--text-secondary);cursor:pointer;text-align:center;transition:var(--transition-spring);background:0 0;border:none;flex:1;padding:8px 12px;font-size:13px;font-weight:500}.switch-option:hover{color:var(--text-primary)}.switch-option.active{background:var(--accent);color:#fff;font-weight:600;box-shadow:0 2px 6px #7d6ef34d}.logo-upload-box{align-items:center;gap:10px;display:flex}.utility-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-body);padding:14px}.utility-card h4{color:var(--text-primary);margin:0 0 4px;font-size:14px}.help-text{color:var(--text-secondary);margin:0 0 10px;font-size:12px}.palette-swatch-row{align-items:center;gap:8px;margin-top:10px;display:flex}.palette-swatch{border-radius:var(--radius-sm);color:#fff;text-shadow:0 1px 2px #000c;cursor:pointer;flex:1;justify-content:center;align-items:center;height:36px;font-size:10px;font-weight:700;display:flex}.status-note{color:var(--success);margin:4px 0 0;font-size:13px;font-weight:500}.batch-action-bar{z-index:100;border-radius:var(--radius-md);background:var(--bg-dropdown);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;bottom:16px;box-shadow:0 8px 24px #00000026}.action-bar-left{align-items:center;gap:12px;display:flex}.count-badge{color:var(--text-primary);font-size:13px;font-weight:600}.text-btn-sm{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:12px;display:inline-flex}.text-btn-sm:hover{color:var(--danger)}.action-bar-right{align-items:center;gap:8px;display:flex}.action-download-btn{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;transition:var(--transition-spring);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.action-download-btn:hover:not(:disabled){opacity:.9}.action-download-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-hover);color:var(--text-tertiary)}@media (max-width:600px){.slider-viewport{height:260px}.grid-2-col{grid-template-columns:1fr}.panel-container{padding:16px 12px}.batch-action-bar{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.action-bar-left,.action-bar-right{justify-content:space-between;align-items:center;width:100%;display:flex}.action-bar-right button{flex:1;justify-content:center}.studio-tabs-row{box-sizing:border-box;width:calc(100% + 24px);margin:0 -12px;padding:6px 12px 10px}}.grid-3x3-overlay{pointer-events:none;z-index:15;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;display:grid;position:absolute;inset:0;overflow:hidden}.grid-cell-tile{border:1.5px solid var(--accent);box-sizing:border-box;background:#7d6ef30d;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 0 6px #7d6ef366,inset 0 0 6px #7d6ef333}.grid-cell-tile span{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:6px;padding:3px 8px;font-size:13px;font-weight:700;box-shadow:0 2px 6px #0000004d}.reset-tab-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:3px 8px;font-size:12px;font-weight:500;transition:all .15s}.reset-tab-btn:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent)}.remove-bg-btn{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:14px 24px;font-size:14px;font-weight:600;transition:background .2s,opacity .2s;display:flex}.remove-bg-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.remove-bg-btn:disabled{opacity:.7;cursor:not-allowed}.btn-content-grid{grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;width:100%;display:inline-grid;position:relative}.btn-text,.btn-spinner{grid-area:1/1/2/2;justify-content:center;align-items:center;gap:8px;display:flex}.loader-spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}