.container.svelte-165je3w{padding:2rem 0 3rem;max-width:960px}.page-header.svelte-165je3w{margin-bottom:1.5rem}h1.svelte-165je3w{margin:0 0 .5rem;color:var(--accent-cyan);font-size:var(--fs-2xl);letter-spacing:-.02em}.subtitle.svelte-165je3w{color:var(--text-secondary);margin:0;max-width:64ch;line-height:1.5}.subtitle.svelte-165je3w a:where(.svelte-165je3w){color:var(--accent-cyan)}.subtitle.svelte-165je3w code:where(.svelte-165je3w){background:var(--bg-secondary);padding:.05rem .3rem;border-radius:3px;font-family:SF Mono,monospace;font-size:.85em;color:var(--text-primary)}.subtitle.svelte-165je3w strong:where(.svelte-165je3w){color:var(--text-primary)}.signin-nudge.svelte-165je3w{margin:0 0 1.25rem;padding:.6rem .9rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-left:3px solid var(--accent-yellow, #d4c46c);border-radius:var(--radius-sm, 4px);font-size:var(--fs-sm, .88rem);color:var(--text-secondary)}.signin-nudge.svelte-165je3w a:where(.svelte-165je3w){color:var(--accent-cyan)}.signin-nudge.svelte-165je3w code:where(.svelte-165je3w){color:var(--text-primary);font-family:SF Mono,monospace;font-size:.85em}.error-box.svelte-165je3w{margin:0 0 1.25rem;padding:.7rem 1rem;background:var(--bg-secondary);border:1px solid var(--accent-red, #d47a6c);border-radius:var(--radius-md);color:var(--accent-red, #d47a6c);font-size:var(--fs-sm)}.form.svelte-165je3w{display:flex;flex-direction:column;gap:1.6rem}.field.svelte-165je3w{display:flex;flex-direction:column;gap:.5rem}.field-label.svelte-165je3w{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:var(--fs-md, .95rem);color:var(--text-primary);font-weight:600}.field-help.svelte-165je3w{margin:0;color:var(--text-secondary);font-size:var(--fs-sm, .85rem)}.field-help.svelte-165je3w code:where(.svelte-165je3w){background:var(--bg-secondary);padding:.05rem .3rem;border-radius:3px;font-family:SF Mono,monospace;font-size:.85em}.field-error.svelte-165je3w{margin:0;color:var(--accent-red, #d47a6c);font-size:var(--fs-sm)}.counter.svelte-165je3w{color:var(--text-secondary);font-family:SF Mono,monospace;font-size:var(--fs-sm);font-weight:400}.counter.bad.svelte-165je3w{color:var(--accent-red, #d47a6c)}textarea.svelte-165je3w,input[type=text].svelte-165je3w,input[type=datetime-local].svelte-165je3w,select.svelte-165je3w{width:100%;box-sizing:border-box;padding:.55rem .7rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font:inherit;line-height:1.5}textarea.svelte-165je3w{padding:.7rem .85rem;resize:vertical}textarea.svelte-165je3w:focus-visible,input.svelte-165je3w:focus-visible,select.svelte-165je3w:focus-visible{outline:none;border-color:var(--accent-cyan)}select.svelte-165je3w{color-scheme:dark}input.mono.svelte-165je3w{font-family:SF Mono,monospace;font-size:.88rem}.color-icon-row.svelte-165je3w{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.color-cluster.svelte-165je3w{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center}input[type=color].svelte-165je3w{width:2.4rem;height:2.4rem;padding:0;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer}.color-hex.svelte-165je3w{width:100%}.icon-input.svelte-165je3w{width:4rem;text-align:center;font-size:1.4rem;line-height:1}.submit-row.svelte-165je3w{display:flex;gap:1rem;align-items:center;margin-top:.5rem}.submit.svelte-165je3w{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent-cyan);background:var(--accent-cyan);color:var(--bg-primary, #0c0e10);padding:.6rem 1.2rem;border-radius:var(--radius-md);font:inherit;font-weight:600;cursor:pointer}.submit.svelte-165je3w:disabled{opacity:.45;cursor:not-allowed}.submit.svelte-165je3w:not(:disabled):hover,.submit.svelte-165je3w:not(:disabled):focus-visible{transform:translateY(-1px);outline:none}.cancel.svelte-165je3w{color:var(--text-secondary);text-decoration:none;font-size:var(--fs-sm)}.cancel.svelte-165je3w:hover,.cancel.svelte-165je3w:focus-visible{color:var(--accent-cyan)}@media (max-width: 640px){.color-icon-row.svelte-165je3w{grid-template-columns:1fr}}