@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#fff;--surface:#fff;--soft:#f6f6f7;--text:#111;--muted:#777;--line:#e8e8e8;--wash:#f2f0ff;--side:320px;--radius:18px}html[data-theme=dark]{--bg:#111;--surface:#171717;--soft:#222;--text:#f7f7f7;--muted:#aaa;--line:#303030;--wash:#211f2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:var(--surface);border-right:1px solid var(--line);z-index:20;display:flex;flex-direction:column;padding:22px 20px}.sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sidebar-head>button{display:none}.brand{display:flex;align-items:center;gap:10px}.brand img{width:34px;height:34px;object-fit:contain}.brand b{display:block;font-size:23px}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.side-nav{overflow:auto;padding-right:4px}.side-nav>a{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:12px;margin:2px 0}.side-nav>a:hover,.side-nav>a.active{background:var(--soft)}.side-nav i{font-style:normal;width:20px;font-size:19px;color:#777}.side-nav p{text-transform:none;color:#555;margin:20px 0 8px;font-size:14px}.side-nav a>b{margin-left:auto}.creator-card{border:1px solid transparent!important;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(90deg,#b96cff,#ff6b82,#ffb35c) border-box!important;padding:14px!important;margin-top:14px!important}.creator-card span{display:grid;gap:4px}.creator-card small{color:var(--muted)}.creator-card em{margin-left:auto;font-style:normal;border:1px solid var(--line);border-radius:50%;padding:8px}.sidebar-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:12px}.sidebar-foot a,.sidebar-foot button{padding:10px 12px;border:0;background:var(--soft);border-radius:12px}.app-main{margin-left:var(--side);min-height:100vh;padding:20px;background:linear-gradient(100deg,var(--wash),var(--bg) 34%)}.sidebar-toggle{display:none}.hero{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.65);border-radius:24px;padding:28px;margin-bottom:18px;display:flex;justify-content:space-between;gap:20px}.hero h1{font-size:28px;margin:0 0 10px}.hero p{color:var(--muted);max-width:900px;margin:0;line-height:1.6}.sort-tabs{display:flex;gap:5px;align-items:flex-start}.sort-tabs a{padding:10px 13px;border-radius:10px;white-space:nowrap}.sort-tabs a.on{background:var(--soft)}.feed{columns:3 300px;column-gap:14px}.prompt-card{break-inside:avoid;position:relative;border-radius:17px;overflow:hidden;margin:0 0 14px;background:var(--soft);min-height:260px}.prompt-card>a{display:block}.prompt-card img{width:100%;height:auto;min-height:270px;display:block;object-fit:cover}.card-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.8))}.card-meta{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff}.card-meta>span{font-size:11px;background:rgba(255,255,255,.92);color:#111;padding:6px 9px;border-radius:999px}.card-meta h2{font-size:17px;margin:12px 0 10px;line-height:1.25}.card-meta div{display:flex;gap:15px}.save-float{position:absolute;right:10px;top:10px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.9);cursor:pointer}.save-float.on{background:#111;color:white}.multi{position:absolute;right:14px;top:58px;color:#fff;font-weight:700}.search-head{max-width:760px;margin:10px auto 24px}.search-head input{width:100%;border:1px solid var(--line);border-radius:999px;padding:16px 22px;background:var(--surface);color:var(--text)}.search-tabs{display:flex;justify-content:center;gap:20px}.search-tabs a{padding:12px 25px;border-bottom:2px solid var(--line)}.search-tabs a.on{border-color:var(--text);font-weight:600}.category-row{margin:28px 0}.category-row h2{font-size:21px}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mini-grid .prompt-card{height:210px;min-height:0}.mini-grid .prompt-card img{height:210px;min-height:0}.mini-grid .card-meta h2,.mini-grid .card-meta div{display:none}.detail-shell{margin:-20px;display:grid;grid-template-columns:minmax(55%,1fr) minmax(420px,620px);min-height:100vh;background:var(--bg)}.detail-media{position:relative;background:#fafafa;display:flex;justify-content:center;align-items:flex-start;padding:80px 50px 50px}.detail-media>img{max-width:760px;width:100%;max-height:calc(100vh - 120px);object-fit:contain;border-radius:20px;position:sticky;top:40px}.back-round{position:absolute;left:24px;top:22px;width:46px;height:46px;border:0;border-radius:50%;background:#888;color:#fff;font-size:24px}.detail-panel{border-left:1px solid var(--line);padding:30px 26px 26px;min-width:0}.metrics{display:flex;gap:20px;color:#555;margin-bottom:26px}.metrics button{background:none;border:0;padding:0;color:inherit;cursor:pointer}.creator-line{display:flex;align-items:center;gap:11px;padding:10px 0 22px;border-bottom:1px solid var(--line)}.creator-line img{width:48px;height:48px;border-radius:50%;object-fit:cover}.creator-line div{display:grid}.creator-line small{color:var(--muted)}.pills{margin-left:auto;display:flex;gap:8px}.pill{background:var(--soft);padding:8px 13px;border-radius:999px;font-size:13px}.detail-panel h1{font-size:27px;margin:25px 0 16px}.prompt-box{background:var(--soft);border-radius:18px;padding:20px;line-height:1.65;white-space:pre-wrap;max-height:55vh;overflow:auto}.detail-actions{position:sticky;bottom:0;background:var(--surface);display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:16px}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:15px 18px;border-radius:12px;font-weight:600;cursor:pointer}.btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.related{grid-column:1/-1;padding:28px max(30px,8vw)}.content-page{max-width:940px;margin:0 auto;padding:30px 15px;line-height:1.75}.content-page h1{font-size:32px}.content-page h2{margin-top:40px}.content-page p{color:var(--muted)}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.value-card,.form-card,.blog-card{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--surface)}.form-card{max-width:850px;margin:30px auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:13px}.field textarea{min-height:140px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blog-card{display:flex;gap:14px;min-height:140px}.blog-card img{width:110px;height:110px;object-fit:cover;border-radius:12px}.blog-card h2{font-size:16px;margin:8px 0}.blog-card p{font-size:13px;color:var(--muted);margin:0}.blog-card span{font-size:10px;background:var(--soft);padding:5px 8px;border-radius:999px}.auth-wrap{min-height:calc(100vh - 40px);display:grid;place-items:center}.auth-card{width:min(440px,95%);background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:30px}.auth-card .brand{margin-bottom:25px}.auth-card .field{margin:14px 0}.notice{padding:12px 14px;border-radius:10px;background:#fff1f2;color:#9f1239;margin:12px 0}.success{background:#ecfdf5;color:#065f46}.profile-head{display:flex;align-items:center;gap:18px;margin-bottom:28px}.profile-head img{width:80px;height:80px;border-radius:50%}.install-banner{position:fixed;left:50%;bottom:72px;transform:translateX(-50%);z-index:50;background:rgba(245,245,245,.94);box-shadow:0 15px 50px rgba(0,0,0,.18);border-radius:999px;padding:10px 16px 10px 10px;display:flex;align-items:center;gap:12px;min-width:340px}.install-banner[hidden]{display:none}.install-round{background:#111;color:white;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;font-size:22px}.install-banner span:nth-child(2){display:grid;flex:1}.install-banner small{color:#888}.install-banner button{border:0;background:none}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;background:#111;color:#fff;padding:11px 18px;border-radius:10px;transition:.2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}
@media(max-width:900px){body{font-size:14px}.sidebar{transform:translateX(-105%);transition:.25s;width:285px}.sidebar.open{transform:none;box-shadow:10px 0 40px rgba(0,0,0,.18)}.sidebar-head>button{display:block}.sidebar-toggle{display:block;position:fixed;right:12px;top:10px;z-index:15;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 10px}.app-main{margin:0;padding:12px 10px 78px;background:linear-gradient(160deg,var(--wash),var(--bg) 35%)}.hero{padding:18px 16px;display:block}.hero h1{font-size:22px}.sort-tabs{margin-top:15px}.feed{columns:2 150px;column-gap:8px}.prompt-card{margin-bottom:8px;border-radius:13px;min-height:150px}.prompt-card img{min-height:150px}.card-meta{padding:10px}.card-meta h2,.card-meta div{display:none}.card-meta>span{font-size:9px}.save-float{display:none}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:64px;background:var(--surface);border-top:1px solid var(--line);z-index:40;justify-content:space-around;align-items:center}.mobile-nav i{font-style:normal;font-size:27px}.detail-shell{margin:-12px -10px -78px;display:block}.detail-media{padding:55px 8px 10px;min-height:55vh}.detail-media>img{position:static;max-height:72vh;border-radius:14px}.back-round{left:14px;top:10px}.detail-panel{border:0;padding:18px 15px 90px}.metrics{margin-top:5px}.creator-line{flex-wrap:wrap}.pills{margin-left:0}.detail-panel h1{font-size:22px}.prompt-box{max-height:none}.detail-actions{position:fixed;left:0;right:0;bottom:64px;padding:10px;background:var(--surface);z-index:35}.related{padding:20px 10px}.related .feed{columns:2}.mini-grid{grid-template-columns:repeat(4,1fr);gap:8px}.mini-grid .prompt-card,.mini-grid .prompt-card img{height:98px}.content-page{padding:12px 6px}.content-page h1{font-size:27px}.value-grid,.form-grid,.blog-grid{grid-template-columns:1fr}.blog-card{min-height:110px}.blog-card img{width:95px;height:95px}.install-banner{bottom:72px;min-width:calc(100% - 28px)} }