:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-secondary: #64748b;--color-success: #22c55e;--color-danger: #ef4444;--color-background: #f8fafc;--color-surface: #ffffff;--color-border: #e2e8f0;--color-text: #1e293b;--color-text-muted: #64748b;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}body{background:var(--color-background);color:var(--color-text);line-height:1.5}.app{display:grid;grid-template-columns:280px 1fr 280px;grid-template-rows:60px 1fr;height:100vh;gap:0}.header{grid-column:1 / -1;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--spacing-lg);gap:var(--spacing-lg)}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);overflow-y:auto;padding:var(--spacing-md)}.sidebar-right{border-right:none;border-left:1px solid var(--color-border)}.main-content{background:var(--color-background);overflow:auto;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-background)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md)}.section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all .15s ease}.dropzone:hover,.dropzone.active{border-color:var(--color-primary);background:#2563eb0d}.dropzone-text{color:var(--color-text-muted)}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.template-card{aspect-ratio:1;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;overflow:hidden}.template-card:hover{border-color:var(--color-primary)}.template-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb33}.page-preview{background:#fff;box-shadow:var(--shadow-lg);aspect-ratio:1;max-width:600px;width:100%}.page-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.page-thumbnail{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-sm);aspect-ratio:1;cursor:pointer;overflow:hidden}.page-thumbnail:hover,.page-thumbnail.selected{border-color:var(--color-primary)}.page-thumbnail.drop-target{border-color:var(--color-primary);border-style:solid;background:#2563eb14}.page-thumbnail[draggable=true]{cursor:grab}.page-thumbnail[draggable=true]:active{cursor:grabbing}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}.image-thumbnail{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;opacity:.9;transition:all .15s ease}.image-thumbnail:hover{opacity:1;transform:scale(1.02)}.image-thumbnail.used{opacity:.5}.slot-container{display:flex;align-items:center;justify-content:center}.slot-active{z-index:1;box-shadow:0 0 0 2px #2563eb4d}.slot-zoom-controls{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs);background:#0009;color:#fff;border-radius:var(--radius-sm);padding:2px var(--spacing-xs);font-size:.625rem;pointer-events:auto}.slot-zoom-level{font-variant-numeric:tabular-nums}.slot-zoom-reset{background:none;border:none;color:#fff;cursor:pointer;padding:0 2px;font-size:.625rem;line-height:1;opacity:.8}.slot-zoom-reset:hover{opacity:1}.slot-zoom-hint{position:absolute;bottom:var(--spacing-xs);left:50%;transform:translate(-50%);background:#00000080;color:#fff;border-radius:var(--radius-sm);padding:2px var(--spacing-sm);font-size:.625rem;white-space:nowrap;pointer-events:none}.slot-editing{border-style:solid!important}.text-toolbar{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.text-toolbar-select{padding:2px 4px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;background:var(--color-surface);color:var(--color-text);cursor:pointer}.text-toolbar-color{width:24px;height:24px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:none}.text-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--color-text);font-size:.75rem;font-weight:700;cursor:pointer}.text-toolbar-btn:hover{background:var(--color-background)}.text-toolbar-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.text-toolbar-btn.italic{font-style:italic}.text-toolbar-separator{width:1px;height:18px;background:var(--color-border);margin:0 2px}.undo-redo-group{display:flex;gap:2px}.btn-icon{padding:var(--spacing-xs);line-height:1;display:inline-flex;align-items:center;justify-content:center}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.import-tabs{display:flex;gap:0;margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.import-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.875rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.import-tab:hover{color:var(--color-text)}.import-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.immich-setup{padding:var(--spacing-md) 0}.album-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.album-card{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .15s ease}.album-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.album-card-thumb{aspect-ratio:16/9;background:var(--color-background)}.album-card-info{padding:var(--spacing-sm)}