:root{--ztg-primary:#8b5cf6;--ztg-primary-light:#a78bfa;--ztg-primary-dark:#7c3aed;--ztg-primary-bg:#8b5cf614;--ztg-bg:#fff;--ztg-bg-secondary:#f8fafc;--ztg-bg-output:#1e1b2e;--ztg-header-bg:#f8fafc;--ztg-text:#0f172a;--ztg-text-secondary:#475569;--ztg-text-muted:#64748b;--ztg-text-placeholder:#94a3b8;--ztg-text-output:#e2e8f0;--ztg-border:#e2e8f0;--ztg-border-light:#f1f5f9;--ztg-shadow-sm:0 1px 2px #0000000a;--ztg-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--ztg-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--ztg-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--ztg-shadow-focus:0 0 0 3px #8b5cf626;--ztg-success:#10b981;--ztg-success-bg:#10b9811a;--ztg-danger:#ef4444;--ztg-danger-bg:#ef444414;--ztg-radius:1rem;--ztg-radius-md:.75rem;--ztg-radius-sm:.5rem;--ztg-radius-xs:.375rem}._ztg-container{flex-direction:column;gap:1.25rem;width:100%;max-width:1000px;margin:0 auto;display:flex}._ztg-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (max-width:768px){._ztg-container{gap:1rem;padding-left:1rem;padding-right:1rem}._ztg-grid{grid-template-columns:1fr;gap:1rem}}._ztg-section{background:var(--ztg-bg);border-radius:var(--ztg-radius);border-style:solid;border-width:1px;border-color:var(--ztg-border);box-shadow:var(--ztg-shadow-md);flex-direction:column;transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden}._ztg-input-section:focus-within{border-color:var(--ztg-primary);box-shadow:var(--ztg-shadow-md), var(--ztg-shadow-focus)}._ztg-section-header{background:var(--ztg-header-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ztg-border-light);justify-content:space-between;align-items:center;padding:.625rem .875rem;display:flex}._ztg-section-title{color:var(--ztg-text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}._ztg-section-title svg{color:var(--ztg-primary);opacity:.8}._ztg-section-actions{align-items:center;gap:.375rem;display:flex}._ztg-section-footer{background:var(--ztg-bg-secondary);border-top-style:solid;border-top-width:1px;border-top-color:var(--ztg-border-light);align-items:center;padding:.5rem .875rem;display:flex}._ztg-stat{color:var(--ztg-text-muted);font-size:.75rem;font-weight:500}._ztg-textarea-wrapper{flex:1;min-height:200px;display:flex}._ztg-textarea{resize:none;width:100%;height:100%;min-height:200px;color:var(--ztg-text);background:0 0;border:none;padding:1rem;font-family:inherit;font-size:1rem;line-height:1.7;overflow-y:auto}._ztg-textarea:focus{outline:none}._ztg-textarea::placeholder{color:var(--ztg-text-placeholder)}._ztg-output-wrapper{background:var(--ztg-bg-output)}._ztg-output{resize:none;width:100%;height:100%;min-height:200px;color:var(--ztg-text-output);background:0 0;border:none;padding:1rem;font-family:inherit;font-size:1.125rem;line-height:2;overflow-y:auto}._ztg-output:focus{outline:none}._ztg-output::placeholder{color:var(--ztg-text-placeholder);opacity:.5}._ztg-output-section ._ztg-section-header{background:#15132b;border-bottom-color:#2d2a4a}._ztg-output-section ._ztg-section-title{color:#a5b4fc}._ztg-output-section ._ztg-section-title svg{color:#a78bfa}._ztg-btn{border-radius:var(--ztg-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.375rem;height:2rem;padding:0 .625rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}._ztg-btn svg{flex-shrink:0;width:14px;height:14px}._ztg-btn--ghost{color:var(--ztg-text-muted);background:0 0}._ztg-btn--ghost:hover{color:var(--ztg-primary);background:var(--ztg-primary-bg)}._ztg-btn--ghost._ztg-btn--danger:hover{color:var(--ztg-danger);background:var(--ztg-danger-bg)}._ztg-btn--primary{background:var(--ztg-primary);color:#fff;box-shadow:0 2px 8px #8b5cf640}._ztg-btn--primary:hover{background:var(--ztg-primary-dark)}._ztg-btn--primary.copied{background:var(--ztg-success);box-shadow:0 2px 8px #10b98140}._ztg-output-section ._ztg-btn--ghost{color:#94a3b8}._ztg-output-section ._ztg-btn--ghost:hover{color:#a78bfa;background:#a78bfa26}@media (max-width:768px){._ztg-textarea-wrapper{min-height:160px}._ztg-textarea,._ztg-output{min-height:160px;padding:.875rem;font-size:.9375rem}._ztg-section-header{padding:.5rem .75rem}}@media (max-width:480px){._ztg-textarea-wrapper,._ztg-textarea,._ztg-output{min-height:140px}._ztg-btn span{display:none}._ztg-btn{width:2rem;padding:0}._ztg-btn--primary{width:auto;padding:0 .625rem}._ztg-btn--primary span{display:inline}}._ztg-controls{background:var(--ztg-bg);border-radius:var(--ztg-radius);border-style:solid;border-width:1px;border-color:var(--ztg-border);box-shadow:var(--ztg-shadow);gap:2rem;padding:1.25rem;display:flex}._ztg-control-group{flex-direction:column;gap:.75rem;display:flex}._ztg-control-group:first-child{flex:1}._ztg-control-label{color:var(--ztg-text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}._ztg-control-label svg{color:var(--ztg-primary);opacity:.8}._ztg-intensity-control{flex-direction:column;gap:.5rem;display:flex}._ztg-slider{-webkit-appearance:none;background:var(--ztg-border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}._ztg-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ztg-primary);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:box-shadow .15s,background .15s;box-shadow:0 2px 6px #8b5cf64d}._ztg-slider::-webkit-slider-thumb:hover{background:var(--ztg-primary-dark);box-shadow:0 2px 10px #8b5cf666}._ztg-slider::-moz-range-thumb{background:var(--ztg-primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #8b5cf64d}._ztg-intensity-labels{justify-content:space-between;display:flex}._ztg-intensity-labels span{color:var(--ztg-text-muted);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border-radius:var(--ztg-radius-xs);padding:.125rem .25rem;font-size:.6875rem;font-weight:500;transition:color .15s}._ztg-intensity-labels span:hover{color:var(--ztg-text-secondary)}._ztg-intensity-labels span.active{color:var(--ztg-primary);font-weight:600}._ztg-position-toggles{gap:.5rem;display:flex}._ztg-toggle{background:var(--ztg-bg-secondary);border-radius:var(--ztg-radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:.375rem;padding:.375rem .75rem;transition:all .15s;display:flex}._ztg-toggle:hover{border-color:var(--ztg-border)}._ztg-toggle:has(input:checked){background:var(--ztg-primary-bg);border-color:var(--ztg-primary-light)}._ztg-toggle input{width:14px;height:14px;accent-color:var(--ztg-primary);cursor:pointer}._ztg-toggle-label{color:var(--ztg-text-secondary);-webkit-user-select:none;user-select:none;font-size:.8125rem;font-weight:500}._ztg-toggle:has(input:checked) ._ztg-toggle-label{color:var(--ztg-primary-dark)}@media (max-width:768px){._ztg-controls{flex-direction:column;gap:1.25rem;padding:1rem}}@media (max-width:480px){._ztg-position-toggles{flex-wrap:wrap}._ztg-toggle{padding:.3125rem .625rem}._ztg-toggle-label{font-size:.75rem}._ztg-intensity-labels span{font-size:.625rem}}