@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--surface:#111;--surface2:#1a1a1a;--border:#2a2a2a;--accent-ui:#e8c547;--text:#f0ede8;--muted:#666660;--radius:6px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif}.cl-header{border-bottom:1px solid var(--border);background:#000;align-items:center;height:64px;padding:0 32px;display:flex}.cl-header-inner{justify-content:space-between;align-items:center;width:100%;max-width:900px;margin:0 auto;display:flex}.cl-logo{align-items:center;gap:10px;display:flex}.cl-logo-icon{color:var(--accent-ui);font-size:18px}.cl-logo-text{color:var(--text);letter-spacing:.08em;font-family:Bebas Neue,sans-serif;font-size:26px}.cl-logo-text span{color:var(--accent-ui)}.cl-nav{gap:4px;display:flex}.cl-nav-link{border:1px solid var(--border);color:var(--muted);border-radius:20px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:13px;text-decoration:none;transition:all .15s}.cl-nav-link:hover{border-color:var(--accent-ui);color:var(--accent-ui)}.cl-nav-link.active{background:var(--accent-ui);border-color:var(--accent-ui);color:#000;font-weight:700}.cl-main{max-width:780px;margin:0 auto;padding:36px 20px 80px}.mode-select{text-align:center;padding:60px 20px}.mode-title{letter-spacing:.08em;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:48px}.mode-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:8px;margin-bottom:48px;font-size:13px}.mode-cards{grid-template-columns:1fr 1fr;gap:16px;max-width:600px;margin:0 auto;display:grid}@media (width<=520px){.mode-cards{grid-template-columns:1fr}}.mode-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer;padding:32px 24px;font-family:DM Sans,sans-serif;transition:all .2s}.mode-card:hover{border-color:var(--accent-ui);transform:translateY(-2px)}.mode-card-icon{margin-bottom:12px;font-size:28px;display:block}.mode-card h2{letter-spacing:.06em;color:var(--text);margin-bottom:8px;font-family:Bebas Neue,sans-serif;font-size:22px}.mode-card p{color:var(--muted);margin-bottom:16px;font-size:13px;line-height:1.6}.mode-card-cta{color:var(--accent-ui);font-size:13px;font-weight:600}.cl-mode-bar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cl-mode-tag{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.cl-switch-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .15s}.cl-switch-btn:hover{border-color:var(--accent-ui);color:var(--accent-ui)}.steps{border:1px solid var(--border);border-radius:var(--radius);background:#000;gap:2px;margin-bottom:24px;padding:4px;display:flex}.step-btn{cursor:pointer;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 4px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;transition:all .15s;display:flex}.step-btn:hover{background:var(--surface2);color:var(--text)}.step-btn.active{background:var(--accent-ui);color:#000;font-weight:700}.step-btn.done{color:var(--accent-ui)}.step-num{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex}.step-btn.active .step-num{border-color:#0006}@media (width<=480px){.step-label{display:none}}.form-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.section-title{letter-spacing:.06em;margin-bottom:20px;font-family:Bebas Neue,sans-serif;font-size:26px}.step-hint{color:var(--muted);margin-bottom:4px;font-size:13px;line-height:1.6}.grid-2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}@media (width<=540px){.grid-2{grid-template-columns:1fr}}.field{flex-direction:column;gap:5px;display:flex}.field span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.field.full{margin-top:4px}.field input,.field textarea,.field select{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface2);resize:vertical;border-radius:4px;padding:9px 11px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent-ui);outline:none}.field select option{background:#1a1a1a}.design-group{margin-bottom:22px}.design-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:11px;font-weight:600;display:block}.tmpl-row{flex-wrap:wrap;gap:6px;display:flex}.tmpl-btn{border:1px solid var(--border);cursor:pointer;color:var(--muted);background:0 0;border-radius:20px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .15s}.tmpl-btn:hover{border-color:var(--accent-ui);color:var(--accent-ui)}.tmpl-btn.tmpl-active{background:var(--accent-ui);border-color:var(--accent-ui);color:#000;font-weight:700}.color-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px;transition:all .15s}.color-swatch:hover{transform:scale(1.1)}.swatch-active{transform:scale(1.1);border-color:var(--accent-ui)!important}.color-custom{border:1px solid var(--border);background:var(--surface2);cursor:pointer;border-radius:4px;width:36px;height:30px;padding:2px}.export-btns{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:14px;display:grid}@media (width<=480px){.export-btns{grid-template-columns:1fr}}.export-btn{border-radius:var(--radius);letter-spacing:.08em;cursor:pointer;border:none;padding:13px;font-family:Bebas Neue,sans-serif;font-size:18px;transition:opacity .15s}.export-btn:hover{opacity:.85}.export-pdf{background:var(--accent-ui);color:#000}.export-print,.export-text{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.export-hint{color:var(--muted);font-size:12px}.nav-btns{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.btn-primary{background:var(--accent-ui);color:#000;border-radius:var(--radius);cursor:pointer;border:none;margin-left:auto;padding:11px 28px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:opacity .15s}.btn-primary:hover{opacity:.85}.btn-secondary{color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:11px 28px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .15s}.btn-secondary:hover{border-color:var(--muted);color:var(--text)}.cl-wrapper.hidden{display:none}.cl-wrapper.visible{max-width:780px;margin:0 auto 40px;padding:0 20px}.cl-letter{font-family:var(--letter-font,"DM Sans",sans-serif);color:#111;background:#fff;border-radius:6px;line-height:1.7}.paper-letter .cl-letter{padding:52px 56px}.paper-a4 .cl-letter{padding:48px 52px}.template-classic .cl-letter-header{border-bottom:2px solid var(--accent,#111);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;display:flex}.template-classic .cl-sender strong{letter-spacing:.06em;color:var(--accent,#111);font-family:Bebas Neue,sans-serif;font-size:18px;display:block}.template-classic .cl-sender span{color:#666;margin-top:4px;font-size:12px;display:block}.template-classic .cl-date{color:#666;font-size:12px}.template-classic .cl-section-title{letter-spacing:.1em;color:var(--accent,#111);font-family:Bebas Neue,sans-serif;font-size:14px}.template-modern .cl-letter-header{background:var(--accent,#111);color:#fff;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;margin:-52px -56px 28px;padding:24px 28px;display:flex}.template-modern .cl-sender strong{letter-spacing:.06em;color:#fff;font-family:Bebas Neue,sans-serif;font-size:20px;display:block}.template-modern .cl-sender span{color:#ffffffa6;margin-top:4px;font-size:12px;display:block}.template-modern .cl-date{color:#fff9;font-size:12px}.template-minimal .cl-letter-header{border-left:3px solid var(--accent,#111);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-left:14px;display:flex}.template-minimal .cl-sender strong{color:#111;font-size:16px;font-weight:700;display:block}.template-minimal .cl-sender span{color:#666;margin-top:3px;font-size:12px;display:block}.template-minimal .cl-date{color:#888;font-size:12px}.cl-recipient{color:#333;margin-bottom:20px;font-size:14px;line-height:1.6}.cl-salutation{color:#111;margin-bottom:16px;font-size:14px;font-weight:600}.cl-body p{color:#333;margin-bottom:14px;font-size:14px;line-height:1.75}.cl-sign{color:#333;margin-top:24px;font-size:14px}.cl-sign-name{color:#111;margin-top:6px;font-size:16px;font-weight:700}@media print{.no-print{display:none!important}.cl-wrapper{max-width:100%!important;margin:0!important;padding:0!important;display:block!important}.cl-letter{box-shadow:none!important;border-radius:0!important}.paper-letter .cl-letter{padding:36px 44px!important}.paper-a4 .cl-letter{padding:32px 40px!important}.template-modern .cl-letter-header{margin:-36px -44px 28px!important}body{background:#fff!important}@page{size:letter}}