@import "https://fonts.googleapis.com/css2?family=Anuphan:wght@400;500;600;700&display=swap";
@font-face{font-family:FC Save Space;src:url(/fonts/FCSaveSpace-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FC Save Space;src:url(/fonts/FCSaveSpace-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#f6f4ef;--surface:#fff;--surface-strong:#101312;--text:#121514;--muted:#68716d;--line:#ded9cf;--accent:#1b8d79;--accent-strong:#0d5f53;--action-hover:#f97316;--action-hover-strong:#c2410c;--cream:#fff1a8;--warning:#f59e0b;--shadow:0 22px 70px #181c1a1f}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{letter-spacing:0;margin:0;font-family:Anuphan,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,.secondary-button,.text-button,.primary-button,.chip,.template-picker-item{transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .12s;transform:translateY(0)}button:not(:disabled):active,.secondary-button:not(:disabled):active,.text-button:not(:disabled):active,.primary-button:not(:disabled):active,.chip:not(:disabled):active,.template-picker-item:not(:disabled):active{transform:translateY(1px)scale(.99)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #f9731661}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:0;font-family:FC Save Space,Anuphan,system-ui,sans-serif}.app-shell,.detail-shell,.admin-shell,.privacy-page{min-height:100vh}.site-header{justify-content:space-between;align-items:center;padding:18px clamp(16px,4vw,54px);display:flex}.brand-lockup{align-items:center;display:flex}.brand-lockup img{object-fit:cover;border-radius:50%;width:56px;height:56px}.site-header nav{color:var(--muted);gap:18px;font-weight:600;display:flex}.hero-search{max-width:1180px;margin:0 auto 26px;padding:8px clamp(16px,4vw,54px) 14px}.hero-intro{grid-template-columns:minmax(200px,.34fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,58px);margin:0 auto 22px;display:grid}.hero-cat-wrap{background:radial-gradient(circle,#ffffffe6 0 46%,#fff1a861 47% 58%,#0000 59%);border-radius:999px;justify-content:center;align-items:center;min-height:clamp(220px,24vw,330px);display:flex}.hero-cat{filter:drop-shadow(0 22px 30px #11182729);object-fit:contain;width:auto;height:clamp(220px,24vw,330px)}.hero-copy{min-width:0}.hero-title{color:#202126;margin:0 0 clamp(18px,1.8vw,28px);font-size:clamp(104px,12.5vw,190px);line-height:.78}.hero-role{color:#8a501c;max-width:920px;margin:0 0 10px;font-size:clamp(28px,3.1vw,46px);font-weight:800;line-height:1.05}.hero-version{color:#8a501c;margin:0 0 16px;font-size:clamp(18px,1.7vw,26px);font-weight:900}.hero-blurb{color:#3f4642;max-width:880px;margin:0;font-size:clamp(18px,1.9vw,28px);font-weight:500;line-height:1.48}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:800}.search-wrap{max-width:820px;margin:0 auto}.search-wrap input,.field-group input,.field-group textarea,.field-group select,.template-picker input,.template-picker select,.admin-editor input,.admin-editor textarea,.admin-editor select,.feedback-grid select,.output-panel textarea{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px;outline:none;width:100%;transition:border-color .16s,box-shadow .16s}.search-wrap input{box-shadow:var(--shadow);padding:17px 20px;font-size:19px}.search-wrap input:focus,.field-group input:focus,.field-group textarea:focus,.field-group select:focus,.template-picker input:focus,.template-picker select:focus,.admin-editor input:focus,.admin-editor textarea:focus,.admin-editor select:focus,.feedback-grid select:focus,.output-panel textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #1b8d7924}.filter-panel,.gallery-heading,.gallery-grid{max-width:1320px;margin-left:auto;margin-right:auto;padding-left:clamp(16px,4vw,54px);padding-right:clamp(16px,4vw,54px)}.filter-panel{gap:10px;margin-bottom:28px;display:grid}.filter-group{grid-template-columns:86px minmax(0,1fr);align-items:start;gap:14px;display:grid}.filter-group>span{color:var(--muted);padding-top:9px;font-size:13px;font-weight:700}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip,.segmented,.secondary-button,.text-button,.primary-button{border:1px solid var(--line);border-radius:8px;font-weight:700}.segmented,.secondary-button,.text-button{color:var(--text);background:#ffffffb3;padding:10px 14px}.chip{color:#3f4642;background:#ffffff9e;padding:7px 11px;font-family:Anuphan,system-ui,sans-serif;font-size:14px;font-weight:500}.chip.active,.segmented.active{background:var(--surface-strong);border-color:var(--surface-strong);color:#fff}.chip:not(:disabled):hover,.segmented:not(:disabled):hover,.secondary-button:not(:disabled):hover,.text-button:not(:disabled):hover{border-color:var(--action-hover);color:var(--action-hover-strong);background:#fff7ed;box-shadow:0 8px 20px #f973162e}.primary-button:not(:disabled):hover{background:var(--action-hover);border-color:var(--action-hover);color:#fff;box-shadow:0 12px 28px #f9731642}.chip.active:not(:disabled):hover,.segmented.active:not(:disabled):hover{background:var(--action-hover);border-color:var(--action-hover);color:#fff}.chip.active{color:var(--accent-strong);background:#dff5ee;border-color:#a7dcca;font-weight:600}.gallery-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.gallery-heading h2{margin:0;font-size:42px}.text-button{color:var(--accent-strong)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;padding-bottom:72px;display:grid}.prompt-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;transition:transform .18s,box-shadow .18s;display:block;overflow:hidden;box-shadow:0 12px 38px #11182714}.prompt-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.preview-frame{aspect-ratio:3/4;background:#111827;display:block;overflow:hidden}.preview-frame img{object-fit:cover;width:100%;height:100%}.card-body{gap:9px;padding:14px;display:grid}.card-body strong{font-size:18px}.card-body>span:not(.category-pill):not(.mini-tags){color:var(--muted);font-size:14px;line-height:1.5}.category-pill{color:var(--accent-strong);background:#dff5ee;border-radius:999px;width:fit-content;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.reference-badge{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;width:fit-content;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.mini-tags{flex-wrap:wrap;gap:6px;display:flex}.mini-tags span{color:#4a514e;background:#f0ede5;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.detail-grid{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(22px,4vw,46px);max-width:1400px;margin:0 auto;padding:12px clamp(16px,4vw,54px) 72px;display:grid}.sticky-preview{align-self:start;position:sticky;top:18px}.sticky-preview>img{box-shadow:var(--shadow);background:#111827;border-radius:8px;width:100%;height:auto}.preview-meta{gap:12px;padding:16px 0;display:grid}.reference-example{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:10px;margin-top:16px;padding:14px;display:grid}.reference-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.reference-grid figure{gap:8px;margin:0;display:grid}.reference-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%;height:auto}.reference-grid figcaption{color:var(--muted);gap:3px;font-size:12px;line-height:1.45;display:grid}.reference-grid figcaption b{color:var(--text)}.reference-example p:not(.eyebrow){color:var(--muted);margin:0;font-size:14px;line-height:1.65}.back-link{color:var(--accent-strong);margin-bottom:14px;font-weight:800;display:inline-flex}.prompt-workspace{border:1px solid var(--line);background:#ffffff9e;border-radius:8px;padding:clamp(18px,4vw,34px)}.prompt-workspace h1{margin:0 0 12px;font-size:clamp(38px,6vw,74px);line-height:.96}.lead{color:var(--muted);margin:0 0 24px;font-size:18px;line-height:1.7}.model-selector,.field-toolbar,.output-actions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.field-stack{gap:16px;display:grid}.field-group{gap:8px;font-weight:700;display:grid}.field-group b{color:#dc2626}.field-group input,.field-group textarea,.field-group select,.template-picker input,.template-picker select,.admin-editor input,.admin-editor textarea,.admin-editor select,.feedback-grid select{padding:13px 14px}.field-group textarea,.admin-editor textarea,.output-panel textarea{resize:vertical}.helper-text,.external-note{color:var(--muted);font-size:14px;line-height:1.6}.primary-button{background:var(--surface-strong);border-color:var(--surface-strong);color:#fff;padding:13px 18px}.output-panel,.feedback-panel,.related-section,.workflow-panel,.optional-details,.privacy-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:16px;margin-top:24px;padding:20px;display:grid}.optional-details summary{color:var(--accent-strong);cursor:pointer;font-weight:800}.optional-details[open] summary{margin-bottom:16px}.output-panel textarea{padding:14px;font-family:Anuphan,system-ui,sans-serif;line-height:1.65}.workflow-panel ol{counter-reset:workflow;gap:10px;margin:0;padding:0;list-style:none;display:grid}.workflow-panel li{color:#3f4642;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;line-height:1.6;display:grid}.workflow-panel li:before{background:var(--surface-strong);color:#fff;content:counter(workflow);counter-increment:workflow;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:inline-flex}.feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.feedback-grid label{gap:8px;font-weight:700;display:grid}.notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:12px;font-weight:700}.related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.related-card{gap:8px;font-weight:800;display:grid}.related-card img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%;height:auto}.privacy-page{max-width:860px;margin:0 auto;padding:40px 18px}.privacy-card h1{margin:0;font-size:clamp(40px,7vw,74px);line-height:.95}.privacy-card p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.75}.sr-only{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.admin-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:clamp(22px,4vw,42px);max-width:1480px;margin:0 auto;padding:12px clamp(16px,4vw,54px) 80px;display:grid}.admin-sidebar{align-self:start;gap:18px;display:grid;position:sticky;top:18px}.admin-sidebar h1{margin:0;font-size:clamp(42px,5vw,74px);line-height:.95}.admin-card-preview{background:var(--surface);border:1px solid var(--line);border-radius:8px;display:block;overflow:hidden;box-shadow:0 12px 38px #11182714}.template-picker{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;gap:12px;padding:14px;display:grid}.template-picker-filters{grid-template-columns:1fr;gap:8px;display:grid}.template-picker-list{gap:8px;max-height:440px;padding-right:4px;display:grid;overflow:auto}.template-picker-item{background:var(--surface);border:1px solid var(--line);color:var(--text);text-align:left;border-radius:8px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.template-picker-item.active{border-color:var(--accent);box-shadow:0 0 0 3px #1b8d7924}.template-picker-item:not(:disabled):hover{border-color:var(--action-hover);box-shadow:0 8px 20px #f9731629}.template-picker-item img{aspect-ratio:3/4;object-fit:cover;background:#111827;border-radius:6px;width:56px;height:auto}.template-picker-item span{gap:3px;min-width:0;display:grid}.template-picker-item strong,.template-picker-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-picker-item small{color:var(--muted);font-size:12px;font-weight:700}.reference-admin-preview{background:#111827;border-radius:8px;overflow:hidden}.reference-editor-list,.workflow-editor{gap:14px;display:grid}.priority-upload{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;gap:14px;padding:16px;display:grid}.metadata-summary{border:1px solid var(--line);background:#f0ede5;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.metadata-summary span{background:var(--surface);color:#4a514e;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.advanced-metadata{border:1px solid var(--line);background:#ffffff94;border-radius:8px;padding:14px}.advanced-metadata summary{color:var(--accent-strong);cursor:pointer;font-weight:800}.advanced-metadata[open] summary{margin-bottom:14px}.workflow-step-list{gap:10px;display:grid}.workflow-step>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.reference-admin-preview img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.admin-editor{gap:18px;display:grid}.admin-section{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;gap:16px;padding:clamp(16px,3vw,24px);display:grid}.admin-section-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.admin-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field-editor-list{gap:14px;display:grid}.field-editor{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:12px;padding:14px;display:grid}.admin-save-bar{border:1px solid var(--line);z-index:4;background:#f6f4efe6;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex;position:sticky;bottom:16px}.admin-toast pre,.admin-json pre{color:#f8fafc;white-space:pre-wrap;background:#101312;border-radius:8px;margin:0;padding:14px;font-size:13px;line-height:1.7;overflow:auto}.admin-toast{border:1px solid #ffffff24;border-left:5px solid var(--accent);z-index:50;background:#101312;border-radius:8px;gap:10px;max-width:min(520px,100vw - 32px);padding:14px;animation:.22s ease-out toast-in;display:grid;position:fixed;top:18px;right:18px;box-shadow:0 22px 70px #181c1a42}.admin-toast.success{border-left-color:var(--accent)}.admin-toast.error{border-left-color:#dc2626}.admin-toast.info{border-left-color:var(--action-hover)}.admin-toast pre{background:0 0;border-radius:0;padding:0;font-family:Anuphan,system-ui,sans-serif;font-size:14px;font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.admin-json{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px}.admin-json summary{color:var(--accent-strong);cursor:pointer;font-weight:800}@media (max-width:720px){.site-header{align-items:center;gap:14px}.hero-title,.prompt-workspace h1,.privacy-card h1{line-height:1.02}.hero-intro{text-align:center;grid-template-columns:1fr;gap:18px}.hero-cat-wrap{min-height:220px}.hero-cat{height:220px}.hero-title{margin-bottom:14px;font-size:clamp(86px,27vw,128px);line-height:.82}.hero-role{font-size:clamp(22px,5.8vw,32px)}.hero-blurb{font-size:16px}.gallery-heading{flex-direction:column}.filter-group{grid-template-columns:1fr;gap:8px}.filter-group>span{padding-top:0}.detail-grid{grid-template-columns:1fr}.sticky-preview{position:static}.feedback-grid,.admin-grid,.admin-two-col,.related-grid{grid-template-columns:1fr}.admin-sidebar{position:static}}