/* Smart Prompts 2 rebuilt: shared interactive pages, no external fonts or libraries. */
textarea,select{font:inherit;color:inherit}textarea{resize:vertical;min-height:130px}main{min-height:52vh}.app-container{padding-block:36px 55px}.page-head{padding:28px 30px;background:linear-gradient(125deg,#eef8ff,#f8f5ff);border:1px solid #e4efff;border-radius:22px;margin-bottom:25px}.page-head h1{font-size:clamp(28px,3vw,43px);letter-spacing:-.03em;margin:7px 0 10px;line-height:1.2}.page-head p{margin:0;max-width:780px;color:var(--muted);line-height:1.8}.breadcrumbs{font-size:12px;color:#5d739a;display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.breadcrumbs a{color:var(--blue)}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 20px}.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea,.builder-form textarea,.builder-form select,.builder-form input,.admin-token{background:#fff;border:1px solid #d6e3f5;border-radius:11px;padding:11px 13px;max-width:100%;min-width:0}.filters input{flex:1;min-width:190px}.filters label{font-size:12px}.count-note{color:var(--muted);font-size:12px;margin:10px 0 16px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-grid .shortcut-card{min-height:186px}.catalog-grid .visual-content h3{font-size:16px}.catalog-grid .visual-content p{font-size:13px}.catalog-grid .visual-thumb{aspect-ratio:1.4}.catalog-grid .card-link{font-size:13px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:25px;align-items:start}.surface{border:1px solid var(--line);border-radius:19px;padding:25px;background:white;box-shadow:var(--shadow);min-width:0}.surface h2{margin:0 0 14px;font-size:23px;letter-spacing:-.02em}.surface p{color:var(--muted);line-height:1.85}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label,.builder-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.form-grid label.wide,.form-grid .wide{grid-column:1/-1}.form-grid textarea{min-height:100px}.prompt-output{width:100%;min-height:400px;border:1px solid #dbe9ff;background:#f7faff;border-radius:13px;padding:17px;line-height:1.8;white-space:pre-wrap;font-size:14px;direction:inherit}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-block:18px}.secondary-btn{border:1px solid #d5e3f8;border-radius:11px;background:white;color:var(--blue);padding:10px 16px;min-height:42px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:600;font-size:13px}.secondary-btn svg{width:17px;height:17px}.secondary-btn[aria-pressed=true]{background:#e7f3ff}.notice{font-size:13px;color:#49638b;background:#f2f7ff;border:1px solid #ddeaff;border-radius:12px;padding:13px 16px;line-height:1.85;margin-block:15px}.notice.warning{background:#fff9eb;border-color:#f4e2b1;color:#745a2a}.notice.error{background:#fff1f2;color:#973747;border-color:#f4c9d1}.tag{display:inline-block;padding:4px 10px;border-radius:30px;background:#edf5ff;color:#2865ad;font-size:11px;margin-inline-end:6px}.detail-image{border-radius:15px;width:100%;max-height:510px;object-fit:cover}.empty-state{text-align:center;background:#f8fbff;padding:45px 25px;border:1px dashed #cbdcf4;border-radius:18px;grid-column:1/-1}.lesson-tile{display:block;padding:23px;border:1px solid var(--line);border-radius:17px;transition:transform .2s;background:#fff}.lesson-tile:hover{transform:translateY(-3px);border-color:#b6d8ff}.lesson-number{display:inline-grid;place-items:center;width:38px;height:38px;background:#eaf4ff;color:var(--blue);border-radius:13px;font-weight:700;margin-bottom:13px}.lesson-tile h2{font-size:18px;line-height:1.45;margin:0 0 8px}.lesson-tile p{font-size:13px;color:var(--muted);line-height:1.8}.lesson-body{max-width:900px;margin-inline:auto;font-size:16px;line-height:1.95}.lesson-body h2{margin-top:32px}.example{background:#f4f9ff;border:1px solid #dceaff;border-radius:13px;padding:20px;white-space:pre-wrap;font-size:14px;line-height:1.9}.example.weak{background:#fff8f5;border-color:#f5e1d7}.step-card{padding:17px;margin-block:12px;border:1px solid #dbe8f9;border-radius:14px;display:flex;align-items:center;gap:17px}.step-card h3{margin:0;font-size:17px}.step-card p{margin:4px 0;color:var(--muted);font-size:13px}.step-card .lesson-number{margin:0;flex-shrink:0}.step-card .secondary-btn{margin-inline-start:auto}.builder-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-block:0 22px}.builder-tabs button[aria-selected=true]{background:#086aff;color:white;border-color:#086aff}.builder-form{display:grid;gap:16px}.builder-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.builder-form .checkline,.checkline{display:flex;align-items:flex-start;flex-direction:row;gap:8px;font-size:12px;font-weight:400;line-height:1.8}.checkline input{margin-top:5px;flex-shrink:0}.builder-preview{max-width:100%;max-height:240px;border-radius:13px;object-fit:contain;margin:10px 0}.status-label{font-size:12px;background:#ecf4ff;border-radius:30px;padding:6px 11px;color:#3c6292;display:inline-block}.status-label[data-ok=true]{background:#e4f7ef;color:#187850}button:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.error-message{color:#9b3343;line-height:1.8;font-size:13px}.body-copy{max-width:880px;margin-inline:auto;line-height:1.95}.body-copy h2{font-size:23px;margin-top:30px}.body-copy a{color:var(--blue);overflow-wrap:anywhere}.admin-list{display:grid;gap:12px;margin-top:20px}.admin-row{border:1px solid var(--line);padding:17px;border-radius:14px;background:#fff}.admin-row h3{margin:3px 0 7px;font-size:16px}.admin-row p{margin:3px 0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.admin-section{margin-top:22px}.consent-note{font-size:11px;color:var(--muted);grid-column:1/-1}.main-nav a:first-child::after{display:none}.main-nav a:first-child{color:#273960}.main-nav a[aria-current=page]{color:var(--blue)}.footer-links{gap:14px}.form-status{grid-column:1/-1;font-size:13px}.search-result-card{display:block;text-align:start;border:1px solid #e2ecfa;border-radius:13px;padding:18px;margin:12px 0;background:#fbfdff}.search-result-card strong{display:block;margin:5px 0;font-size:17px}.search-result-card p{color:var(--muted);font-size:13px;line-height:1.8;margin:5px 0}.header-row{gap:16px}.main-nav{gap:15px}.main-nav a{font-size:12px}.header-actions>.icon-btn{cursor:pointer}.provenance{font-size:11px;color:#6b7b94;margin-top:12px;line-height:1.8}.footer-links .admin-link{font-size:10px}.runtime-note{margin-bottom:12px;color:#745a2a;font-size:12px}.illustration-small{width:100%;height:95px;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#f4fbff,#f4f2ff);border-radius:11px;margin-bottom:16px}.illustration-small svg{width:45px;height:45px;color:var(--blue)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}html[dir=rtl] .page-head h1{letter-spacing:0;line-height:1.5}html[dir=rtl] .page-head p{line-height:1.95}html[dir=rtl] .lesson-tile h2{font-size:17px}html[dir=rtl] .shortcut-tag{direction:ltr;unicode-bidi:isolate}html[dir=rtl] .lesson-body{font-size:15px}.shortcuts-title{display:block;font-size:15px;margin-bottom:8px;font-weight:600}.newsletter-panel{grid-template-columns:1fr 1fr}.newsletter-note{display:none}@media(max-width:1180px){.main-nav{display:none}.menu-toggle{display:flex}.brand-logo{width:260px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-container{padding-block:22px 35px}.page-head{padding:22px 19px}.page-head h1{font-size:29px}.detail-grid,.two-columns{grid-template-columns:1fr}.surface{padding:20px}.catalog-grid{gap:12px}.lesson-tile{padding:18px}.catalog-grid .shortcut-card{display:block;min-height:220px}.catalog-grid .shortcut-actions{flex-direction:row;margin-top:13px}.page-head p{font-size:13px}.filters input{width:100%;flex-basis:100%}.prompt-output{min-height:350px}.step-card{flex-wrap:wrap}.step-card .secondary-btn{margin-inline-start:55px}.brand-logo{width:210px}.newsletter-panel{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid label{grid-column:1/-1}.builder-tabs .secondary-btn{font-size:12px;padding:9px 11px}.lesson-body{font-size:14px}.actions .primary-btn,.actions .secondary-btn{font-size:12px}}@media(max-width:420px){.brand-logo{width:175px}.catalog-grid{grid-template-columns:1fr}.builder-form .form-row{grid-template-columns:1fr}.step-card .secondary-btn{margin-inline-start:0}.detail-image{max-height:350px}.header-actions>.icon-btn{display:none}.header-row{gap:7px}.page-head h1{font-size:27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* v2.1 Image Library — scoped additions; existing page design preserved. */
.library-intro{display:flex;gap:28px;align-items:flex-start;justify-content:space-between;padding:21px 24px;background:linear-gradient(125deg,#f0f7ff,#f7fbff);border:1px solid #e3edf9;border-radius:17px;margin:0 0 26px}
.library-facts{display:flex;gap:23px;align-items:center;flex-wrap:wrap;flex-shrink:0;font-size:12px;color:#536789}.library-facts b{font-size:24px;color:#145fbd;display:block;line-height:1.5}
.preview-disclosure{max-width:580px;color:#5c6d87;font-size:12px;line-height:1.85}.preview-disclosure summary,.source-details summary{cursor:pointer;font-weight:600;color:#344c76;padding:6px 0}.preview-disclosure p{margin:9px 0 0}
.image-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:14px;align-items:end;margin-bottom:19px}.image-search{display:flex;align-items:center;gap:12px;padding:0 17px;border:1px solid #dce7f5;border-radius:12px;background:white;min-height:51px}.image-search svg{width:19px;height:19px;color:#58749d}.image-search input{width:100%;min-width:0;border:0;padding:13px 0;color:var(--ink);background:none;font-size:14px}.image-search:focus-within{border-color:#0876ff;box-shadow:0 0 0 3px #0876ff0e}.image-search input:focus{outline:none}.small-filter{font-size:11px;display:flex;gap:8px;align-items:center;color:#596d92}.small-filter select{border:1px solid #dce7f5;border-radius:10px;padding:13px 32px 13px 12px;min-height:51px;color:var(--ink);background:#fff;font:inherit;font-size:12px}
.image-group-pills{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px;border-bottom:1px solid #e8eef8}.image-group-pills button{border:1px solid #e0e8f5;border-radius:24px;background:#fff;padding:8px 13px;font:inherit;font-size:12px;color:#445b81;display:flex;gap:9px;align-items:center;line-height:1.6}.image-group-pills button span{font-size:10px;background:#f1f5fb;border-radius:10px;min-width:18px;display:inline-block;text-align:center;padding:0 4px}.image-group-pills button[aria-pressed="true"]{background:#0668ff;border-color:#0668ff;color:white;box-shadow:0 4px 12px #0668ff20}.image-group-pills button[aria-pressed="true"] span{background:#ffffff26;color:white}.image-group-pills button:hover{border-color:#91baf6}
.image-results-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:17px 0}.image-results-bar p{font-size:12px;color:#61748f;margin:0}.quiet-btn{font:inherit;font-size:12px;border:0;background:transparent;color:#0d68d6;padding:5px 0;cursor:pointer;text-align:start}.quiet-btn:hover{text-decoration:underline}.image-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.image-catalog-grid .visual-thumb{aspect-ratio:3/2}.image-catalog-grid .visual-image{object-fit:cover}.visual-group-label{font-size:10px;letter-spacing:.02em;color:#58749b;margin-bottom:6px}.image-catalog-grid .visual-content{padding:17px}.image-catalog-grid .visual-content h3{font-size:15px;margin-bottom:7px;font-weight:650;line-height:1.45}.visual-card .visual-card-description{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;min-height:0}.image-catalog-grid .visual-card-description{font-size:12px;line-height:1.7;height:61px;margin:0 0 13px}.visual-meta{display:flex;gap:8px;align-items:center;font-size:10px;color:#60769a;margin:10px 0 15px;flex-wrap:wrap}.visual-meta span{background:#f3f6fb;border-radius:6px;padding:4px 7px}.image-catalog-grid .visual-actions{border-top:1px solid #edf1f8;padding-top:12px}.image-catalog-grid .visual-link{font-size:12px}.image-catalog-grid .empty-state{grid-column:1/-1}.load-more-wrap{text-align:center;padding:29px 0 22px}.load-more-wrap .secondary-btn{min-width:230px}.load-more-wrap p{font-size:12px;color:#7889a2}.image-library-note{margin:4px 0 24px;padding:18px 21px;font-size:13px;line-height:1.9;border:1px dashed #cbdcf3;border-radius:14px;color:#5a6d8a;background:#fafdff}.image-library-note b{color:#1d3763}
.image-detail-head{margin-bottom:24px}.image-detail-head .actions{margin-top:20px}.image-detail-head .tag{display:inline-block;font-size:11px;padding:7px 11px}.image-detail-head .secondary-btn{min-height:34px;font-size:12px;padding:6px 11px}.image-detail-head .secondary-btn svg{width:16px;height:16px}
.visual-detail-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:27px;align-items:start}.visual-brief{min-width:0}.image-figure{margin:0 0 20px;border-radius:17px;background:#f8fbff;border:1px solid #e0eaf6;overflow:hidden}.image-figure .detail-image{width:100%;height:auto;aspect-ratio:3/2;max-height:none;object-fit:contain;background:#edf3fb;border-radius:0;margin:0}.image-figure figcaption{font-size:11px;line-height:1.9;color:#5b6d88;padding:14px 17px;border-top:1px solid #e1eaf6}.recipe-panel{margin-bottom:20px}.recipe-panel h2{margin:0 0 17px;font-size:22px}.recipe-panel dl{margin:0}.recipe-panel dt{font-weight:650;color:#334c78;font-size:12px;margin:17px 0 5px}.recipe-panel dd{margin:0;font-size:13px;color:#617291;line-height:1.9}.source-details{border:1px solid #e2eaf5;border-radius:13px;padding:14px 17px;margin-bottom:20px;color:#60728e;font-size:12px;line-height:1.85}.source-details a{color:#1469c5;text-decoration:underline;overflow-wrap:anywhere}.source-details p{font-size:12px;margin:10px 0}.source-details ul{padding-inline-start:19px}.source-details li{margin:12px 0}.source-details li span{display:block;font-size:11px}.visual-brief .notice{font-size:12px;line-height:1.9}
.image-customizer{padding:26px;min-width:0}.customizer-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px}.step-number{background:#e8f2ff;color:#0a68e0;border-radius:11px;display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;font-weight:700}.customizer-heading h2{font-size:20px;line-height:1.4;margin:0 0 5px}.customizer-heading p{font-size:11.5px;line-height:1.7;margin:0;color:#607594}.image-customizer label{font-size:12px}.image-customizer input,.image-customizer select,.image-customizer textarea{font-size:12px!important;line-height:1.8}.image-customizer .form-grid{gap:15px}.image-customizer #visual-subject{min-height:84px}.image-customizer #visual-extra{min-height:70px}.image-customizer .form-grid input{height:44px}.image-customizer .form-grid select{height:44px}.prompt-heading{border-top:1px solid #e8eef8;padding-top:23px;margin-top:22px}.image-prompt-output{min-height:340px;width:100%;background:#f7faff!important;color:#243a60!important;resize:vertical;font:12px/1.85 "Segoe UI",Tahoma,Arial,sans-serif;white-space:pre-wrap;border:1px solid #dce7f5!important}.customizer-footer{padding-top:16px;border-top:1px solid #e8eef8;margin-top:19px}.customizer-footer small{display:block;color:#72839d;font-size:10px;line-height:1.7;margin-top:5px}.related-visuals{margin:38px 0 30px}.related-visuals .image-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.breadcrumbs{flex-wrap:wrap}.breadcrumbs a:hover{color:var(--blue)}
#visualGrid .visual-group-label,#visualGrid .visual-meta{display:none}#visualGrid .visual-card-description{height:38px;-webkit-line-clamp:2;line-clamp:2}#visualGrid .visual-content h3{min-height:38px}
html[dir="rtl"] .small-filter select{padding:13px 12px 13px 32px}html[dir="rtl"] .image-search input{font-size:13px}html[dir="rtl"] .image-catalog-grid .visual-content h3{font-size:14px;line-height:1.7}html[dir="rtl"] .image-catalog-grid .visual-card-description{font-size:11px;line-height:1.85;height:61px}html[dir="rtl"] .image-group-pills button{font-size:11px}html[dir="rtl"] .customizer-heading h2{font-size:18px;line-height:1.6}html[dir="rtl"] .image-prompt-output[dir="ltr"]{text-align:left}html[dir="rtl"] .visual-group-label{letter-spacing:0}
@media(max-width:1180px){.image-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-intro{flex-wrap:wrap;gap:15px}.preview-disclosure{max-width:100%}.visual-detail-layout{gap:20px}.image-customizer{padding:21px}.small-filter{display:block}.small-filter select{display:block;margin-top:5px}.image-toolbar{grid-template-columns:1fr auto auto}.image-search{margin-bottom:0}}
@media(max-width:900px){.visual-detail-layout{grid-template-columns:1fr}.visual-brief{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.visual-brief .source-details,.visual-brief>.notice{grid-column:1/-1}.image-figure{margin:0}.recipe-panel{padding:19px}.recipe-panel h2{font-size:19px}.image-customizer{padding:25px}.image-toolbar{grid-template-columns:1fr 1fr}.image-search{grid-column:1/-1}.small-filter{display:flex;align-items:center}.small-filter select{margin:0;flex:1;min-width:0}.image-catalog-grid{gap:15px;grid-template-columns:repeat(2,minmax(0,1fr))}.image-library .page-head h1{font-size:36px}.related-visuals .image-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.library-intro{padding:18px;gap:12px}.library-facts{gap:20px;flex-shrink:1;font-size:10px}.library-facts b{font-size:22px}.preview-disclosure{font-size:11px}.image-toolbar{gap:10px}.small-filter{display:block;font-size:10px}.small-filter select{width:100%;font-size:11px;min-height:42px;margin-top:4px}.image-group-pills{gap:7px}.image-group-pills button{font-size:10.5px;padding:6px 10px}.image-group-pills button span{font-size:9px}.image-catalog-grid{gap:12px}.image-catalog-grid .visual-content{padding:11px}.image-catalog-grid .visual-content h3{font-size:13px;min-height:38px}.image-catalog-grid .visual-card-description{font-size:11px;height:56px;margin-bottom:10px}.image-catalog-grid .visual-link{font-size:10px}.image-catalog-grid .thumb-label{font-size:8px;padding:3px 5px;inset:auto auto 6px 6px}.visual-meta{font-size:9px;gap:5px;margin:8px 0 11px}.visual-meta span{padding:3px 5px}.visual-group-label{font-size:9px}.image-catalog-grid .favorite{width:25px;height:25px}.image-results-bar p{font-size:11px}.quiet-btn{font-size:11px}.visual-brief{grid-template-columns:1fr}.visual-detail-layout{gap:17px}.image-customizer{padding:18px}.image-customizer .form-grid{gap:13px}.customizer-heading h2{font-size:18px}.image-detail-head h1{font-size:29px}.image-detail-head p{font-size:13px}.related-visuals .section-heading-row h2{font-size:21px}.image-prompt-output{min-height:320px}.image-group-pills{max-height:198px;overflow-y:auto;padding-bottom:14px}html[dir="rtl"] .image-catalog-grid .visual-content h3{font-size:12px;min-height:41px}html[dir="rtl"] .image-catalog-grid .visual-card-description{font-size:10px;line-height:1.85;height:56px}html[dir="rtl"] .image-catalog-grid .thumb-label{inset:auto 6px 6px auto;font-size:8px}html[dir="rtl"] .image-group-pills button{font-size:10px}}
@media(max-width:355px){.image-catalog-grid{grid-template-columns:1fr}.related-visuals .image-catalog-grid{grid-template-columns:1fr}.image-group-pills{max-height:214px}.image-customizer .form-grid{grid-template-columns:1fr}.library-facts{gap:12px}.image-detail-head h1{font-size:26px}}
/* Keep every collection visible on narrow screens; no hidden chip rows. */
@media(max-width:600px){.image-group-pills{max-height:none;overflow:visible}}