.tool-wrapper{max-width:1400px;margin:0 auto}.tool-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-xl)}.tool-header h1{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-bold)}.tool-subtitle{font-size:var(--font-size-base);color:var(--color-text-tertiary);margin:0}.privacy-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-success);color:var(--color-success);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;border:1px solid var(--color-border-success);flex-shrink:0}.privacy-badge.alt{background:var(--color-bg-success-alt)}.privacy-badge.alt2{background:var(--color-bg-success-alt2);color:var(--color-success-alt);border:none}.privacy-badge.info{background:var(--color-primary-light);color:var(--color-primary);border:none}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem var(--spacing-md);background:var(--color-toolbar);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg)}.toolbar-left{display:flex;align-items:center;gap:var(--spacing-xs);flex:1}.toolbar-right{display:flex;align-items:center;gap:var(--spacing-xs)}.toolbar-divider{width:1px;height:24px;background:#ffffff26;margin:0 var(--spacing-sm)}.tool-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;transition:all .15s ease;position:relative}.tool-btn:hover{background:#ffffff1a;color:var(--color-bg-white)}.tool-btn:active{background:#ffffff26;transform:scale(.95)}.tool-btn:disabled{opacity:.3;cursor:not-allowed}.tool-btn:disabled:hover{background:transparent;color:var(--color-text-light)}label.tool-btn{cursor:pointer}.file-input{display:none}.toggle-group{display:flex;background:#ffffff14;border-radius:var(--radius-sm);padding:2px;gap:2px}.toggle-btn{padding:.375rem .75rem;font-size:var(--font-size-xs);color:var(--color-text-light);background:transparent;border:none;border-radius:3px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.toggle-btn:hover{background:#ffffff1a;color:var(--color-bg-white)}.toggle-btn.active{background:var(--color-primary-medium);color:var(--color-bg-white)}.toggle-btn.active:hover{background:var(--color-primary-hover)}.work-area{background:var(--color-bg-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);min-height:500px;display:flex;justify-content:center;align-items:center}.empty-state{text-align:center;color:var(--color-text-tertiary);max-width:400px;margin:0 auto}.empty-state svg{color:var(--color-text-border);margin-bottom:var(--spacing-lg)}.empty-state h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:.75rem}.empty-state p{margin-bottom:var(--spacing-md);line-height:1.6}.empty-state .file-types{font-size:var(--font-size-sm);color:var(--color-text-quaternary)}.canvas-container{width:100%}.canvas-container.hidden{display:none}canvas{max-width:100%;height:auto;box-shadow:var(--shadow-lg);border-radius:var(--radius-sm);display:block;margin:0 auto}.hidden{display:none}.monospace{font-family:Courier New,Courier,monospace}.status-message{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.status-success{background:var(--color-bg-success);color:var(--color-success);border:1px solid var(--color-border-success)}.status-error{background:var(--color-bg-error);color:var(--color-error);border:1px solid var(--color-error-light)}.status-info{background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary-light)}.tool-info{margin-top:var(--spacing-xl);line-height:1.6}.tool-info h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:var(--color-text-primary)}.tool-info h2:first-child{margin-top:0}.tool-info h3{font-size:1.125rem;margin-top:1.5rem;margin-bottom:.75rem;color:var(--color-text-primary)}.tool-info p{margin-bottom:1rem;color:var(--color-text-secondary)}.tool-info ul,.tool-info ol{margin-bottom:1rem;padding-left:1.5rem;color:var(--color-text-secondary)}.tool-info li{margin-bottom:.5rem}.tool-info code{padding:.125rem .25rem;background:#0000000d;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.875em}.tool-info a{color:var(--color-primary);text-decoration:none}.tool-info a:hover{text-decoration:underline}.accordion-item{border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem;overflow:hidden}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--color-bg-white);border:none;cursor:pointer;transition:background .2s;text-align:left}.accordion-header:hover{background:var(--color-bg-light)}.accordion-header h2{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.accordion-icon{font-size:1.5rem;font-weight:700;color:var(--color-text-tertiary);transition:transform .3s;flex-shrink:0;margin-left:1rem}.accordion-item.active .accordion-icon{transform:rotate(45deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 1.5rem}.accordion-item.active .accordion-content{max-height:2000px;padding:0 1.5rem 1.5rem}@media(max-width:768px){.tool-header{flex-direction:column}.privacy-badge{align-self:flex-start}.tool-header h1{font-size:var(--font-size-xl)}.toolbar{padding:.625rem .75rem}.work-area{padding:var(--spacing-lg);min-height:400px}}