@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=DM+Mono:wght@300;400;500&family=Inter:wght@400;700&family=Roboto:wght@400;700&family=Poppins:wght@400;700&family=Open+Sans:wght@400;700&family=Merriweather:wght@400;700&display=swap";:root{--bg-base:#0a0b0f;--bg-surface:#101218;--bg-elevated:#161820;--bg-overlay:#1c1f2a;--bg-hover:#21253200;--border-subtle:#ffffff0d;--border-default:#ffffff18;--border-strong:#ffffff2e;--border-focus:#6c8aff66;--accent:#6c8aff;--accent-bright:#8ba4ff;--accent-dim:#6c8aff22;--accent-glow:#6c8aff40;--success:#34d399;--success-dim:#34d39922;--warning:#fbbf24;--warning-dim:#fbbf2420;--danger:#f87171;--danger-dim:#f8717122;--danger-hover:#ef4444;--text-primary:#f0f2f8;--text-secondary:#8b90a7;--text-tertiary:#555a72;--text-disabled:#383d52;--text-inverse:#0a0b0f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", "Fira Code", monospace;--shadow-sm:0 1px 3px #00000040, 0 1px 2px #00000030;--shadow-md:0 4px 16px #00000050, 0 2px 6px #00000030;--shadow-lg:0 10px 40px #00000060, 0 4px 12px #00000040;--shadow-accent:0 0 0 3px var(--border-focus), 0 4px 20px var(--accent-glow);--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-base);min-height:100vh;font-size:.9375rem;font-weight:400;line-height:1.6;overflow-x:hidden}body:before{content:"";opacity:.018;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);color:var(--text-primary);letter-spacing:-.02em;font-weight:600;line-height:1.3}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.375rem,3vw,1.875rem)}h3{font-size:clamp(1.125rem,2.5vw,1.375rem)}h4{font-size:1.0625rem;font-weight:600}h5{font-size:.9375rem;font-weight:600}h6{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.8125rem;font-weight:600}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent-bright);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-primary)}code,kbd,pre{font-family:var(--font-mono);font-size:.875em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.form-label{color:var(--text-secondary);margin-bottom:var(--space-2);letter-spacing:.01em;transition:color var(--transition-fast);font-size:.8125rem;font-weight:500;display:block}.form-label.required:after{content:" *";color:var(--accent)}.form-input,input[type=text],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=date],input[type=search],input[type=password],textarea,select{width:100%;padding:9px var(--space-3);font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;outline:none;font-size:.9rem;font-weight:400;line-height:1.5;display:block}.form-input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-tertiary);font-weight:300}.form-input:hover,input[type=text]:hover,input[type=email]:hover,input[type=url]:hover,input[type=tel]:hover,input[type=number]:hover,input[type=date]:hover,input[type=search]:hover,input[type=password]:hover,textarea:hover,select:hover{border-color:var(--border-strong);background-color:var(--bg-overlay)}.form-input:focus,input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=date]:focus,input[type=search]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:var(--accent);background-color:var(--bg-overlay);box-shadow:var(--shadow-accent)}.form-input:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}textarea,textarea.form-input{resize:vertical;min-height:90px;line-height:1.65}select,select.form-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b90a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:2.25rem}select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c8aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}select option{background-color:var(--bg-overlay);color:var(--text-primary)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5)sepia()hue-rotate(200deg)brightness(1.2);cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-group{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-hint{color:var(--text-tertiary);margin-top:var(--space-1);font-size:.78rem}.form-error{color:var(--danger);margin-top:var(--space-1);align-items:center;gap:var(--space-1);font-size:.78rem;display:flex}button,.btn-primary,.btn-secondary,.btn-danger,.btn-ghost,.btn-icon{justify-content:center;align-items:center;gap:var(--space-2);padding:9px var(--space-4);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);appearance:none;border:1px solid #0000;outline:none;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}button:active,.btn-primary:active,.btn-secondary:active,.btn-danger:active{transform:translateY(1px)}button:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-danger:focus-visible{box-shadow:0 0 0 3px var(--accent-glow)}.btn-primary{background-color:var(--accent);border-color:var(--accent);color:var(--text-inverse);box-shadow:0 1px 4px var(--accent-glow), inset 0 1px 0 #ffffff20;font-weight:600}.btn-primary:hover{background-color:var(--accent-bright);border-color:var(--accent-bright);box-shadow:0 2px 10px var(--accent-glow), inset 0 1px 0 #ffffff20}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--bg-elevated);border-color:var(--border-default);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-overlay);border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-danger{background-color:var(--danger-dim);color:var(--danger);border-color:#f8717130}.btn-danger:hover{background-color:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 2px 12px #f8717140}.btn-danger:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{color:var(--text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.btn-icon{border-color:var(--border-default);width:34px;height:34px;color:var(--text-secondary);border-radius:var(--radius-sm);background-color:#0000;padding:7px}.btn-icon:hover{background-color:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.btn-sm{padding:6px var(--space-3);border-radius:var(--radius-sm);font-size:.8125rem}.btn-lg{padding:12px var(--space-6);border-radius:var(--radius-lg);font-size:1rem}.card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-slow)}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.card-elevated{background-color:var(--bg-elevated);border-color:var(--border-default)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:.9375rem;font-weight:600}.card-body{gap:var(--space-4);flex-direction:column;display:flex}.card-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);display:flex}.card-accent{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow), var(--shadow-md)}.drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:28px;height:28px;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.drag-handle:hover{color:var(--text-secondary);background-color:var(--bg-elevated)}.drag-handle:active,.drag-handle[data-dragging=true]{cursor:grabbing;color:var(--accent);background-color:var(--accent-dim);transform:scale(1.1)}.drag-handle-dots{grid-template-columns:repeat(2,3px);gap:2.5px;display:grid}.drag-handle-dots span{background-color:currentColor;border-radius:50%;width:3px;height:3px}.sortable-item{touch-action:none;transition:opacity var(--transition-fast), transform var(--transition-base);position:relative}.sortable-item[data-dragging=true]{opacity:.5;z-index:50}.sortable-overlay{box-shadow:var(--shadow-lg), 0 0 0 2px var(--accent);background-color:var(--bg-overlay);border-radius:var(--radius-lg);opacity:.97;transform:rotate(1.5deg)scale(1.02)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-accent{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px #0000}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:.45s cubic-bezier(.16,1,.3,1) both fade-up}.animate-fade-in{animation:.3s both fade-in}.animate-slide-right{animation:.35s cubic-bezier(.16,1,.3,1) both slide-in-right}.animate-slide-left{animation:.35s cubic-bezier(.16,1,.3,1) both slide-in-left}.animate-scale-in{animation:.3s cubic-bezier(.16,1,.3,1) both scale-in}.animate-spin{animation:.8s linear infinite spin}.stagger-1{animation-delay:60ms}.stagger-2{animation-delay:.12s}.stagger-3{animation-delay:.18s}.stagger-4{animation-delay:.24s}.stagger-5{animation-delay:.3s}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-overlay) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:400px 100%;animation:1.4s ease-in-out infinite shimmer}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);align-items:center;gap:var(--space-2);font-size:.8125rem;font-weight:600;display:flex}.section-title:before{content:"";background-color:var(--accent);border-radius:2px;flex-shrink:0;width:8px;height:8px;display:inline-block}.divider{background-color:var(--border-subtle);width:100%;height:1px;margin:var(--space-4) 0}.badge{border-radius:var(--radius-pill);border:1px solid #0000;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.badge-default{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-secondary)}.badge-accent{background:var(--accent-dim);border-color:var(--accent-glow);color:var(--accent-bright)}.badge-success{background:var(--success-dim);color:var(--success);border-color:#34d39940}.badge-warning{background:var(--warning-dim);color:var(--warning);border-color:#fbbf2440}.badge-danger{background:var(--danger-dim);color:var(--danger);border-color:#f8717140}.score-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.score-value{font-family:var(--font-mono);color:var(--accent-bright);font-size:.875rem;font-weight:500}.tab-list{background-color:var(--bg-elevated);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.tab{padding:7px var(--space-3);color:var(--text-secondary);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);text-align:center;background:0 0;border:none;flex:1;font-size:.8125rem;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{background-color:var(--bg-overlay);color:var(--text-primary);box-shadow:var(--shadow-sm)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background-color:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);z-index:100;box-shadow:var(--shadow-md);padding:5px 10px;font-size:.75rem;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.progress-bar{background-color:var(--bg-elevated);border-radius:var(--radius-pill);width:100%;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-bright));border-radius:var(--radius-pill);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.toggle{flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background-color:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);position:absolute;inset:0}.toggle-thumb{background-color:var(--text-tertiary);width:12px;height:12px;transition:transform var(--transition-spring), background-color var(--transition-fast);border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked~.toggle-track{background-color:var(--accent-dim);border-color:var(--accent)}.toggle input:checked~.toggle-track .toggle-thumb{background-color:var(--accent);transform:translate(16px)}.dropdown-menu{background-color:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:200;transform-origin:100% 0;animation:.15s cubic-bezier(.16,1,.3,1) both scale-in;position:absolute;top:calc(100% + 6px);right:0}.dropdown-item{align-items:center;gap:var(--space-2);width:100%;padding:8px var(--space-3);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);text-align:left;background:0 0;border:none;font-size:.875rem;display:flex}.dropdown-item:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.dropdown-item.danger:hover{background-color:var(--danger-dim);color:var(--danger)}.dropdown-separator{background-color:var(--border-subtle);height:1px;margin:var(--space-1) 0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:300;padding:var(--space-5);background-color:#00000070;justify-content:center;align-items:center;animation:.2s both fade-in;display:flex;position:fixed;inset:0}.modal{background-color:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8);width:100%;max-width:540px;animation:.25s cubic-bezier(.16,1,.3,1) both scale-in}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:360px;animation:.3s cubic-bezier(.16,1,.3,1) both slide-in-right;display:flex}.toast-success{border-left:3px solid var(--success)}.toast-warning{border-left:3px solid var(--warning)}.toast-danger{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--accent)}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);flex-direction:column;height:100%;display:flex;overflow-y:auto}.sidebar-nav-item{align-items:center;gap:var(--space-3);padding:10px var(--space-4);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;font-size:.875rem;font-weight:500;display:flex}.sidebar-nav-item:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.sidebar-nav-item.active{background-color:var(--accent-dim);color:var(--accent-bright)}.sidebar-nav-item.active svg{color:var(--accent)}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state-icon{background-color:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:52px;height:52px;color:var(--text-tertiary);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.empty-state-title{color:var(--text-primary);font-size:1rem;font-weight:600}.empty-state-desc{color:var(--text-tertiary);max-width:320px;font-size:.875rem}.template-card{border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-base), transform var(--transition-slow), box-shadow var(--transition-base);aspect-ratio:3/4;background-color:var(--bg-elevated);position:relative;overflow:hidden}.template-card:hover{border-color:var(--accent);box-shadow:0 8px 30px var(--accent-glow), var(--shadow-md);transform:translateY(-3px)}.template-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 8px 30px var(--accent-glow)}.template-card-overlay{padding:var(--space-4);opacity:0;transition:opacity var(--transition-base);background:linear-gradient(#0000 40%,#0a0b0fcc);align-items:flex-end;display:flex;position:absolute;inset:0}.template-card:hover .template-card-overlay{opacity:1}@media (width<=1024px){.form-row{grid-template-columns:1fr}}@media (width<=768px){.card{padding:var(--space-4)}.modal{padding:var(--space-6);border-radius:var(--radius-lg)}.tab-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tab-list::-webkit-scrollbar{display:none}}@media (width<=480px){h1{font-size:1.5rem}h2{font-size:1.25rem}.btn-primary,.btn-secondary,.btn-danger{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::selection{background-color:var(--accent-glow);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}#resume-preview h1,#resume-preview h2,#resume-preview h3,#resume-preview h4,#resume-preview h5,#resume-preview h6{font-family:inherit!important}.auth-page{background:radial-gradient(circle at 15% 10%, #6366f121, transparent 32%), radial-gradient(circle at 85% 85%, #3b82f614, transparent 30%), var(--bg-base);place-items:center;min-height:100svh;padding:clamp(12px,2.5vh,24px);display:grid}.auth-shell{flex-direction:column;align-items:center;gap:12px;width:min(100%,420px);display:flex}.auth-card{border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-surface);width:100%;box-shadow:var(--shadow-lg);padding:clamp(22px,3.5vh,30px)}.auth-mark{border-radius:var(--radius-lg);width:68px;height:68px;color:var(--text-inverse);box-shadow:var(--shadow-md);background:0 0;place-items:center;margin-bottom:16px;display:grid;overflow:hidden}.auth-logo-image{object-fit:cover;width:100%;height:100%;display:block}.auth-credit{color:var(--text-secondary);text-align:center;margin:0;font-size:.78rem;font-weight:650}.auth-back{color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:14px;padding:0;font-size:.76rem;display:flex}.auth-back:hover{color:var(--text-primary)}.auth-eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:.76rem;font-weight:800}.auth-card h1{color:var(--text-primary);margin:0;font-size:1.7rem}.auth-subtitle{color:var(--text-tertiary);margin:7px 0 18px;font-size:.88rem;line-height:1.5}.auth-form{gap:13px;display:grid}.auth-form label{color:var(--text-secondary);font-size:.8rem;font-weight:700}.auth-google{border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;min-height:42px;color:var(--text-primary);background:var(--bg-elevated);cursor:pointer;justify-content:center;align-items:center;gap:10px;font-size:.85rem;font-weight:700;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.auth-google:hover{border-color:var(--border-strong);background:var(--bg-overlay);box-shadow:var(--shadow-sm)}.auth-google:disabled{opacity:.65;cursor:wait}.auth-divider{color:var(--text-tertiary);align-items:center;gap:12px;margin:14px 0;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.auth-divider span{white-space:nowrap}.auth-input-wrap{border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-tertiary);background:var(--bg-elevated);align-items:center;gap:10px;margin-top:5px;padding:0 13px;display:flex}.auth-input-wrap:focus-within{border-color:var(--accent);box-shadow:var(--shadow-accent)}.auth-page .auth-input-wrap input{width:100%;color:var(--text-primary);font:inherit;box-shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;border-radius:0;outline:0;padding:10px 0}.auth-page .auth-input-wrap input:hover,.auth-page .auth-input-wrap input:focus{color:var(--text-primary);box-shadow:none;background:0 0;border:0}.auth-page .auth-input-wrap input::placeholder{color:var(--text-tertiary)}.auth-page .auth-input-wrap input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--bg-elevated) inset}.auth-page .auth-input-wrap input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--bg-elevated) inset}.auth-page .auth-input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--bg-elevated) inset}.auth-submit{border-radius:var(--radius-md);min-height:42px;color:var(--text-inverse);cursor:pointer;background:var(--accent);box-shadow:var(--shadow-accent);border:0;justify-content:center;align-items:center;gap:8px;font-weight:750;display:flex}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-message{color:var(--warning);margin:0;font-size:.8rem;line-height:1.4}.auth-forgot{color:var(--accent);cursor:pointer;background:0 0;border:0;justify-self:end;padding:0;font-size:.78rem}.auth-forgot:hover,.auth-switch:hover{color:var(--accent-bright)}.auth-switch{width:100%;color:var(--accent);cursor:pointer;background:0 0;border:0;margin-top:13px}.auth-spinner{animation:.9s linear infinite auth-spin}.auth-loading{color:#475569;font-weight:700}@keyframes auth-spin{to{transform:rotate(360deg)}}.cloud-account-controls{color:var(--text-secondary);align-items:center;gap:12px;font-size:.78rem;display:flex}.cloud-account-status{align-items:center;gap:6px;display:flex}.cloud-account-controls--offline .cloud-account-status{color:#f59e0b}.cloud-account-controls--synced .cloud-account-status{color:#4ade80}.cloud-account-user{max-width:190px;color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cloud-account-controls .dashboard-signout{border:1px solid var(--border-default);border-radius:var(--radius-md);min-height:32px;color:var(--text-primary);background:var(--bg-elevated);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);align-items:center;gap:6px;padding:5px 10px;font-weight:650;display:flex}.cloud-account-controls .dashboard-signout:hover{border-color:var(--border-strong);background:var(--bg-overlay)}@media (width<=900px){.cloud-account-user,.account-privacy-trigger span{display:none}.cloud-account-controls .account-privacy-trigger{padding-inline:8px}}@media (width<=680px){.cloud-account-status-label{display:none}.cloud-account-controls{gap:8px}.pwa-install-wrap--compact .landing-install span{display:none}.pwa-install-wrap--compact .landing-install{padding-inline:8px}}@media (width<=600px){.auth-card{padding:22px 18px}.auth-card h1{font-size:1.5rem}}@media (height<=680px){.auth-card{padding-block:18px}.auth-mark{width:54px;height:54px;margin-bottom:10px}.auth-eyebrow{font-size:.68rem}.auth-card h1{font-size:1.4rem}.auth-subtitle{margin-bottom:12px}.auth-divider{margin-block:10px}.auth-form{gap:9px}.auth-switch{margin-top:9px}}@media (width<=420px){.cloud-account-status{display:none}.cloud-account-controls .dashboard-signout{padding-inline:8px}}.landing-page{min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 80% 8%, #6c8aff1f, transparent 28%), var(--bg-base)}.landing-nav{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:72px;margin:0 auto;display:flex}.landing-brand{color:var(--text-primary);align-items:center;gap:11px;font-size:1rem;font-weight:750;text-decoration:none;display:flex}.landing-brand img{border-radius:10px;width:38px;height:38px}.landing-signin{border:1px solid var(--border-default);border-radius:var(--radius-md);min-height:38px;color:var(--text-primary);background:var(--bg-elevated);cursor:pointer;padding:0 17px;font-weight:650}.landing-signin:hover{border-color:var(--border-strong);background:var(--bg-overlay)}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);align-items:center;gap:clamp(44px,7vw,90px);width:min(1120px,100% - 40px);min-height:620px;margin:0 auto;padding:70px 0 90px;display:grid}.landing-kicker{border:1px solid var(--border-focus);border-radius:var(--radius-pill);width:fit-content;color:var(--accent-bright);background:var(--accent-dim);align-items:center;gap:7px;margin-bottom:18px;padding:7px 11px;font-size:.75rem;font-weight:700;display:flex}.landing-hero h1{max-width:680px;color:var(--text-primary);letter-spacing:-.055em;margin:0;font-size:clamp(2.55rem,5.2vw,4.65rem);line-height:1.02}.landing-hero-copy>p{max-width:590px;color:var(--text-secondary);margin:24px 0 28px;font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.7}.landing-hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.landing-primary{border-radius:var(--radius-md);min-height:48px;color:var(--text-inverse);background:var(--accent);box-shadow:0 8px 28px var(--accent-glow);cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;padding:0 21px;font-weight:800;display:inline-flex}.landing-primary:hover{background:var(--accent-bright);transform:translateY(-1px)}.landing-hero-actions>span{color:var(--text-tertiary);align-items:center;gap:6px;font-size:.82rem;display:flex}.landing-hero-actions>span svg{color:var(--success)}.pwa-install-wrap{position:relative}.landing-install{border:1px solid var(--border-default);border-radius:var(--radius-md);min-height:48px;color:var(--text-primary);background:var(--bg-elevated);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;display:inline-flex}.dashboard-mobile-menu-backdrop{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03060eb8;align-items:flex-end;padding:12px;display:none;position:fixed;inset:0}.dashboard-mobile-menu-panel{border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-surface);width:100%;box-shadow:var(--shadow-xl);padding:18px}.dashboard-mobile-menu-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.dashboard-mobile-menu-heading strong,.dashboard-mobile-menu-heading span{display:block}.dashboard-mobile-menu-heading span{color:var(--text-tertiary);margin-top:3px;font-size:.75rem}.dashboard-mobile-menu-panel .cloud-account-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.dashboard-mobile-menu-panel .cloud-account-status,.dashboard-mobile-menu-panel .cloud-account-user{grid-column:1/-1}.dashboard-mobile-menu-panel .cloud-account-status{display:flex}.dashboard-mobile-menu-panel .cloud-account-user{max-width:100%;display:block}.dashboard-mobile-menu-panel .pwa-install-wrap--compact,.dashboard-mobile-menu-panel .pwa-install-wrap--compact .landing-install,.dashboard-mobile-menu-panel .cloud-account-controls .dashboard-signout{width:100%}.dashboard-mobile-menu-panel .pwa-install-wrap--compact .landing-install span,.dashboard-mobile-menu-panel .account-privacy-trigger span{display:inline}.dashboard-mobile-menu-panel .cloud-account-controls .dashboard-signout{justify-content:center;min-height:42px}.dashboard-mobile-menu-panel .dashboard-signout:not(.account-privacy-trigger){grid-column:1/-1}.dashboard-mobile-sample-action{width:100%;margin-top:9px}@media (width<=600px){.dashboard-mobile-menu-backdrop{display:flex}}.landing-install:hover{border-color:var(--border-strong);background:var(--bg-overlay)}.pwa-install-help{z-index:20;border:1px solid var(--border-default);border-radius:var(--radius-md);width:min(300px,80vw);color:var(--text-secondary);text-align:left;background:var(--bg-overlay);box-shadow:var(--shadow-lg);margin:0;padding:12px 14px;font-size:.75rem;line-height:1.5;position:absolute;top:calc(100% + 10px);left:0}.pwa-install-wrap--compact .landing-install{min-height:32px;padding:0 10px;font-size:.75rem}.pwa-install-wrap--compact .pwa-install-help{left:auto;right:0}.pwa-update-toast{z-index:1000;border:1px solid var(--border-focus);border-radius:var(--radius-lg);max-width:calc(100vw - 36px);color:var(--text-primary);background:var(--bg-overlay);box-shadow:var(--shadow-lg);align-items:center;gap:14px;padding:13px 13px 13px 16px;display:flex;position:fixed;bottom:18px;right:18px}.pwa-update-toast>div{gap:2px;display:grid}.pwa-update-toast strong{font-size:.82rem}.pwa-update-toast span{color:var(--text-tertiary);font-size:.72rem}.pwa-update-toast button{border-radius:var(--radius-sm);min-height:32px;color:var(--text-inverse);background:var(--accent);cursor:pointer;border:0;align-items:center;gap:6px;padding:0 10px;font-size:.75rem;font-weight:700;display:flex}.pwa-update-toast .pwa-update-close{width:30px;color:var(--text-secondary);background:0 0;justify-content:center;padding:0}.landing-preview{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:20px;overflow:hidden;transform:rotate(1deg);box-shadow:0 30px 80px #0008,0 0 0 8px #ffffff05}.landing-preview-toolbar{border-bottom:1px solid var(--border-subtle);align-items:center;gap:6px;height:42px;padding:0 14px;display:flex}.landing-preview-toolbar>span{background:var(--text-disabled);border-radius:50%;width:7px;height:7px}.landing-preview-toolbar small{color:var(--text-tertiary);margin-left:auto;font-size:.65rem}.landing-preview-body{grid-template-columns:31% 1fr;min-height:460px;padding:22px;display:grid}.landing-preview-sidebar{background:linear-gradient(155deg,#253765,#18213d);border-radius:8px 0 0 8px;padding:22px 16px}.landing-preview-avatar{background:#ffffff15;border:3px solid #ffffff50;border-radius:50%;width:62px;height:62px;margin:0 auto 26px}.landing-preview-sidebar i,.landing-preview-document i{background:#ffffff20;border-radius:5px;height:7px;margin-bottom:10px;display:block}.landing-preview-sidebar i:nth-child(3){width:72%}.landing-preview-sidebar i:nth-child(4){width:84%}.landing-preview-document{background:#fff;border-radius:0 8px 8px 0;padding:28px 25px}.landing-preview-document strong{color:#18213d;letter-spacing:.08em;font-size:1.15rem;display:block}.landing-preview-document em{color:#64748b;margin-top:4px;font-size:.66rem;display:block}.landing-preview-document hr{border:0;border-top:2px solid #6c8aff;margin:18px 0}.landing-preview-document b{color:#334155;letter-spacing:.12em;margin:18px 0 9px;font-size:.58rem;display:block}.landing-preview-document i{background:#cbd5e1;height:5px;margin-bottom:7px}.landing-preview-document i:nth-of-type(2){width:85%}.landing-preview-document i:nth-of-type(3){width:72%}.landing-skill-row{gap:6px;display:flex}.landing-skill-row span{background:#e0e7ff;border-radius:8px;width:48px;height:16px}.landing-template-deck-loading{min-height:520px;color:var(--text-tertiary);border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:24px;place-items:center;display:grid}.landing-template-showcase{border:1px solid var(--border-default);background:radial-gradient(circle at 50% 0, #6c8aff21, transparent 42%), var(--bg-surface);width:min(100%,550px);box-shadow:var(--shadow-xl);border-radius:24px;padding:22px}.landing-template-showcase-heading{text-align:center;margin-bottom:18px}.landing-template-showcase-heading span,.landing-template-showcase-heading strong,.landing-template-showcase-heading small{display:block}.landing-template-showcase-heading span{color:var(--accent-bright);letter-spacing:.1em;text-transform:uppercase;font-size:.67rem;font-weight:800}.landing-template-showcase-heading strong{color:var(--text-primary);margin-top:5px;font-size:1rem}.landing-template-showcase-heading small{color:var(--text-tertiary);margin-top:4px;font-size:.68rem}.landing-template-deck{touch-action:pan-y;-webkit-user-select:none;user-select:none;height:435px;margin-top:2px;position:relative}.landing-template-card{width:305px;color:var(--text-primary);background:var(--bg-elevated);cursor:pointer;text-align:left;transform:translateX(calc(-50% + var(--stack-x))) translateY(var(--stack-y)) rotate(var(--stack-rotate));transform-origin:50% 100%;transition:transform .9s cubic-bezier(.2, .76, .18, 1), border-color var(--transition-base), box-shadow var(--transition-base);border:1px solid #ffffff16;border-radius:12px;padding:6px;display:block;position:absolute;top:4px;left:50%;overflow:hidden;box-shadow:0 12px 25px #0000002e}.landing-template-card:hover,.landing-template-card:focus-visible{border-color:var(--accent);box-shadow:0 18px 38px #00000047, 0 0 0 2px var(--accent-dim)}.landing-template-card.is-featured{transform:translate(-50%)translateY(0)rotate(0);box-shadow:0 22px 46px #00000061,0 0 0 1px #ffffff12}.landing-template-card.is-featured:hover,.landing-template-card.is-featured:focus-visible{transform:translate(-50%)translateY(0)rotate(0);z-index:10!important}.landing-template-card.is-promoting{pointer-events:none;animation:1.05s cubic-bezier(.18,.72,.16,1) both landing-card-promote;z-index:30!important}.landing-template-deck.is-expanded .landing-template-card{transform:translateX(calc(-50% + var(--spread-x))) translateY(8px) rotate(var(--spread-rotate));box-shadow:0 18px 38px #00000057}.landing-template-deck.is-expanded .landing-template-card.is-featured{transform:translateX(calc(-50% + var(--spread-x))) translateY(-14px) rotate(var(--spread-rotate));border-color:var(--accent)}@media (hover:hover){.landing-template-deck.is-expanded .landing-template-card:not(.is-featured):not(.is-promoting):hover{transform:translateX(calc(-50% + var(--spread-x))) translateY(2px) rotate(var(--spread-rotate));border-color:var(--accent)}.landing-template-deck.is-expanded .landing-template-card.is-featured:not(.is-promoting):hover{transform:translateX(calc(-50% + var(--spread-x))) translateY(-20px) rotate(var(--spread-rotate)) scale(1.01);z-index:25!important}}@keyframes landing-card-promote{0%{transform:translateX(calc(-50% + var(--promotion-x))) translateY(var(--promotion-y)) rotate(var(--promotion-rotate))}42%{transform:translateX(calc(-50% + var(--promotion-x) + 54px)) translateY(-30px) rotate(calc(var(--promotion-rotate) + 3deg)) scale(1.025);box-shadow:0 30px 55px #0000007a}to{transform:translateX(calc(-50% + var(--spread-x))) translateY(-14px) rotate(var(--spread-rotate))}}.landing-template-paper{aspect-ratio:794/1123;background:#fff;border-radius:5px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.landing-template-paper-scale{transform-origin:0 0;width:794px;height:1123px;display:block;position:absolute;inset:0 auto auto 0;transform:scale(.369)}.landing-template-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02050ddb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.landing-template-modal{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:18px;width:min(920px,100%);height:min(94vh,1040px);overflow:hidden;box-shadow:0 28px 80px #0000008c}.landing-template-modal>header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:14px 18px;display:flex}.landing-template-modal>header span{color:var(--accent-bright);letter-spacing:.09em;text-transform:uppercase;font-size:.63rem;font-weight:800}.landing-template-modal>header h2{color:var(--text-primary);margin:2px 0 0;font-size:1.05rem}.landing-template-modal>header p{color:var(--text-tertiary);margin:2px 0 0;font-size:.7rem}.landing-template-modal>header button{border:1px solid var(--border-default);width:38px;height:38px;color:var(--text-primary);background:var(--bg-elevated);cursor:pointer;border-radius:10px;flex:0 0 38px;place-items:center;display:grid}.landing-template-modal-scroll{background:#080b12;height:calc(100% - 78px);padding:24px;overflow:auto}.landing-template-full-page{background:#fff;width:635px;min-height:899px;margin:0 auto;overflow:hidden;box-shadow:0 18px 50px #00000073}.landing-template-full-page-scale{transform-origin:0 0;width:794px;transform:scale(.8)}.landing-features,.landing-steps{border-top:1px solid var(--border-subtle);padding:90px max(20px,50% - 560px)}.landing-features{background:#ffffff03}.landing-section-heading{text-align:center;max-width:720px;margin:0 auto 44px}.landing-section-heading>span{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:800}.landing-section-heading h2{color:var(--text-primary);letter-spacing:-.035em;margin:10px 0 0;font-size:clamp(1.8rem,3vw,2.6rem)}.landing-section-heading p{max-width:620px;color:var(--text-tertiary);margin:14px auto 0;font-size:.9rem;line-height:1.7}.landing-feature-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.landing-feature-grid article,.landing-step-grid article{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);padding:26px}.landing-feature-grid svg{width:38px;height:38px;color:var(--accent-bright);background:var(--accent-dim);border-radius:10px;padding:9px}.landing-feature-grid h3,.landing-step-grid h3{color:var(--text-primary);margin:18px 0 8px;font-size:1rem}.landing-feature-grid p,.landing-step-grid p{color:var(--text-tertiary);margin:0;font-size:.84rem;line-height:1.65}.landing-step-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.landing-step-grid article>b{width:34px;height:34px;color:var(--accent-bright);background:var(--accent-dim);border-radius:50%;place-items:center;display:grid}.landing-final-cta{border:1px solid var(--border-focus);border-radius:var(--radius-xl);text-align:center;background:linear-gradient(145deg, var(--accent-dim), var(--bg-surface));width:min(880px,100% - 40px);margin:30px auto 110px;padding:58px 30px}.landing-final-cta>svg{color:var(--accent-bright)}.landing-final-cta h2{margin:14px 0 8px;font-size:clamp(1.7rem,3vw,2.4rem)}.landing-final-cta p{color:var(--text-secondary);margin:0 0 24px}.landing-footer{border-top:1px solid var(--border-subtle);width:min(1120px,100% - 40px);color:var(--text-tertiary);justify-content:space-between;gap:20px;margin:0 auto;padding:28px 0;font-size:.76rem;display:flex}@media (width<=900px){.landing-hero{grid-template-columns:1fr;padding-top:58px}.landing-hero-copy{text-align:center}.landing-kicker,.landing-hero-copy>p{margin-left:auto;margin-right:auto}.landing-hero-actions{justify-content:center}.landing-preview{width:min(100%,540px);margin:0 auto;transform:none}.landing-template-showcase{margin:0 auto}.landing-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.landing-nav,.landing-hero,.landing-footer{width:min(100% - 28px,1120px)}.landing-brand span{font-size:.9rem}.landing-hero{min-height:auto;padding:48px 0 70px}.landing-hero h1{font-size:2.45rem}.landing-preview-body{min-height:390px;padding:12px}.landing-preview-document{padding:22px 16px}.landing-template-showcase{padding:15px 10px}.landing-template-deck{height:340px}.landing-template-card{width:230px;transform:translateX(calc(-50% + var(--stack-mobile-x))) translateY(var(--stack-mobile-y)) rotate(var(--stack-mobile-rotate))}.landing-template-card.is-featured,.landing-template-card.is-featured:hover,.landing-template-card.is-featured:focus-visible{transform:translate(-50%)}.landing-template-card.is-promoting{animation-name:landing-card-promote-mobile}@keyframes landing-card-promote-mobile{0%{transform:translateX(calc(-50% + var(--promotion-mobile-x))) translateY(var(--promotion-mobile-y)) rotate(var(--promotion-mobile-rotate))}42%{transform:translateX(calc(-50% + var(--promotion-mobile-x) + 30px)) translateY(-20px) rotate(calc(var(--promotion-mobile-rotate) + 2deg)) scale(1.018);box-shadow:0 24px 45px #00000075}to{transform:translateX(calc(-50% + var(--spread-mobile-x))) translateY(-10px) rotate(var(--spread-rotate))}}.landing-template-paper-scale{transform:scale(.275)}.landing-template-deck.is-expanded .landing-template-card{transform:translateX(calc(-50% + var(--spread-mobile-x))) translateY(8px) rotate(var(--spread-rotate))}.landing-template-deck.is-expanded .landing-template-card.is-featured{transform:translateX(calc(-50% + var(--spread-mobile-x))) translateY(-10px) rotate(var(--spread-rotate))}.landing-template-modal-backdrop{padding:8px}.landing-template-modal{border-radius:14px;height:96vh}.landing-template-modal>header{padding:12px 14px}.landing-template-modal-scroll{padding:14px 8px}.landing-template-full-page{width:333px;min-height:472px}.landing-template-full-page-scale{transform:scale(.42)}.landing-feature-grid,.landing-step-grid{grid-template-columns:1fr}.landing-features,.landing-steps{padding-top:68px;padding-bottom:68px}.landing-final-cta{margin-bottom:70px;padding:44px 20px}.landing-footer{text-align:center;flex-direction:column;align-items:center}.pwa-install-help{left:50%;transform:translate(-50%)}.pwa-update-toast{bottom:12px;left:12px;right:12px}.pwa-update-toast>div{flex:1}}.editor-panel{box-sizing:border-box;max-width:100%;overflow-x:hidden}.editor-panel>*{box-sizing:border-box;max-width:100%}.editor-panel .space-y-4>*+*{margin-top:18px}.editor-panel .space-y-5>*+*{margin-top:22px}.editor-panel .editor-action-row{margin-bottom:4px}@media (width<=767px){.editor-panel .space-y-4>*+*{margin-top:16px}.editor-panel .space-y-5>*+*{margin-top:18px}}.form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid-2>*{box-sizing:border-box;min-width:0}.form-grid-2>.col-span-2{grid-column:1/-1}@media (width<=767px){.form-grid-2{grid-template-columns:1fr}.form-grid-2>.col-span-2{grid-column:1/-1}}.date-range-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px;min-width:0;max-width:100%;display:grid}.date-range-row>*{box-sizing:border-box;min-width:0;max-width:100%}.date-range-row .form-input{width:100%;min-width:0}@media (width<=767px){.date-range-row{grid-template-columns:1fr}}.editor-action-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.editor-action-row>*{min-width:0}@media (width<=767px){.editor-action-row{flex-direction:column;align-items:stretch}.editor-action-row .editor-count{text-align:center}.editor-action-row .btn-primary{justify-content:center;width:100%}}.card,.card>*{box-sizing:border-box;max-width:100%}@media (width<=767px){.exp-grid{grid-template-columns:1fr!important}}.skills-row{gap:var(--space-3);align-items:flex-end;display:flex}.skills-row>*{min-width:0}@media (width<=767px){.skills-row{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-items:end;display:grid}.skills-row>.skills-row-action{grid-column:1/-1;justify-content:flex-end;display:flex}}.skill-item-card,.skill-item-main,.skill-item-actions{min-width:0}.skill-item-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}@media (width<=767px){.skill-item-card{grid-template-columns:minmax(0,1fr);align-items:stretch!important;display:grid!important}.skill-item-actions{justify-content:space-between;width:100%}.skill-item-actions .skill-level-select{width:min(160px,100% - 46px)!important}.skill-item-actions .btn-danger{justify-content:center;width:38px;height:34px}}.editor-panel input,.editor-panel textarea,.editor-panel select{box-sizing:border-box;max-width:100%}.interests-row{align-items:center}.interests-row>*{min-width:0}.interests-row-action{flex-shrink:0;display:flex}.interests-row-action .btn-primary{justify-content:center;width:40px;height:40px}.interests-list,.interest-chip{min-width:0}.interest-chip{max-width:100%}.interest-chip-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=767px){.interests-row{grid-template-columns:1fr auto;align-items:center;display:grid!important}.interests-row-action{justify-content:flex-end}.interests-chips{gap:var(--space-2)}.interests-chips button{padding:3px 8px;font-size:11px}}.card .card-item-header{align-items:center;gap:10px;min-width:0;display:flex}.card .card-item-header .card-item-title{flex:1;min-width:0;overflow:hidden}.card .card-item-header .card-item-actions{flex-shrink:0;gap:6px;display:flex}@media (width<=767px){.card .card-item-header{gap:12px}}.customization-template-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:100%;display:grid}.customization-template-grid>*,.customization-template-card,.customization-template-title-row,.customization-template-description{box-sizing:border-box;min-width:0;max-width:100%}.customization-template-card{width:100%}.template-thumbnail{border:1px solid var(--border-default);border-radius:var(--radius-sm);pointer-events:none;background:#e5e7eb;width:100%;height:220px;position:relative;overflow:hidden}.template-thumbnail-page{transform-origin:top;background:#fff;width:794px;min-height:1123px;position:absolute;top:0;left:50%;transform:translate(-50%)scale(.24);box-shadow:0 4px 18px #0f172a2e}.customization-template-title-row>span:first-child,.customization-template-description{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.customization-template-description{height:auto;display:block;overflow:visible}.customization-option-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.customization-option-grid>*{min-width:0}@media (width<=767px){.customization-template-grid{grid-template-columns:minmax(0,1fr)}.template-thumbnail{height:250px}.template-thumbnail-page{transform:translate(-50%)scale(.28)}.customization-option-grid{grid-template-columns:minmax(0,1fr)}}.editor-panel{scrollbar-gutter:stable}