.promotion-main{padding:64px 0 100px}.promotion-hero{max-width:820px;margin-bottom:42px}.promotion-hero h1{font-size:clamp(42px,6vw,72px);margin:16px 0}.promotion-hero h1 span{color:var(--accent)}.promotion-hero p{font-size:18px;max-width:65ch}.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--ink);color:var(--accent-2);display:grid;place-items:center;font:10px var(--font-mono)}
.promotion-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.promotion-form,.result-preview,.loading-card,.error-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px}.promotion-form{display:flex;flex-direction:column;gap:28px}.form-section{display:flex;flex-direction:column;gap:16px}.form-section+.form-section{border-top:1px solid var(--line);padding-top:26px}.form-section-title{display:flex;align-items:center;gap:10px}.form-section-title>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);font:11px var(--font-mono)}.form-section-title h2{font-size:21px}.field-grid{display:grid;gap:14px}.field-grid.two{grid-template-columns:1fr 1fr}.field-grid.three{grid-template-columns:repeat(3,1fr)}label>span,legend{display:block;margin-bottom:6px;color:var(--muted);font:11px var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.lyrics-input{min-height:260px}fieldset{border:0;padding:0;margin:0}.platforms{display:flex;flex-wrap:wrap;gap:8px}.platforms label{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px}.platforms input{accent-color:var(--accent)}.privacy-note{font-size:12px;line-height:1.55;color:var(--muted);background:var(--bg-2);border-radius:var(--radius);padding:12px 14px}.generate-plan{height:54px;width:100%;font-size:16px}.result-preview{position:sticky;top:88px}.result-preview>span{font-size:11px;color:var(--muted);text-transform:uppercase}.result-preview ol{padding-left:22px;margin:20px 0;display:grid;gap:14px}.result-preview li{padding-left:5px;line-height:1.4}.result-preview p{font-size:12px;color:var(--muted);margin-bottom:16px}.result-preview .btn{width:100%}
.loading-card,.error-card{max-width:720px;margin:30px auto;text-align:center}.spinner{width:38px;height:38px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 18px}@keyframes spin{to{transform:rotate(360deg)}}.loading-card h2{margin-bottom:8px}.error-card{color:#b91c1c;background:#fff7f7;border-color:#fecaca}
.promotion-result{max-width:920px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:46px}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 38px}.result-header{border-bottom:1px solid var(--line);padding-bottom:24px}.result-header h1{font-size:42px;margin:10px 0}.result-header p{color:var(--muted)}.result-section{padding:34px 0;border-bottom:1px solid var(--line)}.result-section h2{font-size:27px;margin-bottom:20px}.result-section h3{font-size:17px;margin:22px 0 8px}.result-section p,.result-section li{line-height:1.65}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.result-card{border:1px solid var(--line);background:var(--bg);border-radius:var(--radius);padding:18px}.result-card h3{margin:0 0 9px}.result-card .meta{font:11px var(--font-mono);color:var(--accent-ink);margin-bottom:9px}.calendar-item{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.calendar-date{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.calendar-date strong{display:block;color:var(--ink);font-size:14px;margin-bottom:4px}.calendar-item h3{margin:0 0 10px}.calendar-item ul{margin:0;padding-left:20px}.calendar-item li+li{margin-top:8px}.next-step{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:26px}.next-step h2,.next-step p{color:#fff}.small-muted{font-size:12px;color:var(--muted)}
@media(max-width:900px){.promotion-layout{grid-template-columns:1fr}.result-preview{position:static}.field-grid.three{grid-template-columns:1fr}.promotion-result{padding:28px}.result-grid{grid-template-columns:1fr}.calendar-item{grid-template-columns:1fr;gap:8px}}
@media(max-width:640px){.promotion-main{padding-top:38px}.promotion-hero h1{font-size:40px}.field-grid.two{grid-template-columns:1fr}.promotion-form{padding:20px}.nav-links{display:none}.promotion-result{border-radius:0;margin-left:calc(var(--gutter)*-1);margin-right:calc(var(--gutter)*-1);padding:24px}.result-header h1{font-size:32px}}
@media print{body{background:#fff}.no-print,body:before{display:none!important}.promotion-main{padding:0}.promotion-result{display:block!important;border:0;padding:0;max-width:none}.result-section{break-inside:avoid}.result-card,.calendar-item{break-inside:avoid}.result-header h1{font-size:30px}@page{margin:16mm}}