*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-page);color:var(--text-body);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root{--bg-page: #F9FAFB;--bg-card: #FFFFFF;--bg-input: #FFFFFF;--bg-secondary: #F3F4F6;--text-primary: #111827;--text-body: #1F2937;--text-muted: #4B5563;--text-placeholder: #9CA3AF;--border-color: #E5E7EB;--border-focus: #3B82F6;--accent-primary: #3B82F6;--accent-hover: #2563EB;--accent-success: #10B981;--accent-danger: #EF4444;--btn-primary-bg: var(--accent-primary);--btn-primary-text: #FFFFFF;--btn-secondary-bg: var(--bg-secondary);--btn-secondary-text: var(--text-body);--selection-color: rgba(59, 130, 246, .3);--fs-h1: 2.25rem;--fs-h2: 1.75rem;--fs-h3: 1.25rem;--fs-body: 1rem;--fs-button: 1.125rem;--fs-label: .875rem;--fs-small: .75rem;--lh-tight: 1.2;--lh-base: 1.5;--lh-relaxed: 1.625;--ls-wide: .05em;--fw-light: 300;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--spacing-section: 4rem;--gap-grid: 1.5rem;--padding-textarea: 1.25rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--container-max-width: 1200px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1)}html.dark{--bg-page: #0F0F0F;--bg-card: #1A1A1A;--bg-input: #121212;--bg-secondary: #222222;--text-primary: #FAFAFA;--text-body: #D4D4D8;--text-muted: #A1A1AA;--text-placeholder: #71717A;--border-color: #27272A;--border-focus: #3F3F46;--accent-primary: #3B82F6;--accent-hover: #2563EB;--btn-primary-bg: #E4E4E7;--btn-primary-text: #0F0F0F;--btn-secondary-bg: #27272A;--btn-secondary-text: #F3F4F6;--selection-color: rgba(59, 130, 246, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--lh-base: 1.6}::selection{background:var(--selection-color)}h1{font-size:var(--fs-h1);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--text-primary)}h2{font-size:var(--fs-h2);font-weight:var(--fw-semibold);color:var(--text-primary)}h3{font-size:var(--fs-h3);font-weight:var(--fw-medium);color:var(--text-primary)}p{font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--text-body)}small{font-size:var(--fs-small);color:var(--text-muted)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 1.5rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}input,textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--padding-textarea);font-size:var(--fs-body);color:var(--text-body);outline:none;transition:border .2s ease}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}input:focus,textarea:focus{border-color:var(--border-focus)}button{font-size:var(--fs-button);font-weight:var(--fw-medium);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);padding:.75rem 1.5rem}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);padding:.6rem 1.2rem}.btn-danger{background:var(--accent-danger);color:#fff}.section{padding:var(--spacing-section) 0}.btn-float-toggle{position:fixed;top:1rem;right:1rem;z-index:1000;background:var(--bg-card);color:var(--text-body);padding:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);box-shadow:var(--shadow-md);cursor:pointer;transition:all .2s ease}.btn-float-toggle:hover{background:var(--bg-secondary);transform:scale(1.1)}.hero-compact{padding:1.5rem 0 1rem;text-align:center;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.hero-compact h1{font-size:1.75rem;margin-bottom:.5rem}.hero-compact p{font-size:.9rem;color:var(--text-muted);margin:0}.container-fluid{max-width:100%;padding:0 1rem}.tool-section-main{padding:1rem 0;min-height:calc(100vh - 180px)}.tool-layout{display:grid;grid-template-columns:1fr 320px 1fr;gap:1rem;height:calc(100vh - 200px)}@media(max-width:1200px){.tool-layout{grid-template-columns:1fr;height:auto}}.tool-panel{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.panel-header label{font-size:var(--fs-label);font-weight:var(--fw-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--ls-wide)}.panel-stats{font-size:var(--fs-small);color:var(--text-muted)}.tool-textarea-large{flex:1;min-height:400px;border:none;border-radius:0;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9rem;line-height:1.6;resize:none;padding:1rem}@media(max-width:1200px){.tool-textarea-large{min-height:300px}}.detection-panel-compact{padding:.75rem 1rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:var(--fs-small)}.detection-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.detection-header-compact strong{color:var(--text-primary)}.btn-fix-inline{background:var(--accent-primary);color:#fff;padding:.25rem .6rem;border-radius:var(--radius-sm);font-size:var(--fs-small);font-weight:var(--fw-medium);border:none;cursor:pointer}.btn-fix-inline:hover{background:var(--accent-hover)}.detection-list-inline{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--text-muted)}.detection-badge{background:var(--bg-card);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:var(--fs-small);transition:all .2s ease}.detection-badge[data-action]{cursor:pointer}.detection-badge[data-action]:hover{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.detection-badge strong{color:var(--accent-primary);font-weight:var(--fw-semibold)}.output-actions-header{display:flex;gap:.25rem}.btn-icon-action{background:transparent;color:var(--text-muted);padding:.5rem;border-radius:var(--radius-sm);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon-action:disabled{opacity:.3;cursor:not-allowed}.btn-icon-action:not(:disabled):hover{background:var(--bg-secondary);color:var(--text-primary)}.privacy-note{display:block;padding:.5rem 1rem;color:var(--text-muted);font-size:var(--fs-small);text-align:center;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.tools-sidebar{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.tools-header{padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.tools-header h2{font-size:var(--fs-body);margin:0;color:var(--text-primary)}.btn-process{padding:.5rem 1rem;font-size:var(--fs-label);font-weight:var(--fw-semibold)}.btn-process:disabled{opacity:.5;cursor:not-allowed}.tools-scroll{flex:1;overflow-y:auto;padding:.5rem}.tools-scroll::-webkit-scrollbar{width:8px}.tools-scroll::-webkit-scrollbar-track{background:var(--bg-page)}.tools-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.tools-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.tool-category{margin-bottom:.5rem;background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.tool-category summary{padding:.6rem .75rem;font-size:var(--fs-label);font-weight:var(--fw-semibold);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;justify-content:space-between;align-items:center}.tool-category summary::-webkit-details-marker{display:none}.tool-category summary:after{content:"▼";font-size:.7rem;color:var(--text-muted);transition:transform .2s ease}.tool-category[open] summary:after{transform:rotate(-180deg)}.tool-category summary:hover{background:var(--bg-secondary)}.tool-options{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.4rem}.tool-options label{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-small);color:var(--text-body);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:background .15s ease}.tool-options label:hover{background:var(--bg-secondary)}.tool-options input[type=checkbox]{width:auto;cursor:pointer;accent-color:var(--accent-primary)}.info-section-compact{padding:2rem 0;background:var(--bg-secondary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.info-grid h2{font-size:1.25rem;margin-bottom:.75rem}.info-grid p{font-size:.9rem;line-height:1.6}.info-grid ul{list-style:none;padding:0;font-size:.9rem}.info-grid li{padding:.4rem 0 .4rem 1.2rem;position:relative}.info-grid li:before{content:"✓";position:absolute;left:0;color:var(--accent-success);font-weight:var(--fw-bold)}.faq-section-compact{padding:2rem 0}.faq-section-compact h2{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.faq-compact{margin-bottom:.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0}.faq-compact summary{padding:1rem;font-weight:var(--fw-medium);color:var(--text-primary);cursor:pointer;list-style:none}.faq-compact summary::-webkit-details-marker{display:none}.faq-compact p{padding:0 1rem 1rem;margin:0;color:var(--text-body);font-size:.9rem}.site-footer-compact{background:var(--bg-card);border-top:1px solid var(--border-color);padding:1.5rem 0;text-align:center}.site-footer-compact p{margin:0;font-size:var(--fs-small);color:var(--text-muted)}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.copy-success{animation:copySuccess .3s ease}