.tool-ui{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;margin-bottom:var(--space-lg);width:100%;max-width:1400px;margin-left:auto;margin-right:auto;box-shadow:0 1px 3px #0003;overflow:hidden}[data-theme=light] .tool-ui{box-shadow:0 1px 3px #0000001a}.tool-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:0;min-height:600px}.tool-grid>*{display:flex;flex-direction:column}@media(max-width:968px){.tool-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto}}.tool-controls{margin-bottom:0;display:flex;flex-direction:column;height:100%;border-right:1px solid var(--color-border);background:var(--color-surface)}.tool-controls:last-child{border-right:none}.tool-controls label{display:block;margin-bottom:0;font-weight:600;color:var(--color-text);padding:var(--space-sm) var(--space-md);background:var(--color-background);border-bottom:2px solid var(--color-border);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.tool-controls textarea,.tool-controls input{width:100%;font-family:var(--font-mono);font-size:14px;line-height:1.6;border:none;border-radius:0;padding:var(--space-md);background:var(--color-surface);color:var(--color-text);transition:background-color var(--transition-fast);flex:1;resize:none;margin:0}.tool-controls textarea{min-height:550px}.tool-controls textarea:focus,.tool-controls input:focus{outline:none;background:var(--color-background)}.help-text{font-size:11px;color:var(--color-text-light);margin-top:0;margin-bottom:0;padding:var(--space-xs) var(--space-md);background:var(--color-background);border-top:1px solid var(--color-border)}.tool-actions{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);background:var(--color-background);align-self:center;justify-content:center;border-right:1px solid var(--color-border)}.tool-actions button{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-width:120px;text-transform:uppercase;letter-spacing:.5px}.tool-actions button:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 2px 4px #2563eb33}.tool-actions button:active{transform:translateY(0)}.tool-actions button:disabled{background:var(--color-border);cursor:not-allowed;transform:none}.tool-actions button.secondary:hover{background:var(--color-background);box-shadow:0 2px 4px #0000001a}.error-message,.success-message{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md);display:none;font-size:13px;font-weight:500;max-width:1400px;margin-left:auto;margin-right:auto}.error-message{background:#ef44441a;border-left:3px solid var(--color-error);color:var(--color-error)}.success-message{background:#10b9811a;border-left:3px solid var(--color-success);color:var(--color-success)}[data-theme=light] .error-message{background:#fee;color:#c00}[data-theme=light] .success-message{background:#efe;color:#060}.error-message:not(:empty),.success-message:not(:empty){display:block}.tool-options{display:flex;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-background);border-radius:var(--radius-sm)}.tool-option{display:flex;align-items:center;gap:var(--space-sm)}.tool-option input[type=checkbox],.tool-option input[type=radio]{width:auto;margin:0}.tool-option label{margin:0;font-weight:400;cursor:pointer}.output-readonly{background:var(--color-background);cursor:default}.copy-btn{position:relative}.copy-btn.copied:after{content:"Copied!";position:absolute;top:-30px;left:50%;transform:translate(-50%);background:var(--color-text);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap;pointer-events:none;animation:fadeOut 2s forwards}@keyframes fadeOut{0%,50%{opacity:1}to{opacity:0}}@media(max-width:768px){.tool-ui{padding:var(--space-md)}.tool-actions{flex-direction:column}.tool-actions button{width:100%}}.tool-section{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.tool-section:last-of-type{border-bottom:none}.tool-section h3{margin-top:0;margin-bottom:var(--space-md);font-size:20px}.current-time{display:flex;flex-direction:column;gap:var(--space-md)}.time-display{display:flex;align-items:center;gap:var(--space-md)}.time-display label{min-width:120px;font-weight:600}.time-display input{flex:1;padding:var(--space-sm);font-family:var(--font-mono);font-size:14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background)}.time-display button{padding:var(--space-sm) var(--space-md);font-size:14px;font-weight:500;background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.time-display button:hover{background:#218838}.bulk-controls{margin-bottom:var(--space-md)}.bulk-controls label{display:block;margin-bottom:var(--space-sm);font-weight:500}.bulk-controls input[type=number]{width:150px;padding:var(--space-sm);font-size:14px;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.success-message:not(:empty){display:block;padding:var(--space-md);margin-bottom:var(--space-lg);background:#10b9811a;border:1px solid var(--color-success);border-radius:var(--radius-sm);color:var(--color-success);font-weight:500}[data-theme=light] .success-message:not(:empty){background:#f0fdf4;color:#15803d}@media(max-width:768px){.time-display{flex-direction:column;align-items:stretch}.time-display label{min-width:auto}.bulk-controls input[type=number]{width:100%}}.tool-actions button.secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.tool-actions button.secondary:hover{background:var(--color-background)}.tool-page[data-astro-cid-2snbj4jw]{width:100%}.tool-header[data-astro-cid-2snbj4jw]{margin-bottom:var(--space-xl);max-width:1400px;margin-left:auto;margin-right:auto}.tool-header[data-astro-cid-2snbj4jw] h1[data-astro-cid-2snbj4jw]{margin-bottom:var(--space-xs);font-size:24px}.intro[data-astro-cid-2snbj4jw]{font-size:14px;color:var(--color-text-light);margin-bottom:0}.tool-content[data-astro-cid-2snbj4jw],.tool-faq[data-astro-cid-2snbj4jw]{margin-bottom:var(--space-2xl);max-width:1400px;margin-left:auto;margin-right:auto}.related-tools[data-astro-cid-2snbj4jw]{margin-top:var(--space-2xl);max-width:1400px;margin-left:auto;margin-right:auto}.tools-grid[data-astro-cid-2snbj4jw]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}@media(max-width:768px){.tools-grid[data-astro-cid-2snbj4jw]{grid-template-columns:1fr}}