.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:50}.app-header-inner{max-width:var(--max-width);margin:0 auto;padding:0 2rem;height:3.5rem;display:flex;align-items:center;justify-content:space-between}.app-logo{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:var(--fg);font-weight:500}.app-logo:hover{color:var(--fg)}.logo-bars{display:flex;align-items:center;gap:2px;height:16px}.logo-bars span{display:block;width:2px;border-radius:1px;background:var(--green)}.logo-bars span:nth-child(1){height:6px}.logo-bars span:nth-child(2){height:12px}.logo-bars span:nth-child(3){height:8px}.logo-bars span:nth-child(4){height:14px}.logo-bars span:nth-child(5){height:4px}.app-nav{display:flex;gap:1.5rem;font-size:.8125rem}.app-nav a{color:var(--dim);transition:color .15s}.app-nav a:hover{color:var(--fg)}.app-nav a.active{color:var(--green)}.app-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.onboarding{max-width:28rem}.onboarding-title{font-size:1.25rem;font-weight:600;color:var(--fg);margin-bottom:1.5rem}.onboarding-steps{display:flex;flex-direction:column;gap:.75rem}.onboarding-step{display:flex;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.onboarding-step.done{border-color:#2eb88a4d;opacity:.6}.onboarding-num{font-size:.875rem;color:var(--green);flex-shrink:0;width:1.5rem;text-align:center}.onboarding-step h3{font-size:.9375rem;font-weight:500;color:var(--fg);margin-bottom:.25rem}.onboarding-step p{font-size:.8rem;color:var(--muted-fg);line-height:1.5}.onboarding-bars{display:flex;align-items:center;justify-content:center;gap:3px;height:48px;margin-top:2rem}.onboarding-bars span{display:block;width:3px;border-radius:2px;background:var(--green);animation:waveform 1.2s ease-in-out infinite}.onboarding-bars span:nth-child(1){height:15%;animation-delay:0s}.onboarding-bars span:nth-child(2){height:35%;animation-delay:.08s}.onboarding-bars span:nth-child(3){height:25%;animation-delay:.16s}.onboarding-bars span:nth-child(4){height:50%;animation-delay:.24s}.onboarding-bars span:nth-child(5){height:40%;animation-delay:.32s}.onboarding-bars span:nth-child(6){height:65%;animation-delay:.4s}.onboarding-bars span:nth-child(7){height:80%;animation-delay:.48s}.onboarding-bars span:nth-child(8){height:95%;animation-delay:.56s}.onboarding-bars span:nth-child(9){height:100%;animation-delay:.64s}.onboarding-bars span:nth-child(10){height:90%;animation-delay:.72s}.onboarding-bars span:nth-child(11){height:100%;animation-delay:.64s}.onboarding-bars span:nth-child(12){height:95%;animation-delay:.56s}.onboarding-bars span:nth-child(13){height:80%;animation-delay:.48s}.onboarding-bars span:nth-child(14){height:65%;animation-delay:.4s}.onboarding-bars span:nth-child(15){height:40%;animation-delay:.32s}.onboarding-bars span:nth-child(16){height:50%;animation-delay:.24s}.onboarding-bars span:nth-child(17){height:25%;animation-delay:.16s}.onboarding-bars span:nth-child(18){height:35%;animation-delay:.08s}.onboarding-bars span:nth-child(19){height:15%;animation-delay:0s}.onboarding-bars span:nth-child(20){height:10%;animation-delay:.1s}.onboarding-example{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.onboarding-prompt{font-size:.875rem;color:var(--fg);font-style:italic;line-height:1.625;margin-bottom:.5rem}.onboarding-result{font-size:.75rem;color:var(--green)}.settings-page{width:100%;max-width:var(--max-width);padding:2rem}.provider-cards{display:flex;flex-direction:column;gap:1rem}.provider-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:1.25rem}.provider-header{display:flex;align-items:center;gap:.75rem;width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left;font-family:inherit}.provider-body{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.provider-chevron{margin-left:auto;font-size:.625rem;color:var(--dim);transition:transform .15s}.provider-chevron.open{transform:rotate(180deg)}.provider-name{font-size:1rem;font-weight:500;color:var(--fg)}.provider-status{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em}.provider-status.connected{color:var(--green)}.provider-status.disconnected{color:var(--dim)}.provider-status.invalid{color:#d14747}.provider-status.validating{color:var(--cyan)}.provider-desc{font-size:.8rem;color:var(--muted-fg);line-height:1.5;margin-bottom:.75rem}.provider-field{margin-bottom:.5rem}.provider-field:last-child{margin-bottom:0}.provider-field input{width:100%;padding:.5rem .75rem;font-family:JetBrains Mono,monospace;font-size:.8125rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);outline:none;transition:border-color .15s}.provider-field input:focus{border-color:var(--green)}.provider-field input:disabled{opacity:.4;cursor:not-allowed}.provider-field code{font-size:.75rem;background:var(--card);padding:.1em .35em;border-radius:var(--radius);color:var(--fg)}.field-hint{font-size:.75rem;color:var(--dim);line-height:1.5;margin-bottom:.75rem}.provider-connected{display:flex;align-items:center;justify-content:space-between;gap:1rem}.btn-validate{display:inline-flex;align-items:center;padding:.375rem 1rem;font-size:.75rem;color:var(--cyan);background:transparent;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,color .15s;margin-top:.25rem}.btn-validate:hover{border-color:var(--cyan)}.btn-validate:disabled{opacity:.4;cursor:not-allowed}.btn-disconnect{font-size:.6875rem;color:var(--dim);background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:.25rem .75rem;cursor:pointer;transition:border-color .15s,color .15s}.btn-disconnect:hover{border-color:#b82e2e;color:#d14747}.spotify-section{margin-bottom:2rem}.spotify-desc{font-size:.875rem;color:var(--muted-fg);margin-bottom:1rem;line-height:1.625}.btn-spotify{display:inline-flex;align-items:center;padding:.5rem 1.25rem;font-size:.8125rem;color:var(--bg);background:var(--green);border:none;border-radius:var(--radius);cursor:pointer;transition:opacity .15s}.btn-spotify:hover{opacity:.85}.btn-spotify:disabled{opacity:.4;cursor:not-allowed}.spotify-connected{display:flex;align-items:center;justify-content:space-between;gap:1rem}.spotify-user{display:flex;align-items:center;gap:.75rem}.spotify-avatar{width:2rem;height:2rem;border-radius:50%}.spotify-name{font-size:.875rem;font-weight:500;color:var(--fg)}.spotify-email{font-size:.6875rem;color:var(--dim)}.settings-note{margin-top:3rem;font-size:.75rem;color:var(--dim);line-height:1.5;border-top:1px solid var(--border);padding-top:1.5rem}.input-form-page{width:100%;max-width:var(--max-width);padding:2rem}.form-header{margin-bottom:2.5rem}.form-header h1{font-size:1.75rem;font-weight:600;color:var(--fg);margin-bottom:.25rem}.form-subtitle{font-size:.875rem;color:var(--muted-fg)}.form-section{margin-bottom:1.5rem}.form-label{display:block;font-size:.8125rem;font-weight:500;color:var(--fg);margin-bottom:.5rem}.form-hint{font-size:.75rem;color:var(--dim);margin-bottom:.5rem}.form-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.form-textarea{width:100%;padding:.75rem;font-family:Space Grotesk,sans-serif;font-size:.875rem;line-height:1.625;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);outline:none;resize:vertical;transition:border-color .15s}.form-textarea:focus{border-color:var(--green)}.form-textarea::placeholder{color:var(--dim)}.form-input{width:100%;padding:.5rem .75rem;font-family:Space Grotesk,sans-serif;font-size:.875rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--green)}.form-input::placeholder{color:var(--dim)}.form-input.mono{font-family:JetBrains Mono,monospace;font-size:.8125rem}.seed-inputs{display:flex;flex-direction:column;gap:.5rem}.seed-search{position:relative}.seed-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);z-index:20;margin-top:2px;overflow:hidden}.seed-option{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;background:none;border:none;color:var(--fg);font-family:Space Grotesk,sans-serif;font-size:.8125rem;cursor:pointer;text-align:left;transition:background .1s}.seed-option:hover{background:var(--muted)}.seed-option-art{width:28px;height:28px;border-radius:2px;flex-shrink:0}.seed-option-name{display:block;color:var(--fg);font-size:.8125rem}.seed-option-artist{display:block;color:var(--dim);font-size:.6875rem}.seed-searching{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.6875rem;color:var(--dim)}.seed-chip{display:flex;align-items:center;gap:.625rem;padding:.375rem .75rem;background:var(--card);border:1px solid var(--green);border-radius:var(--radius)}.seed-art{width:28px;height:28px;border-radius:2px;flex-shrink:0}.seed-info{flex:1;min-width:0}.seed-name{display:block;font-size:.8125rem;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seed-artist{display:block;font-size:.6875rem;color:var(--dim)}.seed-remove{background:none;border:none;color:var(--dim);font-size:1.125rem;cursor:pointer;padding:0 .25rem;line-height:1;transition:color .15s}.seed-remove:hover{color:#d14747}.style-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.style-card{display:flex;flex-direction:column;padding:.625rem .75rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;font-family:Space Grotesk,sans-serif;transition:border-color .15s;color:var(--fg)}.style-card:hover{border-color:#2eb88a4d}.style-card.selected{border-color:var(--green)}.style-name{font-size:.8125rem;font-weight:500;color:var(--fg)}.style-desc{font-size:.6875rem;color:var(--dim);margin-top:.125rem}.audio-type-row{display:flex;gap:.5rem}.tier-row{display:flex;align-items:center;gap:.5rem}.tier-pill{padding:.375rem 1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted-fg);cursor:pointer;transition:border-color .15s,color .15s}.tier-pill:hover{border-color:#2eb88a4d;color:var(--fg)}.tier-pill.selected{border-color:var(--green);color:var(--green)}.tier-estimate{margin-left:auto;font-size:.75rem;color:var(--dim)}.optional-toggle{background:none;border:none;color:var(--dim);font-size:.75rem;cursor:pointer;padding:0;margin-bottom:1rem;transition:color .15s}.optional-toggle:hover{color:var(--cyan)}.optional-section{margin-bottom:1rem}.public-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin-top:1rem}.public-toggle input{position:absolute;opacity:0;width:0;height:0}.public-toggle-track{display:block;width:2.25rem;height:1.25rem;background:var(--border);border-radius:.625rem;position:relative;transition:background .15s;flex-shrink:0}.public-toggle input:checked+.public-toggle-track{background:var(--green)}.public-toggle-thumb{display:block;width:.875rem;height:.875rem;background:var(--fg);border-radius:50%;position:absolute;top:.1875rem;left:.1875rem;transition:transform .15s}.public-toggle input:checked+.public-toggle-track .public-toggle-thumb{transform:translate(1rem)}.public-toggle-label{font-size:.8125rem;color:var(--muted-fg)}.form-submit{padding-top:1rem;border-top:1px solid var(--border);margin-top:1rem}.btn-create{display:inline-flex;align-items:center;padding:.625rem 2rem;font-size:.875rem;color:var(--bg);background:var(--green);border:none;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:opacity .15s}.btn-create:hover{opacity:.85}.btn-create:disabled{opacity:.3;cursor:not-allowed}.workspace{width:100%;height:calc(100vh - 3.5rem);display:flex;flex-direction:column;overflow:hidden}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border);flex-shrink:0}.workspace-title{font-size:1rem;font-weight:600;color:var(--fg)}.workspace-subtitle{font-size:.75rem;color:var(--dim);margin-top:.125rem}.workspace-body{display:flex;flex:1;overflow:hidden}.activity-panel{flex:1;overflow-y:auto;padding:1.5rem 2rem;border-right:1px solid var(--border);display:flex;flex-direction:column}.ws-actions{display:flex;gap:.75rem;align-items:center;margin-top:1.5rem}.activity-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--cyan);background:#33bfcc14;padding:.125rem .375rem;border-radius:var(--radius);white-space:nowrap;flex-shrink:0;margin-top:.125rem}.activity-label.result{color:var(--green);background:#2eb88a14}.dim{color:var(--dim)}.ws-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:1.5rem}.ws-center-text{font-size:.875rem;color:var(--muted-fg)}.ws-center-content{max-width:36rem;margin:0 auto;padding:2rem 0}.ws-waveform-anim{display:flex;align-items:center;justify-content:center;gap:3px;height:48px}.ws-waveform-anim.large{height:80px;gap:4px}.ws-waveform-anim.large span{width:5px}.ws-waveform-anim.small{height:24px;gap:3px}.ws-waveform-anim span{display:block;width:4px;height:50%;background:var(--green);border-radius:2px;animation:waveform 1.2s ease-in-out infinite;transform-origin:center}.ws-waveform-anim.small span{width:3px}.ws-waveform-anim span:nth-child(1){height:15%;animation-delay:0s}.ws-waveform-anim span:nth-child(2){height:25%;animation-delay:.06s}.ws-waveform-anim span:nth-child(3){height:35%;animation-delay:.12s}.ws-waveform-anim span:nth-child(4){height:50%;animation-delay:.18s}.ws-waveform-anim span:nth-child(5){height:65%;animation-delay:.24s}.ws-waveform-anim span:nth-child(6){height:80%;animation-delay:.3s}.ws-waveform-anim span:nth-child(7){height:90%;animation-delay:.36s}.ws-waveform-anim span:nth-child(8){height:100%;animation-delay:.42s}.ws-waveform-anim span:nth-child(9){height:95%;animation-delay:.48s}.ws-waveform-anim span:nth-child(10){height:85%;animation-delay:.54s}.ws-waveform-anim span:nth-child(11){height:100%;animation-delay:.48s}.ws-waveform-anim span:nth-child(12){height:95%;animation-delay:.42s}.ws-waveform-anim span:nth-child(13){height:90%;animation-delay:.36s}.ws-waveform-anim span:nth-child(14){height:80%;animation-delay:.3s}.ws-waveform-anim span:nth-child(15){height:65%;animation-delay:.24s}.ws-waveform-anim span:nth-child(16){height:50%;animation-delay:.18s}.ws-waveform-anim span:nth-child(17){height:35%;animation-delay:.12s}.ws-waveform-anim span:nth-child(18){height:25%;animation-delay:.06s}.ws-waveform-anim span:nth-child(19){height:15%;animation-delay:0s}.ws-waveform-anim span:nth-child(20){height:10%;animation-delay:.06s}.ws-waveform-anim span:nth-child(21){height:15%;animation-delay:.12s}.ws-waveform-anim span:nth-child(22){height:25%;animation-delay:.18s}.ws-waveform-anim span:nth-child(23){height:40%;animation-delay:.24s}.ws-waveform-anim span:nth-child(24){height:55%;animation-delay:.3s}.ws-waveform-anim span:nth-child(25){height:70%;animation-delay:.36s}.ws-waveform-anim span:nth-child(26){height:85%;animation-delay:.42s}.ws-waveform-anim span:nth-child(27){height:70%;animation-delay:.36s}.ws-waveform-anim span:nth-child(28){height:55%;animation-delay:.3s}.ws-waveform-anim span:nth-child(29){height:35%;animation-delay:.24s}.ws-waveform-anim span:nth-child(30){height:15%;animation-delay:.18s}@keyframes waveform{0%,to{transform:scaleY(.2);opacity:.3}50%{transform:scaleY(1);opacity:1}}.ws-progress{width:100%;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.ws-progress-bar{height:100%;background:var(--green);border-radius:2px;transition:width .5s ease}.ws-building-fill{display:flex;flex-direction:column;flex:1}.ws-building-top{max-width:36rem;margin:0 auto;width:100%;padding:0}.ws-building-wave{flex:1;display:flex;align-items:center;justify-content:center;opacity:.4}.ws-energy-bar.filled{background:var(--green)}.ws-energy-bar.current{background:var(--cyan);animation:pulse-bar 1s ease-in-out infinite}@keyframes pulse-bar{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.ws-error{color:#d14747;font-size:.8125rem;margin-bottom:1rem}.ws-plan-review{padding-bottom:2rem}.ws-plan-arc{font-size:.875rem;color:var(--muted-fg);line-height:1.625;margin-bottom:1.5rem}.ws-energy-curve{margin-bottom:1.5rem}.ws-energy-bars{display:flex;align-items:flex-end;gap:3px;height:60px;margin-top:.375rem}.ws-energy-bar{flex:1;background:var(--green);border-radius:1px 1px 0 0;min-height:2px;opacity:.7;transition:opacity .15s}.ws-energy-bar:hover{opacity:1}.ws-segments{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.ws-segment-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:1rem}.ws-segment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.ws-segment-name{font-size:.9375rem;font-weight:500;color:var(--fg)}.ws-segment-meta{margin-left:auto;font-size:.625rem;color:var(--dim)}.ws-segment-desc{font-size:.8rem;color:var(--muted-fg);line-height:1.5;margin-bottom:.25rem}.ws-segment-dir{font-size:.6875rem;color:var(--dim)}.ws-plan-actions{display:flex;flex-direction:column;gap:.75rem}.ws-feedback{display:flex;gap:.5rem}.ws-feedback .form-input{flex:1}.ws-insight-card{margin-top:1.5rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);min-height:5.5rem}.ws-insight-text{font-size:.8125rem;line-height:1.5;color:var(--fg);margin-top:.375rem;transition:opacity .3s ease}.ws-insight-text.dim{color:var(--muted-fg);font-style:italic}.ws-brief-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.ws-tag{font-size:.6875rem;padding:.2rem .5rem;background:#2eb88a14;color:var(--green);border-radius:var(--radius);border:1px solid hsl(160 60% 45% / .15)}.ws-complete{padding:1.5rem 0}.ws-complete-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.ws-complete-check{width:2.5rem;height:2.5rem;border-radius:50%;background:#2eb88a1f;color:var(--green);display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.ws-complete-title{font-size:1.25rem;font-weight:600;color:var(--fg)}.ws-complete-meta{font-size:.75rem;color:var(--dim);margin-top:.125rem}.ws-complete-arc{font-size:.8125rem;color:var(--muted-fg);line-height:1.625;margin-bottom:1.25rem}.ws-complete-segments{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.5rem}.ws-complete-seg{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.ws-complete-seg-name{color:var(--fg)}.ws-complete-seg-count{font-size:.625rem;color:var(--dim);margin-left:auto}.btn-ghost{display:inline-flex;align-items:center;padding:.625rem 1.5rem;font-size:.875rem;color:var(--muted-fg);border:1px solid var(--border);border-radius:var(--radius);background:none;cursor:pointer;transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:var(--green);color:var(--green)}.ws-post-section{max-width:36rem;margin:0 auto;padding-bottom:2rem}.ws-post-divider{height:1px;background:var(--border);margin:2rem 0 1.5rem}.ws-post-title{font-size:1rem;font-weight:600;color:var(--fg);margin-bottom:.75rem}.ws-post-hint{font-size:.8rem;color:var(--dim);margin-bottom:.75rem}.ws-post-voices{display:flex;flex-direction:column;gap:.5rem}.ws-post-voice-btn{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s;text-align:left;font-family:inherit;color:inherit}.ws-post-voice-btn:hover{border-color:var(--green)}.ws-post-voice-name{font-size:.875rem;font-weight:500;color:var(--fg);min-width:6rem}.ws-post-voice-desc{font-size:.75rem;color:var(--dim)}.ws-post-result{margin-top:.5rem}.ws-post-text{font-family:Space Grotesk,sans-serif;font-size:.875rem;line-height:1.625;color:var(--fg);white-space:pre-wrap;word-wrap:break-word;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem}.ws-post-actions{display:flex;gap:.5rem}.ws-spinner{width:1rem;height:1rem;border:2px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.ws-status{display:flex;align-items:center;gap:.75rem;color:var(--muted-fg);font-size:.875rem}.track-panel{width:340px;flex-shrink:0;overflow-y:auto;padding:1rem;background:var(--card)}.track-panel-header{margin-bottom:.75rem}.track-panel-empty{padding:2rem 0;text-align:center;font-size:.8rem}.track-segment{margin-bottom:1rem}.segment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.segment-name{font-size:.8125rem;font-weight:500;color:var(--fg)}.segment-count{font-size:.625rem;color:var(--dim);margin-left:auto}.track-card{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;border-bottom:1px solid hsl(220 15% 14%)}.track-card:last-child{border-bottom:none}.track-art{width:32px;height:32px;border-radius:2px;flex-shrink:0}.track-info{flex:1;min-width:0}.track-name{display:block;font-size:.8125rem;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{display:block;font-size:.625rem;color:var(--dim)}.track-duration{font-size:.625rem;color:var(--dim);flex-shrink:0}.ws-confirm-overlay{position:fixed;inset:0;background:#0e1115cc;display:flex;align-items:center;justify-content:center;z-index:100}.ws-confirm-dialog{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;max-width:20rem;text-align:center}.ws-confirm-text{font-size:1rem;font-weight:500;color:var(--fg);margin-bottom:.25rem}.ws-confirm-sub{font-size:.8rem;color:var(--dim);margin-bottom:1.25rem}.ws-confirm-actions{display:flex;gap:.75rem;justify-content:center}.resume-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;margin-bottom:1.5rem;border:1px solid var(--green);border-radius:var(--radius);background:#2eb88a0d}.resume-info{display:flex;flex-direction:column;gap:.125rem}.resume-title{font-size:.875rem;font-weight:500;color:var(--fg)}.resume-meta{font-size:.6875rem;color:var(--dim)}.resume-actions{display:flex;gap:.5rem;flex-shrink:0}@media(max-width:767px){.app-main{align-items:flex-start;padding:1.5rem 1rem}.settings-page,.input-form-page{padding:1rem 0}.form-row{flex-direction:column;gap:1rem}.style-cards{grid-template-columns:1fr}}