@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{color:#20231f;font-synthesis:none;background:#f4f1ea;font-family:Noto Sans KR,Manrope,sans-serif}*{box-sizing:border-box}body{background:#f4f1ea;min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{width:18px;height:18px;display:block}.app-shell{min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid #20231f1f;justify-content:space-between;align-items:center;max-width:1280px;height:84px;margin:0 auto;padding:0 42px;display:flex}.brand{color:#20231f;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{color:#f7f3ea;background:#20231f;border-radius:50%;place-items:center;width:31px;height:31px;font-size:18px;line-height:1;display:grid}.brand-word{letter-spacing:-.06em;font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.brand-word span{color:#d1533e}.topbar-right{align-items:center;gap:28px;font-size:12px;display:flex}.built-for{color:#646a60;align-items:center;gap:7px;display:flex}.status-dot{background:#82a987;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #82a98726}.top-bookmark{color:#727b70;background:0 0;border:1px solid #d7d6ce;border-radius:2px;align-items:center;gap:6px;height:31px;padding:0 9px;font-size:10px;display:inline-flex}.top-bookmark:hover{color:#20231f;background:#e9e7df;border-color:#aeb8ad}.top-bookmark svg{width:13px;height:13px}.top-bookmark span{color:#d1533e;font-family:DM Mono,monospace;font-size:9px}.top-link{color:#20231f;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.top-link svg{width:14px;height:14px}.hero{justify-content:space-between;align-items:center;max-width:1280px;min-height:525px;margin:0 auto;padding:76px 42px 78px;transition:min-height .35s,height .35s,padding .35s,opacity .25s;display:flex;position:relative}.hero.is-collapsed{opacity:0;pointer-events:none;height:0;min-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.hero-copy{z-index:2;position:relative}.eyebrow,.section-kicker,.block-label{letter-spacing:.08em;color:#708071;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.eyebrow{align-items:center;gap:8px;margin:0 0 22px;display:flex}.eyebrow svg{color:#d1533e;width:15px;height:15px}h1,h2,h3,p{margin-top:0}h1{color:#20231f;letter-spacing:-.075em;max-width:620px;margin-bottom:23px;font-size:clamp(45px,5.8vw,76px);font-weight:800;line-height:1.04}h1 em{color:#d1533e;font-style:normal}.hero-description{color:#666c64;font-size:15px;line-height:1.85}.hero-actions{align-items:center;gap:18px;margin-top:31px;display:flex}.primary-button{color:#f7f3ea;background:#20231f;border:0;border-radius:3px;justify-content:center;align-items:center;gap:17px;min-height:45px;padding:0 18px 0 21px;font-size:12px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex}.primary-button:hover{background:#3c463c;transform:translateY(-2px)}.primary-button svg{width:15px;height:15px}.hero-note{color:#878c83;font-size:11px}.hero-art{width:405px;height:325px;margin-right:60px;position:relative;transform:rotate(-6deg)}.orbit{border:1px solid #20231f1f;border-radius:50%;position:absolute;transform:rotate(-28deg)}.orbit-one{inset:29px -30px 45px -40px}.orbit-two{border-color:#d1533e40;inset:59px -12px 18px -13px}.art-card{border:1px solid #20231f24;flex-direction:column;width:212px;height:254px;padding:23px;display:flex;position:absolute;box-shadow:12px 17px #20231f0f}.art-card-back{color:#426044;letter-spacing:-.05em;background:#dce9db;justify-content:flex-end;font-size:24px;font-weight:700;line-height:1.2;top:48px;left:0}.art-card-back span{margin-bottom:auto;font-size:34px;font-weight:400}.art-card-front{color:#fff6eb;background:#d1533e;top:9px;right:18px;transform:rotate(13deg)}.art-number{letter-spacing:-.11em;font-family:Manrope,sans-serif;font-size:78px;font-weight:800;line-height:.85}.art-label{margin-top:auto;font-family:DM Mono,monospace;font-size:10px;line-height:1.55}.art-star{font-size:25px;position:absolute;top:19px;right:20px}.catalog-section{border-top:1px solid #20231f1f;max-width:1280px;margin:0 auto;padding:68px 42px 105px;scroll-margin-top:16px}.catalog-header{justify-content:space-between;align-items:end;margin-bottom:39px;display:flex}.section-kicker{color:#d1533e;margin-bottom:13px}.section-kicker span{color:#92978f}h2{letter-spacing:-.07em;margin-bottom:0;font-size:34px;line-height:1.12}.catalog-stat{color:#7c8279;text-transform:uppercase;align-items:center;gap:13px;font-family:DM Mono,monospace;font-size:9px;line-height:1.45;display:flex}.catalog-stat strong{color:#d1533e;letter-spacing:-.1em;font-family:Manrope,sans-serif;font-size:50px;line-height:.8}.category-dot{background:#b9c6b8;border-radius:50%;width:7px;height:7px}.dot-개발{background:#7da8c3}.dot-기획{background:#a893bf}.dot-글쓰기{background:#cc8e7d}.dot-분석{background:#83b8ad}.dot-업무{background:#d6ad76}.dot-디자인{background:#d2939c}.dot-학습{background:#8699c8}.dot-마케팅{background:#b6a071}.dot-리서치{background:#8daea4}.dot-자동화{background:#9b9db9}.catalog-content{min-width:0}.category-nav{scrollbar-width:none;border-bottom:1px solid #d9d8d0;align-items:center;gap:5px;padding:0 0 11px;display:flex;overflow-x:auto}.category-nav::-webkit-scrollbar{display:none}.category-tab{color:#7c8479;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:2px;flex:none;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:11px;transition:color .18s,background .18s,border-color .18s;display:inline-flex}.category-tab:hover{color:#20231f;background:#e9e7df}.category-tab.active{color:#20231f;background:#e9e7df;border-color:#20231f;font-weight:700}.category-tab b{color:#a0a69e;font-family:DM Mono,monospace;font-size:9px;font-weight:400}.category-tab.active b{color:#d1533e}.category-tab svg{width:13px;height:13px}.category-tab .category-dot{width:6px;height:6px}.browse-tip{color:#969c93;padding:12px 0 2px;font-size:10px}.browse-tip span{color:#d1533e;margin-right:5px;font-size:15px}.browse-tip strong{color:#d1533e}.search-row{gap:11px;margin:18px 0 22px;display:flex}.search-box{background:#f8f6f1;border:1px solid #d7d6ce;border-radius:2px;flex:1;align-items:center;gap:11px;height:47px;padding:0 13px;display:flex}.search-box:focus-within{border-color:#8b9c8b;box-shadow:0 0 0 3px #8b9c8b21}.search-box svg{color:#899187;width:16px;height:16px}.search-box input{color:#20231f;background:0 0;border:0;outline:0;width:100%;font-size:12px}.search-box input::placeholder{color:#a2a79f}kbd{color:#969c92;white-space:nowrap;background:#eeece5;border:1px solid #d8d8d1;border-radius:3px;padding:3px 6px;font-family:DM Mono,monospace;font-size:9px}.favorite-filter{color:#737b70;background:#f8f6f1;border:1px solid #d7d6ce;border-radius:2px;align-items:center;gap:7px;height:47px;padding:0 13px;font-size:11px;display:inline-flex}.favorite-filter:hover,.favorite-filter.is-active{color:#20231f;background:#e9e7df;border-color:#a9b4a7}.favorite-filter svg{width:14px;height:14px}.favorite-filter span{color:#d1533e;font-family:DM Mono,monospace}.data-status{color:#899187;align-items:center;gap:7px;margin:-24px 0 18px;font-family:DM Mono,monospace;font-size:9px;display:flex}.data-status .status-dot{width:6px;height:6px}.data-status.is-offline{color:#b26455}.data-status.is-offline .status-dot{background:#d1533e;box-shadow:0 0 0 3px #d1533e1f}.toolbar-row{justify-content:space-between;align-items:center;gap:14px;min-height:32px;margin-bottom:17px;display:flex}.active-filter{color:#20231f;align-items:center;gap:10px;min-height:23px;margin:0;font-size:12px;font-weight:700;display:flex}.active-filter>span:first-child{background:#e4e3d9;border-radius:2px;padding:4px 8px}.filter-description{color:#969c93;font-size:10px;font-weight:400}.sort-control{color:#969c93;white-space:nowrap;align-items:center;gap:7px;font-family:DM Mono,monospace;font-size:9px;display:flex}.sort-control select{color:#566254;background:#f8f6f1;border:1px solid #d6d6ce;border-radius:2px;outline:0;padding:5px 7px;font-family:Noto Sans KR,sans-serif;font-size:10px}.sort-control select:focus{border-color:#8b9c8b}.prompt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.prompt-card{border:1px solid #deddd5;border-top:3px solid var(--card-accent);background:#fbfaf6;border-radius:2px;flex-direction:column;min-height:218px;padding:17px 17px 14px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.prompt-card:hover{border-color:#b4bdaf;transform:translateY(-3px);box-shadow:5px 7px #20231f0f}.prompt-card:focus-visible{outline-offset:3px;outline:2px solid #20231f}.card-topline,.card-footer{justify-content:space-between;align-items:center;display:flex}.card-topline{gap:7px}.card-id{color:#a0a69e;font-family:DM Mono,monospace;font-size:10px}.card-rank{color:#d1533e;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.card-category{color:#7f9b80;letter-spacing:.06em;margin-top:24px;font-family:DM Mono,monospace;font-size:9px}.prompt-card h3{letter-spacing:-.06em;margin:6px 0 7px;font-size:18px}.prompt-card p{color:#7a8177;margin-bottom:15px;font-size:11px;line-height:1.65}.card-footer{gap:8px;margin-top:auto}.tag-row{flex-wrap:wrap;gap:4px;display:flex}.tag-row span{color:#92998f;background:var(--card-accent);padding:3px 6px;font-family:DM Mono,monospace;font-size:8px}.card-actions{align-items:center;gap:3px;display:flex}.vote-button{color:#667067;background:0 0;border:0;border-radius:2px;min-width:40px;height:32px;padding:0 7px;font-family:DM Mono,monospace;font-size:10px}.vote-button:hover,.vote-button.is-liked{color:#bf6856;background:#f1e0da}.vote-button.is-disliked{color:#687a8a;background:#e1e9ee}.icon-button,.copy-button,.close-button{color:#afb4ad;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.icon-button svg{width:14px;height:14px}.icon-button:hover,.icon-button.is-favorite{color:#d1533e}.icon-button.is-favorite svg{fill:currentColor}.copy-button{color:#899286;background:#edebe4;border-radius:2px}.copy-button svg{width:14px;height:14px}.copy-button:hover{color:#20231f;background:var(--card-accent)}.empty-state{text-align:center;border:1px dashed #d5d4cc;padding:74px 20px}.empty-state>span{color:#d1533e;font-size:28px}.empty-state h3{margin:14px 0 4px;font-size:18px}.empty-state p{color:#92988f;font-size:12px}.empty-state button{color:#5d695d;background:0 0;border:1px solid #c8ccc3;border-radius:2px;padding:7px 11px;font-size:11px}.footer{color:#92988f;border-top:1px solid #20231f1f;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:21px 42px;font-size:10px;display:flex}.footer>span:first-child{color:#20231f;font-family:Manrope,sans-serif;font-weight:800}.footer-tech{margin-left:auto;font-family:DM Mono,monospace;font-size:9px}.drawer-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#20231f47;justify-content:flex-end;animation:.2s fade-in;display:flex;position:fixed;inset:0}.prompt-drawer{border-left:1px solid #20231f1f;border-top:7px solid var(--drawer-accent);background:#f8f6f1;width:min(505px,100%);height:100%;padding:29px 34px;animation:.28s slide-in;overflow-y:auto;box-shadow:-13px 0 30px #20231f1a}.drawer-top{justify-content:space-between;align-items:center;display:flex}.close-button{background:#ebe9e1;border-radius:2px;width:32px;height:32px}.close-button:hover{color:#d1533e}.drawer-accent{background:var(--drawer-accent);width:38px;height:5px;margin-top:54px}.prompt-drawer h2{margin:15px 0 9px;font-size:37px}.drawer-description{color:#777e75;max-width:390px;font-size:13px;line-height:1.7}.prompt-block,.output-block{background:#fffefa;border:1px solid #d9d8d0;margin-top:28px;padding:16px}.output-block{background:var(--drawer-accent);border-color:#0000;margin-top:10px}.block-label{color:#84907e;margin-bottom:12px}.block-label span{color:#a5aca4;letter-spacing:0;margin-left:8px;font-family:Noto Sans KR,sans-serif;font-size:9px}.prompt-block p,.output-block p{color:#4d554b;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.8}.drawer-actions{gap:9px;margin-top:23px;display:flex}.secondary-button{color:#687367;background:0 0;border:1px solid #c6cbc3;border-radius:3px;align-items:center;gap:7px;min-height:45px;padding:0 16px;font-size:12px;display:inline-flex}.secondary-button svg{width:14px;height:14px}.secondary-button:hover,.secondary-button.is-favorite{color:#d1533e;border-color:#d1533e}.secondary-button.is-favorite svg{fill:currentColor}.toast{z-index:30;color:#fff;background:#20231f;border:1px solid #424b42;border-radius:3px;align-items:center;gap:8px;padding:12px 16px;font-size:12px;animation:.25s toast-in;display:flex;position:fixed;bottom:25px;left:50%;box-shadow:0 8px 24px #20231f2e}.toast span{color:#9bc49d;font-weight:800}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:.4;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (width<=900px){.hero-art{transform-origin:100%;margin-right:0;transform:scale(.8)rotate(-6deg)}.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.topbar{height:70px;padding:0 20px}.topbar-right{gap:5px}.built-for{display:none}.top-bookmark{padding:0 7px}.top-bookmark span{display:none}.top-link{font-size:10px}.hero{min-height:680px;padding:58px 20px 55px;display:block}.hero-art{transform-origin:top;width:340px;height:250px;margin:35px auto 0;transform:scale(.72)rotate(-6deg)}.hero-description{font-size:13px}.desktop-only{display:none}.hero-actions{flex-direction:column;align-items:flex-start;gap:11px}.catalog-section{padding:52px 20px 78px}.catalog-header{align-items:flex-start;gap:18px}.catalog-stat{display:none}h2{font-size:29px}.category-nav{margin-top:25px;padding-bottom:10px}.category-tab{padding:0 9px}.browse-tip{line-height:1.7}.search-row{display:block}.favorite-filter{margin-top:8px}.prompt-grid{grid-template-columns:1fr;gap:10px}.prompt-card{min-height:191px}.footer{padding:19px 20px;line-height:2;display:block}.footer-tech{float:right}.prompt-drawer{padding:24px 20px}.drawer-accent{margin-top:34px}.prompt-drawer h2{font-size:31px}}@media (width<=380px){.topbar{padding:0 14px}.brand-word{font-size:18px}.top-link{display:none}.top-bookmark-label{display:none!important}}.drawer-votes{color:#8a9188;align-items:center;gap:7px;margin-top:21px;font-size:10px;display:flex}.drawer-votes span{margin-right:auto}.drawer-votes button{color:#667067;background:0 0;border:1px solid #d5d6ce;border-radius:2px;min-height:36px;padding:6px 10px;font-size:10px}.drawer-votes button:hover,.drawer-votes button.is-liked{color:#bc6755;background:#f1e0da;border-color:#d6a499}.drawer-votes button.is-disliked{color:#687a8a;background:#e1e9ee;border-color:#aebfca}