@font-face{font-family:NotoSansHans DemiLight;src:url(/fonts/NotoSansHans-DemiLight.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NotoSansHans Bold;src:url(/fonts/NotoSansHans-Bold.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.tool-container{max-width:min(1250px,95vw);margin:0 auto}.generator-layout{display:flex;gap:clamp(1rem,3vw,1.5rem)}.generator-panel{flex:1 1 56.6%}.preview-panel{flex:1 1 46%;display:flex;flex-direction:column}.generator-tabs{margin-bottom:var(--space-6)}.generator-view{display:none}.generator-view.active{display:block;animation:fadeIn .4s var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#templates-view{position:relative}.mail-generator{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(.75rem,3vw,1.5rem);height:100%;display:flex;flex-direction:column}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-4)}.toolbar-section{display:contents}.toolbar-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.toolbar-item .toolbar-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--weight-medium)}.toolbar-item .toolbar-btn:hover{box-shadow:0 0 12px var(--color-accent-50);border-color:var(--color-accent-400)}.toolbar-item:hover .toolbar-label{color:var(--color-text)}.toolbar-btn,.toolbar-select{background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);height:40px;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.toolbar-btn{width:40px;padding:0;font-size:var(--text-base);display:flex;align-items:center;justify-content:center}#bold-italic-btn i{font-size:.8em}#bold-italic-btn i:first-child{margin-right:-4px}#clear-btn,#undo-btn{background:#ef444433;border:1px solid rgba(239,68,68,.4);transition:all var(--duration-fast) var(--ease-out)}#clear-btn:hover:not(:disabled),#undo-btn:hover:not(:disabled){background:#ef444459;border-color:#ef444499;box-shadow:0 0 16px #ef444440}.toolbar-btn:disabled{cursor:not-allowed;color:var(--color-text-placeholder);background:var(--color-surface-inset);opacity:.5}.toolbar-btn:disabled:hover{border-color:var(--color-border);box-shadow:none;transform:none}.toolbar-select{padding:0 var(--space-3);-webkit-appearance:none;-moz-appearance:none;appearance:none}.toolbar-btn:hover,.toolbar-select:hover{background:var(--color-surface-alt);border-color:var(--color-accent-400)}.toolbar-select option{background:var(--color-bg);color:var(--color-text)}#mail-input{width:100%;flex-grow:1;min-height:clamp(150px,30vw,250px);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:clamp(.5rem,1.5vw,.75rem);font-family:var(--font-primary);font-size:var(--text-md);resize:none}.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-3)}.resize-control{display:inline-flex;align-items:center;gap:var(--space-2)}.editor-resize-handle{width:32px;height:26px;min-width:0;min-height:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:ns-resize;font-size:13px;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);touch-action:none}.editor-resize-handle:hover,.editor-resize-handle:focus-visible{color:var(--color-accent-400);background:color-mix(in oklch,var(--color-accent-fill) 15%,var(--color-surface-alt));border-color:var(--color-accent-400)}.editor-resize-handle:active{background:color-mix(in oklch,var(--color-accent-fill) 25%,var(--color-surface-alt))}.editor-resize-handle i{pointer-events:none}.resize-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic}.custom-dropdown{position:relative}.custom-dropdown-options{position:absolute;top:calc(100% + 5px);left:0;background:#10121680;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg);z-index:10;width:150px;overflow:hidden;display:none;box-shadow:0 16px 48px #0000008c;padding:var(--space-2)}.custom-dropdown-options.visible{display:block}.custom-option{padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);font-size:var(--text-sm);border-radius:var(--radius-md);color:var(--color-text-secondary)}.custom-option:hover{background:#ffffff0f;color:var(--color-text)}.color-swatch{width:16px;height:16px;border-radius:3px;border:1px solid var(--color-border-strong)}.color-wheel-icon{width:16px;height:16px}#custom-size-options{min-width:80px}#custom-size-options .custom-option{justify-content:flex-start;gap:var(--space-3)}#custom-size-options .custom-option i{color:var(--color-text-tertiary);width:20px;text-align:center}#custom-color-picker-container{display:none;padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border-subtle);align-items:center;justify-content:space-between;gap:var(--space-3)}#custom-color-picker-container .color-input-group{display:flex;align-items:center;gap:var(--space-2)}#custom-color-picker-container .color-input-group label{display:inline;margin-bottom:0;margin-right:8px}#custom-color-picker-container input[type=color],.color-input-group input[type=color]{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-border);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:0}#custom-color-picker-container input[type=color]::-webkit-color-swatch,.color-input-group input[type=color]::-webkit-color-swatch{border-radius:50%;border:none}.btn-primary-small{padding:var(--space-1) var(--space-2)!important;font-size:var(--text-xs)!important;font-weight:var(--weight-medium)!important;line-height:1;height:auto;min-height:0}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);gap:var(--space-4)}.preview-tabs{display:flex;gap:var(--space-2)}.preview-tab-btn{background:var(--color-surface-alt);border:1px solid rgba(255,255,255,.4);color:var(--color-text);padding:var(--space-2) var(--space-6);min-width:130px;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-medium);letter-spacing:-.005em;transition:all var(--duration-fast) var(--ease-out)}[data-theme=light] .preview-tab-btn{border-color:#00000059}.preview-tab-btn:hover{border-color:var(--color-accent-400);color:var(--color-text)}.preview-tab-btn.active{background:var(--color-accent-50);color:var(--color-accent-400);border-color:var(--color-accent-400)}.mail-preview-container{flex-grow:1;min-height:200px;position:relative;overflow:hidden;border-style:solid;border-width:25px 15px;border-image-slice:25 15 fill;border-image-repeat:stretch}.mail-preview-container.mail-bg{border-image-source:url(/images/mail/tools_mail_preview.webp)}.mail-preview-container.board-bg{border-image-source:url(/images/mail/tools_board_preview.webp)}#mail-preview{font-family:"NotoSansHans DemiLight",var(--font-primary);position:relative;z-index:1;width:100%;height:100%;line-height:1.45;font-size:12.5px;word-wrap:break-word;color:#e0e0e0;overflow-y:auto;white-space:pre-wrap;padding:10px 20px;text-rendering:geometricPrecision}#mail-preview .error-underline{text-decoration:red wavy underline}.mail-bg #mail-preview{color:#000}#mail-preview strong{font-family:"NotoSansHans Bold","NotoSansHans DemiLight",var(--font-primary);font-weight:400;-webkit-text-stroke:.1px currentColor}#mail-preview em{font-style:italic}#custom-gradient-options{width:240px;padding:var(--space-4)}#custom-gradient-options .btn-primary-small{padding:var(--space-1) var(--space-3)!important}.gradient-picker-dropdown{display:flex;justify-content:space-around;margin-bottom:var(--space-4)}.color-input-group{text-align:center}.color-input-group label{display:block;margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-out)}.color-input-group:hover label{color:var(--color-text)}.color-input-group input[type=color]{width:40px;height:40px}.gradient-strength-container,.gradient-slider-container{margin-bottom:var(--space-4)}.gradient-control-label{display:block;text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);font-weight:var(--weight-medium);transition:color var(--duration-fast) var(--ease-out)}.gradient-strength-container:hover .gradient-control-label,.gradient-slider-container:hover .gradient-control-label{color:var(--color-text)}.slider-wrapper{display:flex;align-items:center;gap:var(--space-2);height:16px}.gradient-slider-container .slider-wrapper{display:grid;align-items:center}.gradient-slider-container .slider-wrapper>*{grid-column:1 / -1;grid-row:1 / -1}.slider-wrapper span{font-size:var(--text-xs);color:var(--color-text-tertiary)}#gradient-strength-slider{background:linear-gradient(to right,#333,#fff);border:1px solid var(--color-border)}.gradient-preview-bar{width:100%;height:8px;border-radius:5px;border:1px solid var(--color-border)}#gradient-bias-slider{position:relative;z-index:2}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:transparent;border-radius:5px;outline:none;margin:0;flex-grow:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-accent-500);cursor:pointer;border-radius:50%;border:2px solid var(--color-surface-alt);margin-top:-4px}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--color-accent-500);cursor:pointer;border-radius:50%;border:2px solid var(--color-surface-alt)}#gradient-strength-slider::-webkit-slider-thumb,#gradient-bias-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:20px;background:var(--color-accent-400);cursor:pointer;border-radius:4px;border:2px solid var(--color-surface-alt);margin-top:-6px}#gradient-strength-slider::-moz-range-thumb,#gradient-bias-slider::-moz-range-thumb{width:4px;height:16px;background:var(--color-accent-400);cursor:pointer;border-radius:4px;border:2px solid var(--color-surface-alt)}.dropdown-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-6);gap:var(--space-3)}.gradient-char-counter{font-size:var(--text-sm);color:var(--color-text-secondary);flex-grow:1;text-align:left}.char-counter{font-size:var(--text-sm);color:var(--color-text-secondary)}.template-layout{display:flex;gap:clamp(1rem,4vw,3rem);align-items:flex-start}.template-gallery-wrapper{flex:1;min-width:0}.template-gallery-header{position:relative;display:flex;align-items:center;margin-bottom:var(--space-4);padding-right:var(--space-2);gap:var(--space-3)}.filter-pill{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;min-height:0;min-width:0;padding:0 var(--space-4);background:#181a208c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.filter-pill:hover{color:var(--color-text);border-color:var(--color-accent-400);background:#181a20b3}.filter-pill.is-open{color:var(--color-accent-400);border-color:var(--color-accent-400);background:color-mix(in oklch,var(--color-accent-500) 18%,rgba(24,26,32,.6))}.filter-pill i{font-size:.9em}[data-theme=light] .filter-pill{background:#ffffffb3;border-color:#0000001f;color:var(--color-text)}[data-theme=light] .filter-pill:hover{background:#ffffffe6}.template-search-wrapper{flex-grow:1;position:relative;display:flex;align-items:center}.template-search-icon{position:absolute;left:var(--space-4);color:var(--color-text-secondary);font-size:1em;pointer-events:none;transition:color var(--duration-fast) var(--ease-out)}#template-search-input{width:100%;background:#181a208c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:0 var(--space-4) 0 calc(var(--space-4) + 1.2em);color:var(--color-text);font-size:var(--text-sm);height:40px;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}#template-search-input::placeholder{color:var(--color-text-tertiary)}#template-search-input:focus{outline:none;border-color:var(--color-accent-400);background:#181a20b3;box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent-500) 18%,transparent)}#template-search-input:focus+.template-search-icon,.template-search-wrapper:focus-within .template-search-icon{color:var(--color-accent-400)}[data-theme=light] #template-search-input{background:#ffffffb3;border-color:#0000001f}[data-theme=light] #template-search-input:focus{background:#ffffffe6}.template-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:clamp(.5rem,2vw,1rem);max-height:clamp(400px,70vh,600px);min-height:clamp(250px,40vw,600px);overflow-y:auto;padding:var(--space-1) var(--space-2) var(--space-2) var(--space-1);align-content:start}.template-item{position:relative;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.template-item:hover{border-color:color-mix(in oklch,var(--color-accent-400) 70%,var(--color-border));transform:translateY(-2px);box-shadow:0 10px 24px -10px #00000080,0 0 0 1px color-mix(in oklch,var(--color-accent-400) 40%,transparent)}.template-item.selected{border-color:var(--color-accent-400);box-shadow:0 0 0 2px color-mix(in oklch,var(--color-accent-400) 70%,transparent),0 14px 32px -12px color-mix(in oklch,var(--color-accent-500) 50%,transparent);transform:translateY(-2px)}.template-item.selected:after{content:"";position:absolute;top:var(--space-2);right:var(--space-2);width:22px;height:22px;border-radius:999px;background:var(--color-accent-500);box-shadow:0 2px 8px color-mix(in oklch,var(--color-accent-500) 60%,transparent);z-index:2;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-repeat:no-repeat;background-size:14px 14px;background-position:center}.template-item img{width:100%;height:145px;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-out)}.template-item:hover img{transform:scale(1.015)}.template-item h4{margin:0;padding:var(--space-6) var(--space-3) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:#fff;text-align:left;position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,#000000eb,#0009 55%,#0000);z-index:1;line-height:1.25;letter-spacing:-.005em}.filter-panel{position:absolute;top:calc(100% + var(--space-3));left:0;width:300px;z-index:1001;background:#101216b3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-xl);box-shadow:0 16px 48px #0000008c,0 0 0 1px #0003;opacity:0;visibility:hidden;transform:translateY(-6px);transition:none}.filter-panel.visible{opacity:1;visibility:visible;transform:translateY(0);transition:none}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.filter-options{padding:var(--space-4);max-height:400px;overflow-y:auto}#filter-reset-btn{min-height:0;min-width:0;height:28px;padding:0 var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);gap:var(--space-1);line-height:1}.filter-category h5{color:var(--color-accent-400);margin-top:var(--space-4);margin-bottom:var(--space-3);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.06em}.filter-category:first-child h5{margin-top:0}.filter-category.has-divider{padding-bottom:var(--space-4);margin-bottom:var(--space-4);position:relative}.filter-category.has-divider:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background:linear-gradient(to right,transparent,var(--color-accent-400),transparent);opacity:.3}.filter-option{display:flex;align-items:center;margin-bottom:var(--space-3);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.filter-option:hover{color:var(--color-accent-400)}.filter-option input{margin-right:var(--space-2);accent-color:var(--color-accent-500);cursor:pointer}.template-preview-wrapper{width:min(400px,100%);display:flex;flex-direction:column;gap:var(--space-3)}.preview-column-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-1)}.preview-column-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.preview-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-tertiary);font-weight:var(--weight-medium)}.preview-column-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold, 600);color:var(--color-text);line-height:1.2;letter-spacing:-.01em;transition:color var(--duration-fast) var(--ease-out)}.preview-column-title:not(.visible){color:var(--color-text-tertiary)}.magnified-preview-container{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2);display:flex;align-items:center;justify-content:center;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out);aspect-ratio:16 / 9}.magnified-preview-container.has-image{border-color:color-mix(in oklch,var(--color-accent-400) 35%,var(--color-border));box-shadow:0 0 0 1px color-mix(in oklch,var(--color-accent-400) 25%,transparent),0 18px 40px -20px color-mix(in oklch,var(--color-accent-500) 50%,transparent);padding:var(--space-2);aspect-ratio:auto}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text-tertiary);text-align:center;padding:var(--space-4);transition:opacity var(--duration-slow) var(--ease-out)}.preview-placeholder i{font-size:1.6rem;color:var(--color-text-tertiary);opacity:.7}.preview-placeholder p{margin:0;font-size:var(--text-sm);max-width:24ch;line-height:1.4}#magnified-image{width:100%;height:auto;border-radius:var(--radius-md);display:none}.magnified-preview-container.has-image .preview-placeholder{display:none}.magnified-preview-container.has-image #magnified-image{display:block}.load-template-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:34px;min-width:110px;flex-shrink:0;padding:var(--space-2) var(--space-6);background:color-mix(in oklch,var(--color-accent-500) 30%,transparent);border:1px solid rgba(255,255,255,.55);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.load-template-btn:hover:not(:disabled){background:color-mix(in oklch,var(--color-accent-500) 50%,transparent);box-shadow:0 0 20px color-mix(in oklch,var(--color-accent-500) 35%,transparent);transform:translateY(-1px)}.load-template-btn:active:not(:disabled){transform:translateY(0)}.load-template-btn:disabled{opacity:.45;cursor:not-allowed}.load-template-btn img{height:1.1em;width:auto;object-fit:contain;flex-shrink:0}[data-theme=light] .load-template-btn{background:color-mix(in oklch,var(--color-accent-500) 22%,transparent);border-color:#0000008c;color:var(--color-text)}[data-theme=light] .load-template-btn:hover:not(:disabled){background:color-mix(in oklch,var(--color-accent-500) 38%,transparent);border-color:#000000b3;box-shadow:0 0 16px color-mix(in oklch,var(--color-accent-500) 30%,transparent)}.template-credits{margin-top:clamp(1rem,3vw,2rem);padding:clamp(1rem,3vw,1.5rem) clamp(1.25rem,4vw,2rem);background:#ffffff05;border-radius:var(--radius-lg);border:1px solid color-mix(in oklch,var(--color-accent-400) 30%,var(--color-border));box-shadow:0 0 0 1px color-mix(in oklch,var(--color-accent-400) 12%,transparent),0 0 24px -4px color-mix(in oklch,var(--color-accent-500) 25%,transparent);text-align:center}[data-theme=light] .template-credits{background:#00000005}.template-credits h4{color:var(--color-accent-400);margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold, 600);letter-spacing:-.005em}.template-credits p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 auto var(--space-4);line-height:1.5;white-space:nowrap}@media(max-width:768px){.template-credits p{white-space:normal;text-wrap:balance}}.template-credits ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:clamp(1rem,3vw,1.5rem);flex-wrap:wrap}.template-credits li{color:var(--color-text);font-weight:var(--weight-medium)}.template-credits .secondary-thanks{margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:calc(var(--text-sm) * .95)}.contributors-secondary{gap:var(--space-4)!important}.contributors-secondary li{font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--color-text)}.modal-content{padding:var(--space-8);text-align:center;max-width:420px}.modal-content h3{margin-top:0;margin-bottom:var(--space-2);color:var(--color-text)}.modal-content p{margin-bottom:var(--space-6);color:var(--color-text-secondary)}.btn-danger{background-color:#ef444433;border:1px solid rgba(239,68,68,.5);color:#f87171;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-danger:hover{background-color:#ef444459;border-color:#ef4444;color:#fff}.simple-modal-content{padding:var(--space-8);max-width:340px}.simple-modal-content h3{margin-top:0;margin-bottom:var(--space-6);font-size:var(--text-lg);text-align:center;font-family:var(--font-display);font-weight:var(--weight-semibold)}.simple-modal-content input[type=number],.simple-modal-content input[type=text]{width:100%;padding:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);margin-bottom:var(--space-4);text-align:center;font-size:var(--text-base)}.simple-modal-actions{display:flex;justify-content:space-between;gap:var(--space-3)}.simple-modal-actions button{flex:1}#saved-templates-view{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(1rem,3vw,1.5rem) clamp(1rem,3vw,2rem);min-height:clamp(400px,60vw,600px)}.saved-templates-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:2px solid color-mix(in oklch,var(--color-accent-400) 55%,transparent);box-shadow:0 1px color-mix(in oklch,var(--color-accent-500) 15%,transparent)}.saved-templates-heading{display:inline-flex;align-items:center;gap:var(--space-3)}.saved-templates-heading h2{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold, 600);letter-spacing:-.01em}.saved-templates-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 var(--space-2);border-radius:999px;background:color-mix(in oklch,var(--color-accent-500) 22%,transparent);color:var(--color-accent-400);font-size:var(--text-xs);font-weight:var(--weight-semibold, 600);font-variant-numeric:tabular-nums;border:1px solid color-mix(in oklch,var(--color-accent-400) 40%,transparent)}.saved-templates-hint{margin:0;display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary)}.saved-templates-hint i{color:var(--color-accent-400);opacity:.85}.saved-templates-hint strong{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.saved-templates-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.2fr) minmax(140px,auto);column-gap:var(--space-4);align-items:center}.grid-header{font-weight:var(--weight-semibold, 600);font-size:var(--text-xs);color:var(--color-accent-400);text-transform:uppercase;letter-spacing:.1em;padding-bottom:var(--space-3)}.grid-header--right{text-align:right;justify-self:end}.grid-row{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;border-top:1px solid var(--color-border-subtle);transition:background var(--duration-fast) var(--ease-out);position:relative;cursor:default}.grid-row:first-of-type{border-top:none}.grid-row:hover{background:color-mix(in oklch,var(--color-accent-500) 8%,transparent)}.grid-row>div,.grid-row>.template-actions{padding:var(--space-4) var(--space-2);display:flex;align-items:center;min-width:0}.template-name{font-weight:var(--weight-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-date{font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.template-actions{display:flex;gap:var(--space-2);justify-content:flex-end;align-items:center}.saved-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:34px;min-width:0;min-height:0;padding:0 var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.saved-action i{font-size:.95em;flex-shrink:0}.saved-action:hover,.saved-action:focus-visible{color:var(--color-accent-400);border-color:var(--color-accent-400);background:color-mix(in oklch,var(--color-accent-500) 12%,transparent);transform:translateY(-1px)}.saved-action--delete:hover,.saved-action--delete:focus-visible{color:var(--color-error);border-color:var(--color-error);background:color-mix(in oklch,var(--color-error) 14%,transparent)}@media(max-width:960px){.saved-action{width:34px;padding:0;gap:0}.saved-action span{display:none}}.saved-templates-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:clamp(2rem,6vw,4rem) var(--space-6);text-align:center}.saved-templates-empty-icon{width:64px;height:64px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--color-accent-500) 12%,transparent);border:1px solid color-mix(in oklch,var(--color-accent-400) 30%,transparent);color:var(--color-accent-400);font-size:1.5rem}.saved-templates-empty h3{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold, 600);color:var(--color-text)}.saved-templates-empty p{margin:0;max-width:46ch;color:var(--color-text-secondary);line-height:1.5;font-size:var(--text-sm)}.saved-templates-empty .load-template-btn{margin-top:var(--space-2);min-width:220px}#logged-out-overlay{position:absolute;inset:0;background:var(--color-surface);display:flex;align-items:center;justify-content:center;text-align:center;border-radius:var(--radius-lg);z-index:10;padding:var(--space-6)}[data-theme=light] #logged-out-overlay{background:var(--color-surface)}.logged-out-message{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:68ch}.logged-out-icon{width:68px;height:68px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--color-accent-500) 14%,transparent);border:1px solid color-mix(in oklch,var(--color-accent-400) 35%,transparent);color:var(--color-accent-400);font-size:1.65rem;box-shadow:0 0 0 6px color-mix(in oklch,var(--color-accent-500) 6%,transparent)}.logged-out-message h3{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold, 600);color:var(--color-text);letter-spacing:-.005em}.logged-out-sub{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.55;text-wrap:balance}#custom-alert-message{margin-bottom:var(--space-4);padding:0 var(--space-4);color:var(--color-text-secondary);text-align:center}@media(max-width:768px){.saved-templates-grid{grid-template-columns:1fr}.saved-templates-grid .grid-header{display:none}.grid-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-2) var(--space-3);padding:var(--space-4) 0}.grid-row>div,.grid-row>.template-actions{padding:0}.grid-row .template-name{grid-column:1 / 2}.grid-row .template-actions{grid-column:2 / 3;grid-row:1 / 3}.grid-row .grid-date-saved,.grid-row .grid-last-loaded{grid-column:1 / 2;font-size:var(--text-xs);color:var(--color-text-tertiary)}.grid-row .grid-date-saved:before{content:"Saved "}.grid-row .grid-last-loaded:before{content:"Loaded "}}.preview-actions{display:flex;gap:var(--space-3);align-items:center;justify-content:flex-end;flex-grow:1}.preview-actions #save-btn,.preview-actions #copy-btn{background:color-mix(in oklch,var(--color-accent-500) 32%,transparent);border:1px solid rgba(255,255,255,.55);color:var(--color-text);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-5);min-height:34px;gap:var(--space-3)}.preview-actions #save-btn:hover,.preview-actions #copy-btn:hover{background:color-mix(in oklch,var(--color-accent-500) 50%,transparent);box-shadow:0 0 20px color-mix(in oklch,var(--color-accent-500) 35%,transparent)}.preview-actions #save-btn i{font-size:.95rem}.preview-actions #copy-btn img{height:1.1em!important;width:auto}[data-theme=light] .preview-actions #save-btn,[data-theme=light] .preview-actions #copy-btn{background:color-mix(in oklch,var(--color-accent-500) 22%,transparent);border-color:#0000008c;color:var(--color-text)}[data-theme=light] .preview-actions #save-btn:hover,[data-theme=light] .preview-actions #copy-btn:hover{background:color-mix(in oklch,var(--color-accent-500) 38%,transparent);border-color:#000000b3;box-shadow:0 0 16px color-mix(in oklch,var(--color-accent-500) 30%,transparent)}#save-btn{min-width:min(95px,30vw)}#copy-btn{min-width:min(120px,40vw)}[data-theme=light] .mail-generator{background:var(--color-surface);border-color:var(--color-border)}[data-theme=light] .custom-dropdown-options{background:#eceef18c;border-color:#00000014;box-shadow:0 16px 48px #00000026}[data-theme=light] .custom-option:hover{background:#0000000d}[data-theme=light] .filter-panel{background:#eceef18c;border-color:#00000014;box-shadow:0 16px 48px #00000026}[data-theme=light] #saved-templates-view{background:var(--color-surface)}[data-theme=light] #logged-out-overlay{background:#eceef180}@media(max-width:1200px){.magnified-preview-container{display:none}}@media(max-width:820px){.generator-layout{flex-direction:column}}@media(max-width:768px){#bold-italic-item{display:none}.toolbar-btn{width:36px;height:36px}.toolbar-btn,.toolbar-select{height:36px}.toolbar-btn i{font-size:.95em}.toolbar-item{gap:var(--space-1)}.toolbar-item .toolbar-label{font-size:10px}.template-layout{flex-direction:column}.template-preview-wrapper{width:100%;order:1}#magnified-preview-container{display:flex;width:100%}.magnified-preview-container.has-image{filter:none;box-shadow:none}.template-gallery-wrapper{order:2}#template-gallery{grid-template-columns:repeat(2,1fr)}.saved-templates-grid{grid-template-columns:1fr;gap:0}.grid-header{display:none}.grid-row{display:flex;flex-direction:column;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-subtle);align-items:flex-start}.grid-row>div{border:none;padding:2px 0}.template-date:before{font-weight:var(--weight-semibold);color:var(--color-text-secondary);margin-right:var(--space-2)}.grid-date-saved:before{content:"Saved:"}.grid-last-loaded:before{content:"Last Loaded:"}.template-actions{margin-top:var(--space-3);justify-content:flex-start}.preview-header{flex-wrap:wrap}.preview-actions{flex-basis:100%;justify-content:flex-end;margin-top:var(--space-2)}#copy-btn span{white-space:nowrap}#mail-preview{font-size:14px}}.generator-panel-content{width:100%}.kvk-generator-container.svelte-oskfh4{max-width:720px;margin:0 auto;padding:var(--spacing-4)}.generator-island.svelte-oskfh4{background:#141518eb;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:clamp(var(--spacing-4),3vw,var(--spacing-8))}[data-theme=light] .generator-island.svelte-oskfh4{background:var(--color-surface);border-color:var(--color-border)}.generator-island.svelte-oskfh4:has(.auth-gate-wrapper:where(.svelte-oskfh4)){background:transparent;border:none;padding:0}.auth-gate-wrapper.svelte-oskfh4{position:relative;min-height:520px}.auth-gate-overlay.svelte-oskfh4{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid color-mix(in oklch,var(--color-accent-400) 30%,var(--color-border));border-radius:var(--radius-lg);box-shadow:0 0 0 1px color-mix(in oklch,var(--color-accent-500) 12%,transparent),0 18px 48px -20px color-mix(in oklch,var(--color-accent-500) 45%,transparent)}.auth-gate-content.svelte-oskfh4{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);text-align:center;padding:clamp(var(--spacing-8),5vw,var(--spacing-12)) var(--spacing-8);max-width:48ch}.auth-gate-icon.svelte-oskfh4{width:72px;height:72px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--color-accent-500) 14%,transparent);border:1px solid color-mix(in oklch,var(--color-accent-400) 35%,transparent);color:var(--color-accent-400);box-shadow:0 0 0 6px color-mix(in oklch,var(--color-accent-500) 6%,transparent);overflow:hidden}.auth-gate-icon.svelte-oskfh4 img:where(.svelte-oskfh4){width:42px;height:42px;object-fit:contain}.auth-gate-content.svelte-oskfh4 h3:where(.svelte-oskfh4){font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:600;margin:0;color:var(--color-text);letter-spacing:-.01em;text-wrap:balance}.auth-gate-content.svelte-oskfh4 p:where(.svelte-oskfh4){color:var(--color-text-secondary);margin:0;font-size:var(--font-size-sm);line-height:1.55;text-wrap:balance}.auth-gate-benefits.svelte-oskfh4{list-style:none;padding:0;margin:var(--spacing-2) 0;display:flex;flex-direction:column;gap:var(--spacing-2);text-align:left}.auth-gate-benefits.svelte-oskfh4 li:where(.svelte-oskfh4){display:inline-flex;align-items:center;gap:var(--spacing-3);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.auth-gate-benefits.svelte-oskfh4 li:where(.svelte-oskfh4) svg:where(.svelte-oskfh4){color:var(--color-accent-400);flex-shrink:0}.auth-gate-blurred.svelte-oskfh4{display:none}.fake-form.svelte-oskfh4{display:flex;flex-direction:column;gap:var(--spacing-4)}.fake-select.svelte-oskfh4{height:48px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.fake-camps.svelte-oskfh4{display:flex;gap:var(--spacing-4)}.fake-camp.svelte-oskfh4{flex:1;height:120px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.fake-button.svelte-oskfh4{height:44px;width:180px;background:color-mix(in oklch,var(--color-accent-500) 18%,var(--color-surface-alt));border:1px solid color-mix(in oklch,var(--color-accent-400) 25%,var(--color-border));border-radius:var(--radius-md);margin-left:auto}.btn-action.svelte-oskfh4{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);font-family:var(--font-family);text-decoration:none;cursor:pointer;min-height:44px;border:none;transition:all .25s ease;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none}.btn-action.svelte-oskfh4:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.btn-primary-action.svelte-oskfh4{background:color-mix(in oklch,var(--color-accent-500) 32%,transparent);border:1px solid rgba(255,255,255,.55);color:var(--color-text);min-height:36px;min-width:140px;padding:var(--spacing-2) var(--spacing-8);z-index:1}[data-theme=light] .btn-primary-action.svelte-oskfh4{background:color-mix(in oklch,var(--color-accent-500) 22%,transparent);border-color:#0000008c;color:var(--color-text)}.btn-primary-action.svelte-oskfh4:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .4s ease;z-index:-1}.btn-primary-action.svelte-oskfh4:hover{background:color-mix(in oklch,var(--color-accent-500) 50%,transparent);box-shadow:0 0 20px color-mix(in oklch,var(--color-accent-500) 35%,transparent);transform:translateY(-2px)}[data-theme=light] .btn-primary-action.svelte-oskfh4:hover{background:color-mix(in oklch,var(--color-accent-500) 38%,transparent);border-color:#000000b3;box-shadow:0 0 16px color-mix(in oklch,var(--color-accent-500) 30%,transparent)}.btn-primary-action.svelte-oskfh4:hover:before{left:100%}.btn-primary-action.svelte-oskfh4:active{transform:translateY(0);background:color-mix(in oklch,var(--color-accent-600) 55%,transparent)}.btn-primary-action.svelte-oskfh4:disabled{background:color-mix(in oklch,var(--color-accent-500) 10%,transparent);border-color:#ffffff26;color:var(--color-text-tertiary);cursor:not-allowed;transform:none}.btn-primary-action.svelte-oskfh4:disabled:before{display:none}.btn-secondary-action.svelte-oskfh4{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary-action.svelte-oskfh4:hover{background:#ffffff26;border-color:var(--border-hover);transform:translateY(-2px)}.btn-secondary-action.svelte-oskfh4:active{transform:translateY(0)}.btn-generate.svelte-oskfh4{background:color-mix(in oklch,var(--color-accent-500) 40%,transparent);border:1px solid rgba(255,255,255,.6);color:var(--color-text);font-size:var(--font-size-base);padding:var(--spacing-4) var(--spacing-6);z-index:1}[data-theme=light] .btn-generate.svelte-oskfh4{background:color-mix(in oklch,var(--color-accent-500) 28%,transparent);border-color:#0000008c;color:var(--color-text)}.btn-generate.svelte-oskfh4:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .4s ease;z-index:-1}.btn-generate.svelte-oskfh4:hover{background:color-mix(in oklch,var(--color-accent-500) 58%,transparent);box-shadow:0 0 24px color-mix(in oklch,var(--color-accent-500) 40%,transparent);transform:translateY(-2px)}[data-theme=light] .btn-generate.svelte-oskfh4:hover{background:color-mix(in oklch,var(--color-accent-500) 48%,transparent);border-color:#000000b3;box-shadow:0 0 20px color-mix(in oklch,var(--color-accent-500) 35%,transparent)}.btn-generate.svelte-oskfh4:hover:before{left:100%}.btn-generate.svelte-oskfh4:active{transform:translateY(0)}.btn-generate.svelte-oskfh4:disabled{background:color-mix(in oklch,var(--color-accent-500) 10%,transparent);border-color:#ffffff26;color:var(--color-text-tertiary);cursor:not-allowed;transform:none}.btn-generate.svelte-oskfh4:disabled:before{display:none}.btn-full.svelte-oskfh4{width:100%}.toggle-row.svelte-oskfh4{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);cursor:pointer}[data-theme=light] .toggle-row.svelte-oskfh4{background:#00000005;border-color:var(--color-border)}.toggle-label.svelte-oskfh4{display:flex;flex-direction:column;gap:var(--spacing-1)}.toggle-hint.svelte-oskfh4{font-size:var(--font-size-xs);color:var(--text-muted)}.toggle-switch.svelte-oskfh4{appearance:none;-webkit-appearance:none;position:relative;width:44px;height:24px;min-width:0;min-height:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:999px;cursor:pointer;transition:background .2s ease,border-color .2s ease;flex-shrink:0;padding:0;outline:none}[data-theme=light] .toggle-switch.svelte-oskfh4{background:#0000001a;border-color:#00000026}[data-theme=light] .toggle-thumb.svelte-oskfh4{background:#fff;box-shadow:0 1px 3px #00000040}.toggle-switch.active.svelte-oskfh4{background:color-mix(in oklch,var(--color-accent-500) 55%,transparent);border-color:color-mix(in oklch,var(--color-accent-400) 65%,transparent)}.toggle-thumb.svelte-oskfh4{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-primary);border-radius:50%;transition:transform .2s ease}.toggle-switch.active.svelte-oskfh4 .toggle-thumb:where(.svelte-oskfh4){transform:translate(20px)}.generator-loading.svelte-oskfh4{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-12);color:var(--text-secondary);gap:var(--spacing-4)}.spinner.svelte-oskfh4{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:svelte-oskfh4-spin .8s linear infinite}.spinner-lg.svelte-oskfh4{width:48px;height:48px;border-width:4px}@keyframes svelte-oskfh4-spin{to{transform:rotate(360deg)}}.spinner-small.svelte-oskfh4{display:inline-block;width:14px;height:14px;border:2px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:svelte-oskfh4-spin .8s linear infinite}.step-indicators.svelte-oskfh4{display:flex;align-items:center;gap:0;margin-bottom:var(--spacing-8);padding:var(--spacing-2) 0}.step-connector.svelte-oskfh4{flex:1;height:2px;background:var(--color-border);transition:background .4s ease;position:relative;margin:0 var(--spacing-2);border-radius:1px}.step-connector.completed.svelte-oskfh4{background:linear-gradient(to right,var(--color-accent-400),color-mix(in oklch,var(--color-accent-500) 50%,var(--color-border)))}.step-indicator.svelte-oskfh4{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);padding-left:40px;min-height:32px;background:none;border:none;color:var(--color-text-tertiary);font-family:var(--font-family-display);font-size:var(--font-size-sm);font-weight:600;cursor:default;transition:color .2s ease;white-space:nowrap}.step-indicator.svelte-oskfh4:before{content:counter(step-counter);counter-increment:step-counter;position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-alt);border:1.5px solid var(--color-border);border-radius:999px;font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;transition:all .25s ease}.step-indicators.svelte-oskfh4{counter-reset:step-counter}.step-icon.svelte-oskfh4{display:none}.step-indicator.svelte-oskfh4:not(:disabled){cursor:pointer}.step-indicator.active.svelte-oskfh4{color:var(--color-text)}.step-indicator.active.svelte-oskfh4:before{background:var(--color-accent-500);border-color:var(--color-accent-400);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent-500) 14%,transparent)}.step-indicator.completed.svelte-oskfh4{color:var(--color-accent-400)}.step-indicator.completed.svelte-oskfh4:before{content:"";background:color-mix(in oklch,var(--color-accent-500) 18%,var(--color-surface));border-color:var(--color-accent-400);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d1b5ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-repeat:no-repeat;background-position:center;background-size:14px 14px}.step-indicator.svelte-oskfh4:hover:not(:disabled):not(.active):before{border-color:var(--color-accent-400);color:var(--color-accent-400)}.generator-error.svelte-oskfh4{display:flex;align-items:flex-start;gap:var(--spacing-3);background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#fca5a5;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);line-height:1.5}.generator-error.svelte-oskfh4 svg:where(.svelte-oskfh4){flex-shrink:0;margin-top:2px;color:#ef4444b3}.generator-step.svelte-oskfh4 h3:where(.svelte-oskfh4){font-family:var(--font-family-display);font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-1)}.generator-step.svelte-oskfh4>p:where(.svelte-oskfh4){color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-6)}.setup-checklist.svelte-oskfh4{display:flex;flex-direction:column;gap:0}.checklist-item.svelte-oskfh4{display:flex;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-6);border-left:2px solid var(--border-color);margin-left:14px;position:relative;transition:opacity .3s ease}.checklist-item.locked.svelte-oskfh4{opacity:.35;pointer-events:none}.checklist-item.active.svelte-oskfh4,.checklist-item.completed.svelte-oskfh4{border-left-color:var(--accent-blue)}.checklist-marker.svelte-oskfh4{position:absolute;left:-15px;top:var(--spacing-4);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);flex-shrink:0;transition:all .25s ease;z-index:1}.checklist-item.active.svelte-oskfh4 .checklist-marker:where(.svelte-oskfh4){background:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-primary)}.checklist-item.completed.svelte-oskfh4 .checklist-marker:where(.svelte-oskfh4){background:color-mix(in oklch,var(--color-accent-500) 18%,var(--color-surface));border-color:var(--color-accent-400);color:var(--color-accent-400)}.phase-number.svelte-oskfh4{font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted)}.checklist-item.active.svelte-oskfh4 .phase-number:where(.svelte-oskfh4){color:var(--text-primary)}.checklist-content.svelte-oskfh4{flex:1;min-width:0}.checklist-content.svelte-oskfh4 h4:where(.svelte-oskfh4){margin:0 0 var(--spacing-3);font-family:var(--font-family-display);font-size:var(--font-size-base);color:var(--text-primary)}.checklist-item.completed.svelte-oskfh4 .checklist-content:where(.svelte-oskfh4) h4:where(.svelte-oskfh4){color:var(--accent-blue)}.checklist-content.svelte-oskfh4 p:where(.svelte-oskfh4){font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-4);line-height:1.5}.select-label.svelte-oskfh4{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-6);margin-bottom:var(--spacing-2)}[data-theme=light] .select-label.svelte-oskfh4{color:var(--color-text);font-weight:500}.server-picker-row.svelte-oskfh4{display:flex;gap:var(--spacing-2);align-items:flex-start}.server-picker-wrapper.svelte-oskfh4{position:relative;flex:1;max-width:320px}.server-picker-btn.svelte-oskfh4,.picker-btn.svelte-oskfh4{width:100%;padding:0 var(--spacing-3);background:#181a208c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);height:40px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}[data-theme=light] .server-picker-btn.svelte-oskfh4,[data-theme=light] .picker-btn.svelte-oskfh4{background:#ffffffb3;border-color:#0000001f}.server-picker-btn.svelte-oskfh4:hover,.picker-btn.svelte-oskfh4:hover{border-color:var(--color-accent-400);background:#181a20b3}[data-theme=light] .server-picker-btn.svelte-oskfh4:hover,[data-theme=light] .picker-btn.svelte-oskfh4:hover{background:#ffffffd9}.server-picker-btn.svelte-oskfh4:focus-visible,.picker-btn.svelte-oskfh4:focus-visible{outline:none;border-color:var(--color-accent-400);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent-500) 20%,transparent)}.picker-btn-content.svelte-oskfh4{display:flex;align-items:center;gap:var(--spacing-2);overflow:hidden}.picker-icon.svelte-oskfh4{width:22px;height:22px;border-radius:50%;flex-shrink:0}.picker-icon-placeholder.svelte-oskfh4{width:22px;height:22px;border-radius:50%;background:color-mix(in oklch,var(--color-accent-500) 25%,var(--color-surface-alt));color:var(--color-accent-400);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.picker-name.svelte-oskfh4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text);font-weight:500;font-size:var(--font-size-sm);letter-spacing:-.005em}.picker-placeholder.svelte-oskfh4{color:var(--color-text-tertiary);font-weight:500}.picker-chevron.svelte-oskfh4{color:var(--color-text-secondary)}.picker-chevron.svelte-oskfh4{opacity:.5;flex-shrink:0;transition:transform .2s ease}.picker-chevron.open.svelte-oskfh4{transform:rotate(180deg)}.picker-dropdown.svelte-oskfh4{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#101216b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:0 16px 48px #0000008c,0 0 0 1px #0003;z-index:50;overflow-y:auto;max-height:280px;padding:var(--spacing-2);animation:svelte-oskfh4-kvk-dropdown-in .22s cubic-bezier(.25,1,.5,1)}[data-theme=light] .picker-dropdown.svelte-oskfh4{background:#ffffffd1;border-color:#00000014;box-shadow:0 16px 48px #00000026}@keyframes svelte-oskfh4-kvk-dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.picker-search.svelte-oskfh4{padding:var(--spacing-2);border-bottom:1px solid var(--color-border-subtle);margin:calc(var(--spacing-2) * -1) calc(var(--spacing-2) * -1) var(--spacing-2)}.picker-search-input.svelte-oskfh4{width:100%;padding:var(--spacing-2) var(--spacing-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);outline:none;transition:border-color .2s ease}.picker-search-input.svelte-oskfh4:focus{border-color:var(--accent-blue)}.picker-search-input.svelte-oskfh4::placeholder{color:var(--text-muted)}.picker-option.svelte-oskfh4{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.picker-option.svelte-oskfh4:hover{background:color-mix(in oklch,var(--color-accent-500) 14%,transparent);color:var(--color-text)}.picker-option.selected.svelte-oskfh4{background:color-mix(in oklch,var(--color-accent-500) 20%,transparent);color:var(--color-accent-400)}.picker-option.empty.svelte-oskfh4{color:var(--color-text-tertiary);cursor:default;justify-content:center}.picker-option-meta.svelte-oskfh4{margin-left:auto;font-size:var(--font-size-xs);color:var(--text-muted)}.refresh-icon-btn.svelte-oskfh4{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.refresh-icon-btn.svelte-oskfh4:hover{border-color:var(--accent-blue);color:var(--accent-blue-bright)}.refresh-icon-btn.svelte-oskfh4:disabled{opacity:.5;cursor:wait}.refresh-icon-btn.svelte-oskfh4:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}p.select-hint.svelte-oskfh4{display:flex;align-items:flex-start;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:var(--spacing-8) 0 0 0;line-height:1.6}[data-theme=light] p.select-hint.svelte-oskfh4{color:var(--color-text-secondary)}.hint-icon.svelte-oskfh4{flex-shrink:0;margin-top:2px;color:#ea580c;opacity:.85}[data-theme=light] .hint-icon.svelte-oskfh4{color:#c2410c;opacity:1}.server-confirm-card.svelte-oskfh4{margin-top:var(--spacing-6);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-4)}.server-info.svelte-oskfh4{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.server-info-left.svelte-oskfh4{display:flex;align-items:center;gap:var(--spacing-3);min-width:0}.server-stats.svelte-oskfh4{display:flex;gap:var(--spacing-4);flex-shrink:0}.server-stat.svelte-oskfh4{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap}.stat-dot.svelte-oskfh4{width:8px;height:8px;border-radius:50%;flex-shrink:0}.stat-dot.online.svelte-oskfh4{background:var(--accent-green)}.stat-dot.members.svelte-oskfh4{background:var(--text-muted)}.server-icon.svelte-oskfh4{width:48px;height:48px;border-radius:50%;flex-shrink:0}.server-icon-placeholder.svelte-oskfh4{width:48px;height:48px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-family:var(--font-family-display);font-weight:700;font-size:var(--font-size-xl);color:var(--text-secondary);flex-shrink:0}.server-details.svelte-oskfh4{min-width:0}.server-name.svelte-oskfh4{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-id.svelte-oskfh4{font-size:var(--font-size-xs);color:var(--text-muted);font-family:monospace}.server-warning-callout.svelte-oskfh4{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3);background:#ea580c14;border:1px solid rgba(234,88,12,.28);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-size:var(--font-size-xs);color:#fb923c;line-height:1.5}[data-theme=light] .server-warning-callout.svelte-oskfh4{background:#ea580c14;border-color:#c2410c66;color:#9a3412}.server-warning-callout.svelte-oskfh4 svg:where(.svelte-oskfh4){flex-shrink:0;margin-top:1px;color:#ea580c}[data-theme=light] .server-warning-callout.svelte-oskfh4 svg:where(.svelte-oskfh4){color:#c2410c}.config-hint.svelte-oskfh4{font-weight:400;color:var(--text-muted);font-family:var(--font-family)}.config-description.svelte-oskfh4{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-4)}.map-picker-wrapper.svelte-oskfh4{position:relative;max-width:400px}.map-selected-info.svelte-oskfh4{margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--accent-blue-bright)}.camp-grid.svelte-oskfh4{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.camp-btn.svelte-oskfh4{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:color-mix(in oklch,var(--camp-color) 8%,var(--bg-secondary));border:1px solid color-mix(in oklch,var(--camp-color) 25%,var(--border-color));border-radius:var(--radius-md);color:color-mix(in oklch,var(--camp-color) 70%,var(--text-primary));font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;min-height:44px}.camp-btn.svelte-oskfh4:hover{background:color-mix(in oklch,var(--camp-color) 15%,var(--bg-secondary));border-color:color-mix(in oklch,var(--camp-color) 50%,var(--border-color))}.camp-btn.svelte-oskfh4:focus-visible{outline:2px solid var(--camp-color);outline-offset:2px}.camp-btn.active.svelte-oskfh4{background:color-mix(in oklch,var(--camp-color) 20%,var(--bg-secondary));border-color:var(--camp-color);color:var(--camp-color)}.camp-indicator.svelte-oskfh4{width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in oklch,var(--camp-color) 40%,var(--border-color));display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.camp-indicator.checked.svelte-oskfh4{background:var(--camp-color);border-color:var(--camp-color);color:var(--text-primary)}.camps-container.svelte-oskfh4{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.camp-kingdom-section.svelte-oskfh4{padding:var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-left:3px solid var(--camp-color);border-radius:var(--radius-md)}.camp-header.svelte-oskfh4 h4:where(.svelte-oskfh4){margin:0 0 var(--spacing-3);font-family:var(--font-family-display);font-size:var(--font-size-base);color:var(--camp-color)}.kingdom-input-row.svelte-oskfh4{display:flex;gap:var(--spacing-2);align-items:center;height:32px}.kingdom-input.svelte-oskfh4{flex:1;max-width:140px;height:32px;padding:0 var(--spacing-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);outline:none;transition:border-color .2s ease;-moz-appearance:textfield}.kingdom-input.svelte-oskfh4::-webkit-outer-spin-button,.kingdom-input.svelte-oskfh4::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kingdom-input.svelte-oskfh4:focus{border-color:var(--camp-color)}.kingdom-input.svelte-oskfh4::placeholder{color:var(--text-muted)}.add-kingdom-btn.svelte-oskfh4{height:32px;min-height:0;min-width:0;padding:0 var(--spacing-4);background:color-mix(in oklch,var(--camp-color) 20%,var(--bg-tertiary));border:1px solid color-mix(in oklch,var(--camp-color) 40%,var(--border-color));border-radius:var(--radius-sm);color:var(--camp-color);font-weight:600;font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:all .2s ease}.add-kingdom-btn.svelte-oskfh4:hover{background:color-mix(in oklch,var(--camp-color) 30%,var(--bg-tertiary));border-color:var(--camp-color)}.add-kingdom-btn.svelte-oskfh4:focus-visible{outline:2px solid var(--camp-color);outline-offset:2px}.kingdom-tags.svelte-oskfh4{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}.ktag.svelte-oskfh4{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:1px var(--spacing-2) 1px var(--spacing-3);background:color-mix(in oklch,var(--camp-color) 10%,var(--bg-primary));border:1px solid color-mix(in oklch,var(--camp-color) 30%,var(--border-color));border-radius:9999px;font-size:var(--font-size-xs);font-weight:600;color:var(--text-primary);white-space:nowrap;line-height:1;height:24px}.ktag-remove.svelte-oskfh4{background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);padding:0;line-height:1;color:inherit;opacity:.5;transition:opacity .15s ease}.ktag-remove.svelte-oskfh4:hover{opacity:1}.upload-zone.svelte-oskfh4{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-6) var(--spacing-4);background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;text-align:center}.upload-zone.svelte-oskfh4:hover{border-color:var(--accent-blue);color:var(--accent-blue-bright);background:#3b82f60d}.verify-image-preview.svelte-oskfh4{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.preview-thumb.svelte-oskfh4{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm)}.preview-info.svelte-oskfh4{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.preview-filename.svelte-oskfh4{font-size:var(--font-size-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-status.uploaded.svelte-oskfh4{font-size:var(--font-size-xs);color:var(--accent-green)}.remove-image-btn.svelte-oskfh4{background:none;border:none;color:var(--text-muted);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-1);line-height:1;transition:color .15s ease}.remove-image-btn.svelte-oskfh4:hover{color:#ef4444cc}.preview-summary.svelte-oskfh4{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.preview-stat.svelte-oskfh4{flex:1;text-align:center;padding:var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.stat-value.svelte-oskfh4{display:block;font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:700;color:var(--accent-blue-bright)}.stat-label.svelte-oskfh4{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.preview-sections.svelte-oskfh4{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.preview-section.svelte-oskfh4{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.preview-section.svelte-oskfh4 summary:where(.svelte-oskfh4){padding:var(--spacing-3) var(--spacing-4);cursor:pointer;font-family:var(--font-family-display);font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary);transition:color .15s ease}.preview-section.svelte-oskfh4 summary:where(.svelte-oskfh4):hover{color:var(--accent-blue-bright)}.role-list.svelte-oskfh4{display:flex;flex-direction:column;gap:var(--spacing-1);padding:0 var(--spacing-4) var(--spacing-3)}.role-pill.svelte-oskfh4{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);padding:var(--spacing-1) 0;color:var(--role-color)}.role-dot.svelte-oskfh4{width:10px;height:10px;border-radius:50%;background:var(--role-color);flex-shrink:0}.channel-tree.svelte-oskfh4{padding:0 var(--spacing-3) var(--spacing-3)}.tree-category.svelte-oskfh4{margin-bottom:var(--spacing-1)}.cat-header.svelte-oskfh4{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:var(--spacing-2) 0 var(--spacing-1);cursor:pointer;list-style:none}.cat-header.svelte-oskfh4::marker{content:""}.cat-header.svelte-oskfh4::-webkit-details-marker{display:none}.cat-header.svelte-oskfh4:before{content:"▾ ";font-size:calc(var(--font-size-xs) * .8)}.tree-category.svelte-oskfh4:not([open]) .cat-header:where(.svelte-oskfh4):before{content:"▸ "}.tree-channel.svelte-oskfh4{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) 0 var(--spacing-1) var(--spacing-4);font-size:var(--font-size-xs);color:var(--text-secondary)}.ch-icon.svelte-oskfh4{font-size:var(--font-size-xs);opacity:.5;width:16px;text-align:center}.confirm-dialog.svelte-oskfh4{padding:var(--spacing-4);background:#facc150d;border:1px solid rgba(250,204,21,.2);border-radius:var(--radius-md)}.confirm-dialog.svelte-oskfh4 p:where(.svelte-oskfh4){color:#fde047d9;margin-bottom:var(--spacing-4);font-size:var(--font-size-sm)}.confirm-actions.svelte-oskfh4{display:flex;gap:var(--spacing-3);justify-content:flex-end}.status-step.svelte-oskfh4{text-align:center;padding:var(--spacing-8) 0}.status-card.svelte-oskfh4{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-8);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6)}.status-icon-wrap.svelte-oskfh4{display:flex;align-items:center;justify-content:center}.success-icon.svelte-oskfh4{width:64px;height:64px;border-radius:50%;background:#57f2871a;border:2px solid rgba(87,242,135,.3);color:var(--accent-green)}.failed-icon.svelte-oskfh4{width:64px;height:64px;border-radius:50%;background:#ef44441a;border:2px solid rgba(239,68,68,.3);color:#fca5a5}.status-card.svelte-oskfh4 h3:where(.svelte-oskfh4){font-family:var(--font-family-display);font-size:var(--font-size-xl);color:var(--text-primary);margin:0}.status-card.svelte-oskfh4 p:where(.svelte-oskfh4){color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.assign-hint.svelte-oskfh4{margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:#57f2870d;border-radius:var(--radius-sm);border-left:2px solid rgba(87,242,135,.3);text-align:left;line-height:1.5}.assign-hint.svelte-oskfh4 code:where(.svelte-oskfh4){background:#ffffff14;padding:1px 5px;border-radius:var(--radius-xs, 3px);font-size:.9em;font-family:var(--font-family-mono, monospace)}.status-progress.svelte-oskfh4{border-color:#3b82f633}.status-success.svelte-oskfh4{border-color:#57f28733}.status-failed.svelte-oskfh4{border-color:#ef444433}.info-note.svelte-oskfh4{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5;text-align:left}.info-note.svelte-oskfh4 svg:where(.svelte-oskfh4){flex-shrink:0;margin-top:1px;color:#3b82f6b3}.error-detail.svelte-oskfh4{font-size:var(--font-size-xs);color:#fca5a5b3;padding:var(--spacing-3);background:#ef44440d;border-radius:var(--radius-sm);width:100%;text-align:left}@media(max-width:768px){.generator-island.svelte-oskfh4{padding:var(--spacing-4) var(--spacing-3)}.step-indicators.svelte-oskfh4{gap:0;padding:0}.step-connector.svelte-oskfh4{margin:0 var(--spacing-1)}.step-indicator.svelte-oskfh4{padding:var(--spacing-2) var(--spacing-2);padding-left:36px;font-size:var(--font-size-xs)}.step-indicator.svelte-oskfh4:before{width:24px;height:24px;font-size:10px}.auth-gate-content.svelte-oskfh4{padding:var(--spacing-6) var(--spacing-4);gap:var(--spacing-3)}.auth-gate-icon.svelte-oskfh4{width:56px;height:56px}.auth-gate-content.svelte-oskfh4 h3:where(.svelte-oskfh4){font-size:var(--font-size-lg)}.auth-gate-benefits.svelte-oskfh4 li:where(.svelte-oskfh4){font-size:var(--font-size-xs)}.checklist-item.svelte-oskfh4{padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-4);margin-left:12px}.checklist-marker.svelte-oskfh4{left:-13px;width:24px;height:24px}.server-picker-row.svelte-oskfh4{flex-wrap:wrap}.server-picker-wrapper.svelte-oskfh4{min-width:0;flex:1}}@media(max-width:480px){.preview-summary.svelte-oskfh4{flex-direction:column}.camp-grid.svelte-oskfh4{gap:var(--spacing-2)}.camp-btn.svelte-oskfh4{flex:1;min-width:calc(50% - var(--spacing-2));justify-content:center}.kingdom-input-row.svelte-oskfh4{flex-wrap:wrap}.kingdom-input.svelte-oskfh4{max-width:none}.server-info.svelte-oskfh4{flex-direction:column;text-align:center}.confirm-actions.svelte-oskfh4{flex-direction:column}.confirm-actions.svelte-oskfh4 .btn-action:where(.svelte-oskfh4){width:100%}.step-indicator.svelte-oskfh4{padding-left:32px;padding-right:var(--spacing-1)}.step-indicator.svelte-oskfh4:not(.active):not(.completed){font-size:0;color:transparent}.btn-primary-action.svelte-oskfh4{width:100%}}