.sunset-page{background:var(--surface)}.sunset-source-note{color:var(--muted);background:var(--soft);border-left:3px solid var(--primary);margin:-24px 0 28px;padding:16px 18px;font-size:14px;line-height:1.8}.sunset-source-note a{color:var(--primary-dark);text-underline-offset:.2em;font-weight:700}.sunset-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.sunset-controls{background:var(--soft);border-bottom:1px solid var(--line);grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:end;gap:12px;padding:18px;display:grid}.sunset-controls label{gap:7px;display:grid}.sunset-controls label span{color:var(--muted);font-size:12px;font-weight:700}.sunset-controls select,.sunset-controls button{border:1px solid var(--line);min-height:44px;font:inherit;border-radius:4px;padding:0 14px}.sunset-controls select{color:var(--ink);background:var(--surface)}.sunset-controls button{color:var(--surface);background:var(--primary);border-color:var(--primary);cursor:pointer;font-weight:700}.sunset-controls button:disabled,.sunset-controls select:disabled{cursor:wait;opacity:.62}.sunset-result h2{color:var(--ink);background:var(--surface);border-bottom:1px solid var(--line);margin:0;padding:16px 18px;font-size:18px;line-height:1.55}.sunset-result img{background:var(--soft);width:100%;height:auto;display:block}.sunset-state{min-height:260px;color:var(--muted);text-align:center;place-items:center;padding:32px;display:grid}@media (max-width:820px){.sunset-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.sunset-controls button{grid-area:2/1/auto/-1}}@media (max-width:560px){.sunset-controls{grid-template-columns:1fr}.sunset-controls button{grid-area:auto}.sunset-source-note{margin-top:-12px}}