/* HC Image Prompt Lab 1.3 — scoped to the plugin, preserves the website shell. */
.hcip-app{--navy:#0e2b4c;--red:#c62732;--paper:#f6f5f1;--ink:#142f49;--line:#dce3e8;--white:#fff;--shadow:0 16px 38px #0e2b4c14;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-width:0;min-height:70vh}
.hcip-app *{box-sizing:border-box}.hcip-app [hidden]{display:none!important}.hcip-app button,.hcip-app input,.hcip-app select,.hcip-app textarea{font:inherit}.hcip-app button{cursor:pointer;min-height:44px;touch-action:manipulation}.hcip-app button:disabled{cursor:wait;opacity:.6}.hcip-app :focus-visible{outline:3px solid #b24b13;outline-offset:4px}.hcip-app .hcip-hero :focus-visible,.hcip-app .hcip-builder-output :focus-visible{outline-color:#f4c56a}
.hcip-wrap{width:calc(100% - 56px);max-width:1520px;margin:auto}.hcip-hero{position:relative;background:radial-gradient(ellipse at 80% 0,#315674 0,transparent 65%),#0e2b4c;padding:30px 0;color:white;overflow:hidden}.hcip-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.hcip-app .hcip-hero h1{color:white!important;font-size:clamp(28px,3vw,46px);line-height:1.1;letter-spacing:-.04em;margin:0}.hcip-kicker{font-size:10px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;margin:0 0 8px}.hcip-hero .hcip-kicker{color:#c4d6e6}.hcip-subtitle{font-size:15px;margin:10px 0 0;color:#d2dfeb}.hcip-hero-search{background:#ffffff0c;border:1px solid #ffffff30;border-radius:16px;padding:15px;backdrop-filter:blur(12px)}.hcip-hero-search label{display:block;font-weight:650;font-size:12px;margin-bottom:8px;color:white}.hcip-hero-search>div{display:flex;gap:7px}.hcip-hero-search input{width:100%;min-width:0;background:#fff;color:var(--ink);border:1px solid #fff;border-radius:9px;padding:11px 12px}.hcip-hero-search button{flex-shrink:0;background:var(--red);color:white;border:0;border-radius:9px;padding:10px 15px;font-weight:700}.hcip-hero-search small{display:block;color:#cfdeeb;font-size:11px;margin-top:8px}
.hcip-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);overflow:auto;padding-top:9px}.hcip-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;color:var(--navy);padding:14px 17px;white-space:nowrap;font-size:13px;font-weight:700}.hcip-tabs button.is-active{border-color:var(--red);color:var(--red)}.hcip-panel{display:none;padding:26px 0 50px}.hcip-panel.is-active{display:block}.hcip-discover-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.hcip-app .hcip-discover-heading h2{font-size:26px;color:var(--navy);margin:0;letter-spacing:-.03em}.hcip-discover-heading>p{max-width:340px;color:#52677a;font-size:12px;margin:0 0 3px}
.hcip-toolbar{padding:15px;background:#ffffffd9;border:1px solid var(--line);border-radius:16px;box-shadow:0 3px 15px #173b5610}.hcip-quick-filters{display:flex;gap:7px;overflow:auto;padding-bottom:13px}.hcip-quick-filters button{background:#f3f6f8;border:1px solid #e1e7ec;border-radius:9px;color:var(--navy);padding:8px 13px;white-space:nowrap;font-size:12px;font-weight:650}.hcip-quick-filters button.is-active{background:var(--navy);border-color:var(--navy);color:white}.hcip-selects{display:grid;grid-template-columns:1.3fr 1.2fr 1.1fr .8fr 1fr;gap:10px}.hcip-selects label{display:grid;gap:4px;min-width:0;font-size:10px;font-weight:700;color:#536879}.hcip-selects select{width:100%;min-width:0;min-height:42px;padding:8px;color:var(--ink);border:1px solid var(--line);background:white;border-radius:8px;font-size:12px}.hcip-results-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 1px;font-size:12px}.hcip-text-button{border:0;background:transparent;color:#7e3040;text-decoration:underline;padding:5px 0;font-size:12px}.hcip-results-line [data-hcip-search-summary]{color:#536879;overflow-wrap:anywhere}
.hcip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.hcip-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 6px #18384d04;transition:transform .18s,box-shadow .18s}.hcip-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.hcip-card-open{display:flex;flex-direction:column;flex:1;width:100%;text-align:left;padding:0!important;border:0!important;background:none!important;color:var(--ink)!important;min-width:0}.hcip-card-image{width:100%;aspect-ratio:4/4.5;display:flex;flex-direction:column;align-items:start;justify-content:center;position:relative;overflow:hidden;background:#e5eaf0}.hcip-card-image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.hcip-preview-label{position:absolute;bottom:10px;left:10px;background:#fffef5eb;border:1px solid #ffffffa0;backdrop-filter:blur(10px);border-radius:6px;padding:4px 7px;font-size:9px;font-weight:750;letter-spacing:.035em;color:#17344f}.hcip-card-body{display:block;padding:15px 14px 10px;width:100%}.hcip-badges{display:flex;gap:5px;flex-wrap:wrap}.hcip-badges span{background:#f1f4f6;padding:4px 6px;border-radius:5px;font-size:9px;font-weight:650;color:#455c70}.hcip-card-title{display:block;font-size:16px;font-weight:750;line-height:1.3;letter-spacing:-.025em;margin:10px 0 7px;overflow-wrap:anywhere}.hcip-card-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;color:#576c7e;line-height:1.55}.hcip-card-footer{display:flex;gap:6px;justify-content:space-between;padding:9px 12px 12px}.hcip-card-footer button{padding:8px 9px;border-radius:8px;background:#f2f5f7;border:1px solid #e1e7ec;font-size:11px;font-weight:700;color:var(--navy)}.hcip-card-footer button:first-child{flex:1;background:var(--navy);color:white;border-color:var(--navy)}.hcip-card-footer button.is-saved{color:#a52232;background:#fff2f1;border-color:#f1bcbc}
.hcip-recipe-art{background:radial-gradient(circle at 90% 10%,#ebc8a288,transparent 50%),linear-gradient(135deg,#dde4ea,#f3eee5);padding:22px}.hcip-card:nth-child(3n) .hcip-recipe-art{background:radial-gradient(circle at 95% 10%,#d2bde677,transparent 55%),linear-gradient(135deg,#eee9f2,#e3ebef)}.hcip-card:nth-child(3n + 1) .hcip-recipe-art{background:radial-gradient(circle at 90% 10%,#a9cdbb88,transparent 55%),linear-gradient(135deg,#e5eee8,#f3eee3)}.hcip-art-mark{font-size:34px;color:#667f85;line-height:1}.hcip-art-title{display:block;font-size:clamp(17px,1.6vw,26px);line-height:1.17;letter-spacing:-.04em;font-weight:650;margin:18px 0 12px;overflow-wrap:anywhere}.hcip-art-note{font-size:8px;letter-spacing:.14em;color:#546c73;margin-bottom:20px}.hcip-pagination{text-align:center;margin:25px 0}.hcip-pagination p,.hcip-catalog-note{font-size:11px;color:#546a7c}.hcip-catalog-note{text-align:center;max-width:700px;margin:20px auto}.hcip-empty{padding:45px 20px;text-align:center;background:white;border:1px dashed #b8c4cc;border-radius:16px}.hcip-empty>span{font-size:35px}.hcip-empty h3{margin:10px 0}.hcip-empty p{color:#536879}
.hcip-secondary{border:1px solid var(--line)!important;background:#fff!important;color:var(--navy)!important;border-radius:9px!important;padding:10px 14px!important;font-weight:700!important}.hcip-builder-head,.hcip-library-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.hcip-app .hcip-builder-head h2,.hcip-app .hcip-library-head h2,.hcip-app .hcip-optimizer-grid h2{font-size:28px;line-height:1.2;letter-spacing:-.035em;color:var(--navy);margin:0 0 8px}.hcip-builder-head p,.hcip-library-head p{color:#536879;margin:0}.hcip-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.6fr);gap:22px;align-items:start}.hcip-builder-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.hcip-control-group{border:1px solid var(--line);border-radius:13px;background:white;min-width:0}.hcip-control-group summary{display:flex;justify-content:space-between;padding:14px;font-weight:700;cursor:pointer}.hcip-control-group summary span{background:#edf2f7;border-radius:5px;font-size:11px;padding:3px 7px}.hcip-chip-grid{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 14px}.hcip-chip-grid button{border:1px solid var(--line);background:#f7f9fa;border-radius:8px;padding:7px 9px;font-size:11px;color:var(--navy)}.hcip-chip-grid button.is-active{background:var(--navy);border-color:var(--navy);color:white}.hcip-builder-output{position:sticky;top:95px;background:var(--navy);color:white;padding:20px;border-radius:16px;min-width:0}.hcip-app textarea{width:100%;padding:14px;border:1px solid #c9d5df;border-radius:10px;font-size:13px;line-height:1.65;resize:vertical;min-width:0;background:#fff;color:var(--ink)}.hcip-builder-output textarea{background:#071e34;border-color:#ffffff30;color:white}.hcip-output-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.hcip-output-actions>button:first-child,.hcip-primary-wide,.hcip-drawer-actions>button:first-child{background:var(--red);color:white;border:0;border-radius:9px;padding:11px 15px;font-weight:700}.hcip-structure{font-size:11px;color:#cdddeb;margin-top:16px}.hcip-structure p{margin:5px 0}
.hcip-optimizer-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.hcip-optimizer-grid>div,.hcip-optimized{padding:22px;border-radius:16px;border:1px solid var(--line);background:white;min-width:0}.hcip-opt-goals{display:flex;flex-wrap:wrap;gap:7px}.hcip-opt-goals button{border-radius:8px;border:1px solid var(--line);background:#f5f7f9;padding:8px 10px;font-size:12px;color:var(--navy)}.hcip-opt-goals button.is-active{background:var(--navy);color:white}.hcip-preserve{display:flex;gap:8px;flex-wrap:wrap}.hcip-preserve label{padding:10px;font-size:12px;background:#f4f6f8;border-radius:8px}.hcip-preserve input{accent-color:var(--red)}.hcip-opt-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.hcip-opt-row label{display:grid;gap:8px;font-size:12px}.hcip-opt-row select{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--navy)}.hcip-primary-wide{width:100%}.hcip-optimized{background:var(--navy);color:white}.hcip-optimized-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.hcip-app .hcip-optimized h3{color:white;margin:0}.hcip-analysis{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.hcip-analysis span{padding:5px 7px;border:1px solid #ffffff44;border-radius:6px;font-size:10px;color:#c4d7e6}.hcip-analysis span.is-present{background:white;color:var(--navy)}.hcip-note{font-size:11px;color:#d4e0ea;line-height:1.6}
.hcip-drawer-backdrop{position:fixed;inset:0;background:#05172ca8;backdrop-filter:blur(7px);z-index:99997}.hcip-drawer{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1120px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;border-radius:22px;background:#fff;z-index:99998;box-shadow:0 25px 90px #0005;overscroll-behavior:contain}.hcip-drawer-close{position:sticky;grid-area:1/2;top:14px;justify-self:end;margin:14px 14px -58px 0;width:44px;height:44px;z-index:3;background:#fff;border:1px solid #ccd5dd;border-radius:50%;font-size:25px;color:var(--navy);box-shadow:0 5px 18px #0e2b4c20}.hcip-drawer-media{grid-area:1/1;background:#edf1f3;min-height:100%;padding:22px;display:flex;flex-direction:column;justify-content:center}.hcip-drawer-media img{max-height:65dvh;width:100%;object-fit:contain;display:block;border-radius:10px}.hcip-drawer-media>p{font-size:11px;color:#52667a;line-height:1.55;margin:15px 0 0}.hcip-detail-placeholder{background:linear-gradient(145deg,#dde7e8,#f7e7d8);border-radius:14px;min-height:360px;padding:35px;display:flex;flex-direction:column;justify-content:center}.hcip-detail-placeholder>span{font-size:52px}.hcip-detail-placeholder strong{font-size:32px;line-height:1.2;letter-spacing:-.04em;margin:18px 0}.hcip-detail-placeholder p{font-size:13px;color:#536879}.hcip-drawer-content{grid-area:1/2;padding:64px 27px 24px;min-width:0}.hcip-app .hcip-drawer-content h2{font-size:30px;letter-spacing:-.035em;line-height:1.15;color:var(--navy);margin:16px 0 10px}.hcip-drawer-content>p{font-size:13px;color:#536879;line-height:1.6}.hcip-drawer-content>label{font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;display:block;margin:20px 0 8px}.hcip-drawer textarea{max-height:300px;min-height:200px;background:#f7f9fb}.hcip-drawer-actions{position:sticky;bottom:-24px;display:flex;flex-wrap:wrap;gap:7px;margin:12px -5px 0;padding:12px 5px;background:#ffffffed;backdrop-filter:blur(10px)}.hcip-drawer-actions button{font-size:12px}.hcip-source{font-size:11px;color:#536879;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.hcip-source summary{font-weight:700;color:var(--navy);cursor:pointer;min-height:30px}.hcip-source a{color:#a02839}.hcip-source p{overflow-wrap:anywhere}.hcip-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#102e4f;color:white;border-radius:12px;padding:12px 18px;max-width:calc(100vw - 30px);font-size:12px;opacity:0;pointer-events:none;z-index:99999;transition:opacity .18s}.hcip-toast.is-visible{opacity:1}body.hcip-lock{overflow:hidden}.hcip-standalone{margin:0}
@media(min-width:1600px){.hcip-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.hcip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hcip-hero-grid{gap:20px}.hcip-builder-controls{grid-template-columns:1fr}.hcip-selects{grid-template-columns:repeat(3,minmax(0,1fr))}.hcip-discover-heading>p{max-width:270px}}
@media(max-width:760px){.hcip-wrap{width:calc(100% - 28px)}.hcip-hero{padding:24px 0}.hcip-hero-grid{grid-template-columns:1fr;gap:20px}.hcip-hero h1{font-size:33px}.hcip-hero-search small{display:none}.hcip-hero-search{padding:12px}.hcip-tabs button{padding:12px 13px;font-size:12px}.hcip-panel{padding:22px 0 36px}.hcip-discover-heading{display:block}.hcip-discover-heading>p{max-width:none;margin-top:8px}.hcip-app .hcip-discover-heading h2{font-size:24px}.hcip-toolbar{padding:12px}.hcip-selects{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hcip-selects label:last-child{grid-column:1/-1}.hcip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hcip-card{border-radius:12px}.hcip-card-body{padding:10px}.hcip-card-title{font-size:14px}.hcip-card-excerpt{display:none}.hcip-card-footer{padding:5px 8px 10px;flex-wrap:wrap;gap:5px}.hcip-card-footer button{font-size:10px;padding:7px;flex:1;white-space:nowrap}.hcip-badges span{font-size:8px}.hcip-preview-label{font-size:8px;left:7px;bottom:7px;padding:3px 5px}.hcip-recipe-art{padding:14px}.hcip-art-title{font-size:19px;margin:9px 0}.hcip-art-mark{font-size:25px}.hcip-art-note{font-size:7px}.hcip-builder-layout,.hcip-optimizer-grid{grid-template-columns:1fr}.hcip-builder-output{position:static}.hcip-builder-head{align-items:start}.hcip-app .hcip-builder-head h2,.hcip-app .hcip-library-head h2{font-size:24px}.hcip-builder-head p,.hcip-library-head p{font-size:12px}.hcip-drawer{width:100%;height:100dvh;max-height:100dvh;border-radius:0;display:block;inset:0;transform:none}.hcip-drawer-close{position:sticky;top:10px;float:right;margin:10px 12px -54px 0}.hcip-drawer-media{min-height:0;padding:20px 20px 12px}.hcip-drawer-media img{max-height:33dvh}.hcip-drawer-media>p{font-size:10px;margin:9px 0 0}.hcip-detail-placeholder{min-height:180px;padding:24px}.hcip-detail-placeholder>span{display:none}.hcip-detail-placeholder strong{font-size:26px;margin:8px 0}.hcip-drawer-content{padding:20px 20px 25px}.hcip-app .hcip-drawer-content h2{font-size:26px}.hcip-drawer textarea{max-height:260px}.hcip-drawer-actions{bottom:-25px;padding-bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr}.hcip-toast{bottom:80px}}
@media(max-width:360px){.hcip-grid{grid-template-columns:1fr}.hcip-hero-search>div{flex-direction:column}.hcip-opt-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hcip-app *{scroll-behavior:auto!important;transition:none!important}.hcip-card:hover{transform:none}}