.fancy-page .hero { padding-bottom: 1.3rem; }
.fancy-page .subtitle { max-width: 760px; }
.fancy-page .tiny-workspace { min-height: 620px; }
.fancy-page .tiny-compose { gap: .9rem; }
.fancy-page #fancy-input { width: 100%; min-height: 195px; flex: 1; resize: vertical; padding: 1rem; border: 1px solid #36363f; border-radius: 12px; outline: none; background: #0d0d10; color: #fff; font: 500 1.15rem/1.6 var(--font-ui); caret-color: var(--accent-color); }
.fancy-page #fancy-input:focus { border-color: var(--accent-color); box-shadow: 0 0 0 3px rgba(0,255,170,.1); }
.fancy-page #fancy-input::placeholder { color: #85858e; }
.fancy-controls { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .8rem; }
.fancy-controls.is-looks { grid-template-columns: 1fr; }
.fancy-control { display: grid; gap: .35rem; }
.fancy-control[hidden] { display: none; }
.fancy-control label { color: #bdbdc5; font-size: .78rem; font-weight: 700; }
.fancy-control select { width: 100%; min-height: 42px; padding: .55rem .7rem; border: 1px solid #36363f; border-radius: 9px; background: #1a1a1f; color: #fff; font: inherit; cursor: pointer; }
.fancy-control select:focus-visible { outline: 2px solid var(--accent-color); outline-offset: 2px; }
.fancy-view-switch { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .3rem; margin: 0 0 .5rem; padding: .3rem; border: 1px solid #303038; border-radius: 11px; background: #111114; }
.fancy-view-switch button { min-height: 38px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #aaaab2; font: 700 .8rem/1.2 var(--font-ui); cursor: pointer; }
.fancy-view-switch button:hover { color: #fff; }
.fancy-view-switch button[aria-pressed="true"] { border-color: rgba(0,255,170,.3); background: rgba(0,255,170,.09); color: var(--accent-color); }
.fancy-view-switch button:focus-visible { outline: 2px solid var(--accent-color); outline-offset: 2px; }
.fancy-page #fancy-results { max-height: 525px; overflow-y: auto; padding-right: .3rem; scrollbar-width: thin; scrollbar-color: #45454f #111114; }
.fancy-page #fancy-results::-webkit-scrollbar { width: 8px; }
.fancy-page #fancy-results::-webkit-scrollbar-track { border-radius: 999px; background: #111114; }
.fancy-page #fancy-results::-webkit-scrollbar-thumb { border: 2px solid #111114; border-radius: 999px; background: #45454f; }
.fancy-page #fancy-results::-webkit-scrollbar-thumb:hover { background: #666671; }
.fancy-page #fancy-results:focus-visible { outline: 2px solid var(--accent-color); outline-offset: 2px; }
.fancy-page .fancy-result-card[hidden] { display: none; }
.fancy-page .fancy-result-card[data-kind="looks"] { border-color: #3c3c45; background: linear-gradient(115deg, #1c1c21, #17171b); }
.fancy-page .fancy-result-card textarea { height: 48px; white-space: nowrap; overflow-x: auto; }
.fancy-page #fancy-count { color: #9898a1; font-size: .75rem; }
.fancy-page .fancy-load-more { width: 100%; margin-top: .7rem; }
.fancy-page .fancy-load-more[hidden] { display: none; }
.fancy-page #copy-status { margin-top: .5rem; }
.fancy-page .tiny-copy-section h2 { margin-bottom: .9rem; }
.fancy-page .tiny-use-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
@media (max-width: 899px) {
    .fancy-page .tiny-workspace { min-height: 0; }
    .fancy-page .tiny-compose { min-height: 0; }
    .fancy-page #fancy-input { min-height: 150px; }
    .fancy-page #fancy-results { max-height: 510px; }
}
@media (max-width: 520px) {
    .fancy-controls { grid-template-columns: 1fr; }
    .fancy-page #fancy-results { max-height: 480px; }
    .fancy-page .tiny-use-grid { grid-template-columns: 1fr; }
}