:root{--ink:#202328;--muted:#777b83;--line:#e7e5e0;--paper:#fbfaf7;--accent:#c7603d;--accent-dark:#99442b;--sage:#dfe8df}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.container{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{border-bottom:1px solid var(--line);background:rgba(251,250,247,.92)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font:bold 20px Georgia,serif;letter-spacing:-.4px}.brand-mark{color:var(--accent);margin-right:8px}.nav nav{display:flex;align-items:center;gap:24px;font-size:14px}.nav-user{border-left:1px solid var(--line);padding-left:24px}.button{border:0;background:var(--accent);color:#fff;padding:12px 19px;border-radius:5px;font-weight:700;cursor:pointer;display:inline-flex;gap:12px;align-items:center}.button:hover{background:var(--accent-dark);color:#fff}.button.small{padding:8px 14px}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.danger{background:#fff;color:#a23b30;border:1px solid #e8c7c1}.hero{display:flex;justify-content:space-between;align-items:end;padding:82px 0 54px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;margin:0 0 13px}.hero h1,h1{font:normal 50px/1.08 Georgia,serif;letter-spacing:-1.8px;margin:0}.hero h1 em{color:var(--accent);font-style:italic}.hero-copy{max-width:460px;color:var(--muted);margin:20px 0 0}.search-bar{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 7px 6px 17px;box-shadow:0 5px 20px #3427160b}.search-bar span{font-size:25px;color:var(--muted)}.search-bar input{border:0;outline:0;flex:1;padding:11px;font-size:14px;background:transparent}.search-bar button{border:0;background:var(--ink);color:#fff;border-radius:4px;padding:11px 20px;cursor:pointer}.tag-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:19px 0 5px}.muted,.section-heading span{color:var(--muted);font-size:13px}.tag{background:var(--sage);color:#48604b;border-radius:20px;padding:4px 10px;font-size:12px;display:inline-block}.tag small{opacity:.65}.section-heading,.page-heading{display:flex;justify-content:space-between;align-items:end;margin:48px 0 20px;border-bottom:1px solid var(--line);padding-bottom:13px}.section-heading h2{font:normal 27px Georgia,serif;margin:0}.prompt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:70px}.prompt-card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:transform .2s,box-shadow .2s}.prompt-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #34271612}.prompt-card img,.card-placeholder{display:block;width:100%;height:160px;object-fit:cover}.card-placeholder{background:linear-gradient(135deg,#e8eee7,#f0e0d9);color:#fff;font:48px Georgia;text-align:center;padding-top:43px}.card-body{padding:17px 18px 20px}.card-meta,.detail-byline{color:var(--muted);font-size:11px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.5px}.card-body h3{font:normal 22px/1.2 Georgia,serif;margin:11px 0 8px}.card-body p{color:var(--muted);font-size:13px;margin:0 0 18px}.tags{display:flex;gap:6px;flex-wrap:wrap}.empty{text-align:center;padding:80px 20px 110px;border:1px dashed #d8d4cc}.empty-icon{font-size:30px;color:var(--accent)}.empty h3{font:normal 26px Georgia;margin:8px}.empty p{color:var(--muted);margin-bottom:22px}.back-link{margin:38px 0 25px;color:var(--muted);font-size:13px}.prompt-detail{max-width:850px;margin:0 auto 80px}.detail-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.detail-top h1{font-size:48px}.detail-byline{justify-content:start;gap:10px;margin-top:15px}.actions{display:flex;gap:8px}.actions form{margin:0}.detail-image{width:100%;max-height:430px;object-fit:cover;border-radius:6px;margin:38px 0 34px}.detail-description{border-bottom:1px solid var(--line);padding-bottom:25px}.detail-description h2,.prompt-content h2{font:normal 22px Georgia;margin:0 0 10px}.detail-description p{color:var(--muted);white-space:pre-wrap}.prompt-content{margin:30px 0}.content-heading{display:flex;justify-content:space-between;align-items:center}.copy-button{border:1px solid var(--line);background:#fff;padding:7px 12px;border-radius:4px;cursor:pointer}.prompt-content pre{white-space:pre-wrap;background:#242526;color:#f4efe7;border-radius:6px;padding:25px;font:14px/1.7 ui-monospace,SFMono-Regular,monospace;overflow:auto}.form-wrap,.auth-card{max-width:680px;margin:64px auto 90px}.form-intro,.auth-card>p:not(.eyebrow){color:var(--muted)}.editor-form{display:grid;gap:20px;margin-top:30px}.editor-form label{font-weight:700;display:grid;gap:7px}.editor-form input,.editor-form textarea{border:1px solid #d9d5ce;border-radius:4px;padding:12px 13px;background:#fff;font:inherit;font-weight:400;resize:vertical;outline-color:var(--accent)}.field-hint,.current-image{font-size:12px;color:var(--muted);font-weight:400;margin-top:-2px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin-top:5px}.auth-card{max-width:430px}.auth-card h1{font-size:42px}.auth-card .button{width:100%;justify-content:center}.auth-switch{text-align:center;margin-top:24px}.auth-switch a{color:var(--accent);font-weight:700}.alert{margin-top:20px;padding:12px 16px;border-radius:4px;font-size:14px}.alert.success{background:#e4f0e4;color:#35613b}.alert.error{background:#fae8e4;color:#8c3428}.site-footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:12px}.page-heading h1{font-size:42px}
@media(max-width:720px){.container{width:min(100% - 28px,560px)}.nav{height:auto;padding:18px 0;align-items:start;gap:15px}.nav nav{gap:12px;flex-wrap:wrap;justify-content:end}.nav-user{border:0;padding:0}.hero{display:block;padding:55px 0 35px}.hero h1{font-size:40px}.hero .button{margin-top:25px}.prompt-grid{grid-template-columns:1fr}.detail-top{display:block}.detail-top h1{font-size:38px}.actions{margin-top:20px}.form-wrap,.auth-card{margin-top:45px}.page-heading{align-items:start}.page-heading h1{font-size:34px}}
.prompt-card img{height:auto;max-height:360px;object-fit:contain;background:#f1eee8}.detail-image{height:auto;max-height:none;object-fit:contain;background:#f1eee8}.edit-image-preview{display:block;width:100%;max-height:560px;object-fit:contain;background:#f1eee8;border:1px solid var(--line);border-radius:5px}.current-image p{margin:0 0 8px}
