.idea-generation-cta .idea-entry-actions { display: flex; flex-direction: column; align-items: stretch; gap: 10px; width: min(100%, 420px); margin-top: 8px; }
.idea-generation-cta .idea-entry-actions .button {
  box-sizing: border-box; width: 100%; min-width: 0; min-height: 52px; padding: 12px 18px;
  border-radius: 16px; font-size: 1rem; font-weight: 800; line-height: 1.35; gap: 10px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.idea-entry-actions .button::before {
  content: ""; display: block; width: 20px; height: 20px; flex: 0 0 20px; background: currentColor;
  mask: var(--idea-action-icon) center / contain no-repeat;
}
#generateIdeasInProjectButton {
  --idea-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 3 1.8 5.2L17 10l-5.2 1.8L10 17l-1.8-5.2L3 10l5.2-1.8L10 3Z'/%3E%3Cpath d='M19 2v5m-2.5-2.5h5M19 15v6m-3-3h6'/%3E%3C/svg%3E");
  background: linear-gradient(130deg, color-mix(in srgb, var(--sia-teal) 68%, #000), color-mix(in srgb, var(--sia-teal) 60%, #000)) !important;
  color: #fff !important; border-color: var(--sia-teal) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .16), 0 8px 24px color-mix(in srgb, var(--sia-teal) 18%, transparent);
}
#writeOwnIdeaButton {
  --idea-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 3 5 5M4 16 16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-5 2 2-5Z'/%3E%3Cpath d='M12 21h10'/%3E%3C/svg%3E");
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sia-heading) 4%, transparent);
}
.is-channel-required #generateIdeasInProjectButton {
  --idea-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='13' rx='2'/%3E%3Cpath d='M8 21h8m-4-4v4m0-13v5m-2.5-2.5h5'/%3E%3C/svg%3E");
}
.idea-entry-actions .button[data-credit-cost]::after { flex-shrink: 0; margin-left: 2px; padding: 4px 8px; font-size: .75rem; line-height: 1.1; background: rgb(0 0 0 / .16); border: 1px solid rgb(255 255 255 / .16); border-radius: 999px; }
#generateIdeasInProjectButton:not(:disabled):hover { box-shadow: inset 0 1px 0 rgb(255 255 255 / .2), 0 12px 30px color-mix(in srgb, var(--sia-teal) 25%, transparent); transform: translateY(-2px); }
#writeOwnIdeaButton:not(:disabled):hover { background: var(--sia-teal-soft) !important; border-color: var(--sia-teal) !important; }
.idea-entry-actions .button:focus-visible { outline: 3px solid var(--sia-teal); outline-offset: 4px; }
.idea-entry-actions .button:active { transform: translateY(0); }
.idea-entry-actions .button:disabled { box-shadow: none; cursor: not-allowed; }
@media (max-width: 600px) {
  .idea-generation-cta .idea-entry-actions .button { min-height: 50px; padding: 12px 14px; font-size: .95rem; border-radius: 16px; gap: 9px; }
  .idea-entry-actions .button[data-credit-cost]::after { padding: 4px 7px; font-size: .7rem; }
}
@media (prefers-reduced-motion: reduce) {
  .idea-generation-cta .idea-entry-actions .button { transition: none; }
  #generateIdeasInProjectButton:not(:disabled):hover { transform: none; }
}
.idea-entry-actions .button.secondary, .own-idea-view .button.secondary { background: var(--sia-surface); color: var(--sia-heading); border-color: var(--sia-line-strong); }
html[data-theme="dark"] #writeOwnIdeaButton, html[data-theme="dark"] #ownIdeaView .button.secondary { background: var(--sia-surface) !important; color: var(--sia-heading) !important; border-color: var(--sia-line-strong) !important; }
.own-idea-view { padding: 28px; color: var(--sia-text); }
.own-idea-view[hidden] { display: none; }
.own-idea-view .idea-config-back { min-height: 44px; padding: 8px 0; }
.own-idea-view h3 { color: var(--sia-heading); font-size: 1.15rem; margin: 0 0 8px; }
.own-idea-view p { color: var(--sia-muted); line-height: 1.55; margin: 0 0 16px; }
.own-idea-fields { display: grid; gap: 20px; }
.own-idea-fields label { display: grid; gap: 8px; font-weight: 750; }
.own-idea-fields input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; padding: 13px 16px; background: var(--sia-surface); color: var(--sia-text); border: 1px solid var(--sia-line-strong); border-radius: var(--sia-radius-control); font: inherit; }
.own-idea-view input:focus-visible, .own-idea-view textarea:focus-visible, .own-idea-view button:focus-visible, .own-idea-view a:focus-visible { outline: 2px solid var(--sia-teal); outline-offset: 3px; }
.own-idea-header-back { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex-shrink: 0; align-self: center; min-height: 44px; margin-left: auto; padding: 10px 16px; border: 1px solid var(--sia-line-strong); border-radius: var(--sia-radius-control); background: var(--sia-surface); color: var(--sia-teal-dark); font: inherit; font-size: .85rem; font-weight: 750; cursor: pointer; }
.own-idea-header-back[hidden] { display: none; }
.idea-picker-head:has(.own-idea-header-back:not([hidden])) > div:first-child { min-width: 0; flex: 1; }
.own-idea-header-back svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.own-idea-header-back:hover { background: var(--sia-teal-soft); border-color: var(--sia-teal); }
.own-idea-header-back:focus-visible { outline: 2px solid var(--sia-teal); outline-offset: 3px; }
.own-idea-reference-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 28px 0 16px; padding: 20px; border: 1px solid var(--sia-line); border-radius: var(--sia-radius-control); background: var(--sia-surface-soft); }
.own-idea-reference-copy { min-width: 0; }
.own-idea-reference-head p { margin: 0; font-size: .9rem; }
.own-idea-selection-progress { display: grid; gap: 10px; flex: 0 0 200px; }
.own-idea-reference-head strong { color: var(--sia-teal-dark); font-size: .85rem; font-weight: 800; text-align: right; }
.own-idea-progress-track { display: flex; gap: 6px; }
.own-idea-progress-track span { display: block; flex: 1; height: 7px; border-radius: 999px; background: var(--sia-line); transition: background-color .18s ease; }
.own-idea-progress-track span.is-filled { background: var(--sia-teal); }
@media (prefers-reduced-motion: reduce) { .own-idea-progress-track span { transition: none; } }
.own-idea-selected { display: flex; gap: 8px; flex-wrap: wrap; }
.own-idea-selected button { max-width: 100%; min-height: 44px; padding: 8px 12px; border: 1px solid var(--sia-line-strong); background: var(--sia-teal-soft); color: var(--sia-heading); border-radius: var(--sia-radius-compact); font: inherit; font-size: .8rem; cursor: pointer; overflow-wrap: anywhere; }
.own-idea-video { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; align-content: start; padding: 14px; background: var(--sia-surface); border: 1px solid var(--sia-line); border-radius: var(--sia-radius-control); }
.own-idea-video.is-selected { border-color: var(--sia-teal); background: var(--sia-surface-soft); }
.own-idea-video img { width: 110px; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 8px; background: var(--sia-surface-soft); }
.own-idea-video-copy { display: grid; gap: 6px; min-width: 0; }
.own-idea-video-copy a { color: var(--sia-heading); font-size: .86rem; line-height: 1.4; font-weight: 750; text-decoration: none; overflow-wrap: anywhere; }
.own-idea-video-copy span, .own-idea-video-copy small { color: var(--sia-muted); font-size: .75rem; overflow-wrap: anywhere; }
.own-idea-video .button { grid-column: 1 / -1; min-height: 44px; }
.own-idea-video .button[aria-pressed="true"], html[data-theme="dark"] #ownIdeaView .own-idea-video .button[aria-pressed="true"] { color: var(--sia-teal-dark) !important; background: var(--sia-teal-soft) !important; border-color: var(--sia-teal) !important; }
.own-idea-view .button:disabled { cursor: not-allowed; opacity: .55; }
.own-idea-footer { display: flex; align-items: center; gap: 12px; margin-top: 20px; }
.own-idea-footer { justify-content: flex-start; padding-top: 20px; border-top: 1px solid var(--sia-line); }
.own-idea-view .own-idea-error { color: var(--sia-danger); margin-top: 16px; }
.own-idea-view .idea-config-back { margin-bottom: 24px; }
.own-idea-feedback { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:16px 0; }
.own-idea-feedback p { margin:0; }
.own-idea-feedback .button { flex-shrink:0; min-height:44px; }
.own-idea-carousel { min-width:0; margin-top:24px; }
.own-idea-carousel[hidden] { display:none; }
.own-idea-carousel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.own-idea-carousel-head p { margin:0; font-size:.82rem; }
.own-idea-carousel-controls { display:flex; gap:8px; flex-shrink:0; }
.own-idea-carousel-controls .button { width:44px; height:44px; min-width:44px; padding:0; font-size:1.2rem; }
.own-idea-rail { display:grid; grid-auto-flow:column; grid-auto-columns:min(280px,85%); gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:thin; padding:4px 2px 12px; }
.own-idea-rail:focus-visible { outline:2px solid var(--sia-teal); outline-offset:3px; }
.own-idea-rail .own-idea-video { display:flex; flex-direction:column; gap:0; padding:0; overflow:hidden; scroll-snap-align:start; }
.own-idea-video-media { display:block; position:relative; aspect-ratio:16/9; background:var(--sia-surface-soft); }
.own-idea-rail .own-idea-video img { display:block; width:100%; height:100%; border-radius:0; }
.own-idea-duration { position:absolute; right:8px; bottom:8px; background:rgb(0 0 0 / .8); color:white; padding:3px 6px; border-radius:4px; font-size:.75rem; }
.own-idea-rail .own-idea-video-copy { padding:12px; gap:6px; flex:1; }
.own-idea-video-copy a { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.own-idea-rail .own-idea-video .button { margin:0 12px 12px; min-height:44px; }
.own-idea-footer { justify-content:space-between; }
.own-idea-footer p { margin:0; font-size:.82rem; }
.own-idea-footer .button { min-height:48px; min-width:160px; }
@media (max-width: 600px) {
  .own-idea-view { padding: 20px; }
  .idea-entry-actions, .own-idea-footer, .own-idea-reference-head { flex-direction: column; align-items: stretch; }
  .own-idea-view .button { padding-left: 12px; padding-right: 12px; font-size: .84rem; }
  .idea-picker-head:has(.own-idea-header-back:not([hidden])) { flex-wrap: wrap; gap: 16px; }
  .idea-picker-head:has(.own-idea-header-back:not([hidden])) > div:first-child { flex-basis: 100%; }
  .own-idea-header-back { margin-left: 0; }
  .own-idea-reference-head { gap: 16px; padding: 16px; }
  .own-idea-selection-progress { flex: auto; width: 100%; }
  .own-idea-reference-head strong { text-align: left; }
}