:root{--bg-primary:#f4ecd0;--bg-secondary:#e8dfc0;--bg-card:#fcf6e0;--bg-card-hover:#f7efd2;--bg-input:#e8dfc0;--bg-input-focus:#f0e9d2;--text-primary:#150d08;--text-secondary:#6a4522;--text-muted:#8e6e4e;--accent:#c59645;--accent-hover:#b58520;--accent-active:#9a7018;--accent-glow:#ffc1071f;--accent-gradient:linear-gradient(135deg, #c59645, #a38660);--accent-amber:#f0a040;--border-color:#cbb796;--border-focus:#c59645;--success:#22a55e;--success-bg:#22c55e1a;--warning:#ff495c;--warning-bg:#d4871c1a;--error:#c44536;--error-bg:#c445361a;--error-border:#c4453633;--error-soft:#d4756b;--error-soft-bg:#d4756b26;--success-soft:#6fc18a;--success-soft-bg:#6fc18a26;--amber-glow:#f0a0404d;--amber-glow-strong:#f0a04073;--hover-bg:#0000000a;--accent-bg-subtle:#c5964514;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #150d080f;--shadow-md:0 4px 12px #150d0814;--shadow-lg:0 8px 32px #150d081a;--shadow-glow:0 0 30px #c596451f;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:5rem;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", monospace;--font-size-base:16px;--text-xs:.8rem;--text-sm:.9rem;--text-base:.9rem;--text-md:1rem;--text-lg:1.1rem;--text-xl:1.2rem;--text-2xl:1.3rem;--text-3xl:2.5rem;--mono-text-xs:.8rem;--mono-text-sm:.9rem;--mono-text-base:.9rem;--shadow-overlay:0 4px 16px #0003;--shadow-dropdown:0 8px 24px #00000026;--shadow-focus-ring:0 0 0 3px var(--accent-glow);--shadow-accent:0 2px 8px #c596454d;--shadow-accent-hover:0 4px 16px #c5964566;--duration-fast:.1s;--duration-base:.15s;--duration-slow:.2s;--duration-slower:.3s;--z-header:50;--z-dropdown:100;--z-modal:1000;--icon-xs:14px;--icon-sm:20px;--icon-md:24px;--icon-lg:32px;--icon-xl:64px;--icon-spinner:40px;--content-max-width:480px;--modal-max-width:420px;--header-max-width:700px;--footer-max-width:720px;--grid-max-width:700px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}a{color:var(--accent);transition:color var(--duration-base);text-decoration:none}a:hover{color:var(--accent-hover)}input,textarea,select,button{font-family:inherit;font-size:inherit}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-main{padding-top:var(--space-sm);padding-bottom:var(--space-md);flex-direction:column;flex:1;align-items:center;display:flex}.card{background:var(--bg-card);padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:var(--content-max-width);flex-direction:column;height:100%;margin:0 auto;display:flex;overflow:hidden}.card-header{padding:var(--space-lg) 0;text-align:center}.card-header--centered{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.card-header--centered h3{font-size:var(--text-xl);font-weight:600}.card-header--centered svg{stroke:var(--accent);width:var(--icon-lg);height:var(--icon-lg)}.card-title{font-size:var(--text-xl);color:var(--text-primary);font-weight:600}.card-subtitle{color:var(--text-muted);font-size:var(--text-base)}.card-textarea-group{border-bottom:1px solid var(--border-color);width:100%;padding-bottom:var(--space-md);margin-bottom:var(--space-sm);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.btn-primary{padding:var(--space-md);background:var(--accent-gradient);border:1px solid var(--border-color);border-radius:var(--radius-md);color:#fff;font-size:var(--text-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-xs);transition:all var(--duration-base);box-shadow:var(--shadow-accent);flex:1;font-weight:600;display:flex}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-accent-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:var(--space-md);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-xs);transition:all var(--duration-base);box-shadow:var(--shadow-accent);flex:1;font-weight:500;display:flex}.btn-secondary:hover{box-shadow:var(--shadow-accent-hover);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-row{gap:var(--space-sm);padding:var(--space-md) 0;display:flex}.btn-primary--copied{animation:.4s svelte-6m67ad-copy-bounce}@keyframes svelte-6m67ad-copy-bounce{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}to{transform:scale(1)}}.error-banner{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-base);margin:0;display:flex}.form-group{flex-direction:column;flex:1;display:flex}.form-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;align-items:center;display:grid}.clipped-text{font-family:monospace;font-size:var(--mono-text-sm);padding-bottom:var(--space-md);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:0 0;min-height:192px;line-height:1.5;overflow-y:auto}.char-count{bottom:0;right:var(--space-sm);color:var(--text-muted);font-size:var(--text-xs);position:absolute}label{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-sm);text-align:left;font-weight:500;display:block}.input{width:100%;padding:var(--space-md);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-md);transition:border-color var(--duration-base), box-shadow var(--duration-base);outline:none}.input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus-ring)}.input::placeholder{color:var(--text-muted)}.spinner{width:18px;height:18px;animation:1s linear infinite svelte-6m67ad-spin}@keyframes svelte-6m67ad-spin{to{transform:rotate(360deg)}}.flex-row{align-items:center;display:flex}.flex-col-center{flex-direction:column;align-items:center;display:flex}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.color-muted{color:var(--text-muted)}.color-success{color:var(--success)}.color-warning{color:var(--warning)}.icon-btn{cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--duration-base);-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--accent);background:var(--accent-glow)}.modal-backdrop{z-index:var(--z-modal);padding:var(--space-lg);background:#150d0880;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:var(--modal-max-width)}.icon-md{width:var(--icon-md)!important;height:var(--icon-md)!important}.icon-sm{width:var(--icon-sm)!important;height:var(--icon-sm)!important}.icon-xs{width:var(--icon-xs)!important;height:var(--icon-xs)!important}.icon-lg{width:var(--icon-lg)!important;height:var(--icon-lg)!important}.icon-xl{width:var(--icon-xl)!important;height:var(--icon-xl)!important}