.template-preview-bar{background-color:var(--palette-primary);color:#fff;font-size:.8125rem;padding:.5rem 0;transition:background-color .2s ease}.template-preview-inner{display:flex;justify-content:space-between;align-items:center}.template-preview-label{opacity:.7}.template-preview-back{color:#fff;opacity:.8;text-decoration:none;display:inline-flex;align-items:center;gap:.375rem;transition:opacity .15s ease}.template-preview-back:hover{opacity:1}.template-header{position:sticky;top:0;z-index:100;background-color:var(--palette-background);border-bottom:1px solid color-mix(in oklch,var(--palette-surface),transparent 40%);transition:background-color .2s ease}.template-header-inner{display:flex;align-items:center;justify-content:space-between;height:4rem}.template-logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--palette-text);text-decoration:none;transition:color .15s ease}.template-logo:hover{color:var(--palette-accent)}.template-logo-mark{color:var(--palette-accent);font-size:1.5rem}.template-nav{display:flex;gap:.25rem}.template-nav-link{padding:.5rem .75rem;font-size:.9375rem;font-weight:500;color:var(--palette-text);text-decoration:none;border-radius:var(--radius-md);transition:color .15s ease,background-color .15s ease}.template-nav-link:hover{color:var(--palette-accent);background-color:color-mix(in oklch,var(--palette-accent),transparent 92%)}.template-back-float{position:fixed;left:0;bottom:2rem;z-index:250;display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem .625rem .75rem;background-color:var(--palette-primary);color:#fff;text-decoration:none;font-size:.875rem;font-weight:600;border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:2px 0 8px #00000026;transition:background-color var(--transition-fast),transform var(--transition-fast)}.template-back-float:hover{background-color:var(--color-primary-dark);transform:translate(2px)}.ps-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:300;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;background-color:var(--palette-accent);color:#fff;border:none;border-radius:var(--radius-md) 0 0 var(--radius-md);cursor:pointer;box-shadow:-2px 0 8px #00000026;transition:background-color var(--transition-fast),right var(--transition-slow)}.ps-toggle:hover{background-color:var(--color-accent-dark)}.ps-toggle.open{right:340px}@media(max-width:639px){.ps-toggle.open{right:300px}}.ps-overlay{position:fixed;inset:0;z-index:298;background:#0000004d;opacity:0;visibility:hidden;transition:opacity var(--transition-slow),visibility var(--transition-slow)}.ps-overlay.open{opacity:1;visibility:visible}.ps-panel{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:90vw;z-index:299;background-color:var(--palette-background);box-shadow:-4px 0 20px #0000001f;transform:translate(100%);transition:transform var(--transition-slow);display:flex;flex-direction:column;overflow-y:auto}.ps-panel.open{transform:translate(0)}@media(max-width:639px){.ps-panel{width:300px}}.ps-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--palette-surface)}.ps-title{font-size:1rem;font-weight:700;color:var(--palette-text);margin:0}.ps-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;border-radius:var(--radius-sm);color:var(--palette-secondary);cursor:pointer;transition:background-color var(--transition-fast)}.ps-close:hover{background-color:color-mix(in oklch,var(--palette-surface),transparent 50%)}.ps-body{flex:1;padding:1.25rem 1.5rem}.ps-section{margin-bottom:1.75rem}.ps-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--palette-secondary);margin-bottom:.75rem}.ps-presets{display:flex;flex-direction:column;gap:.5rem}.ps-preset{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;background:none;border:1.5px solid color-mix(in oklch,var(--palette-surface),transparent 30%);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);width:100%;text-align:left}.ps-preset:hover{border-color:var(--palette-accent);background-color:color-mix(in oklch,var(--palette-accent),transparent 95%)}.ps-preset-name{font-size:.8125rem;font-weight:600;color:var(--palette-text);white-space:nowrap}.ps-preset-swatches{display:flex;gap:.25rem}.ps-swatch{width:1.25rem;height:1.25rem;border-radius:var(--radius-sm);flex-shrink:0}.ps-random-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;color:var(--palette-accent);background:none;border:1.5px solid var(--palette-accent);border-radius:var(--radius-md);cursor:pointer;width:100%;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast)}.ps-random-btn:hover{background-color:var(--palette-accent);color:#fff}.ps-custom{display:flex;flex-direction:column;gap:.625rem}.ps-color-field{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ps-color-field span{font-size:.8125rem;font-weight:500;color:var(--palette-text)}.ps-color-field input[type=color]{-webkit-appearance:none;appearance:none;width:2.5rem;height:2rem;border:1.5px solid color-mix(in oklch,var(--palette-surface),transparent 30%);border-radius:var(--radius-sm);padding:2px;cursor:pointer;background:none}.ps-color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.ps-color-field input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}