.tool-page{padding:32px 24px 80px}.back-link{display:inline-block;margin-bottom:16px;color:var(--text-secondary);text-decoration:none;font-size:14px}.back-link:hover{color:var(--accent)}.tool-page h1{margin:0 0 8px;font-size:28px}.tool-desc{color:var(--text-secondary);margin:0 0 32px;max-width:640px}.tool-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.panel{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:24px}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:40px 20px;text-align:center;color:var(--text-secondary);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragover{border-color:var(--accent);background:var(--accent-soft)}.dropzone svg{color:var(--accent);margin-bottom:8px}.dropzone p{margin:4px 0}.dropzone .hint{font-size:13px}.preview-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:8px}.preview-square{width:160px;height:160px;border-radius:20%;overflow:hidden;border:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:center}.preview-square canvas{width:100%;height:100%;display:block}.size-strip{display:flex;align-items:center;gap:14px}.size-strip .size-chip{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);font-size:11px}.size-strip canvas{border:1px solid var(--border);border-radius:4px;background:var(--surface-2);image-rendering:pixelated}.file-name-label{font-size:13px;color:var(--text-secondary);text-align:center;word-break:break-all}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:6px}.checkbox-group label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text);cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.toggle-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer;margin-bottom:16px}.toggle-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:8px;font-size:15px;font-weight:600;border:1px solid transparent;cursor:pointer;margin-top:20px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled{background:var(--surface-2);color:var(--text-secondary);cursor:not-allowed}.btn-primary:not(:disabled):hover{opacity:.9}.status-text{margin:10px 0 0;font-size:13px;color:var(--text-secondary);min-height:18px}.status-text.error{color:var(--red)}.status-text.success{color:var(--green)}.settings-panel h2{margin:0 0 16px;font-size:16px}.field{display:block;font-size:13px;margin-bottom:16px;color:var(--text-secondary)}.field span{display:block;margin-bottom:6px}.settings-note{font-size:12px;color:var(--text-secondary);margin:16px 0 0}@media (max-width:860px){.tool-layout{grid-template-columns:1fr}}