@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{font-family:Noto Sans KR,system-ui,sans-serif;color:#f5f5f0;background:#050505;font-synthesis:none;--ink: #050505;--paper: #f5f5f0;--signal: #ccff00;--muted: #96968f;--line: #333330;--panel: #111110;--danger: #ff6b6b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--ink)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;overflow:clip}.brand-bar{position:relative;z-index:10;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#050505f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-lockup{display:flex;align-items:baseline;gap:16px}.brand-lockup strong{font-size:18px;letter-spacing:-.03em}.brand-lockup span,.brand-bar nav a,.hero-kicker,.topic-rail label,.empty-state>span,.section-heading>div>span,.suggested-rail>span,.launch-strip>span,.social-handoff>span,.launch-modal>span{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.brand-lockup span{color:var(--muted)}.brand-bar nav{display:flex;gap:22px}.brand-bar nav a{color:#c7c7c1;transition:color .16s ease}.brand-bar nav a:hover{color:var(--signal)}.workbench-hero{position:relative;min-height:calc(100svh - 58px);padding:clamp(52px,7vw,100px) max(24px,calc((100vw - 1240px)/2));display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.035) 50%,transparent 50.1%),linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px);background-size:100% 100%,100% 72px}.workbench-hero:after{content:"01";position:absolute;right:max(24px,calc((100vw - 1240px)/2));top:44px;color:#171716;font:900 clamp(150px,26vw,360px)/.8 "Noto Sans KR",sans-serif;pointer-events:none}.hero-kicker{position:relative;z-index:1;color:var(--signal);margin-bottom:22px}.workbench-hero h1{position:relative;z-index:1;margin:0;max-width:1000px;font-size:clamp(48px,8.4vw,122px);line-height:.92;letter-spacing:-.075em;font-weight:900}.workbench-hero h1 span{color:var(--signal)}.hero-copy{position:relative;z-index:1;margin:28px 0 42px;color:#bcbcb5;font-size:clamp(15px,2vw,19px)}.topic-rail{position:relative;z-index:2;max-width:1000px}.topic-rail label{display:block;margin-bottom:10px;color:#aaa9a3}.topic-control{display:grid;grid-template-columns:1fr auto;border-bottom:2px solid var(--paper)}.topic-control input{min-width:0;height:76px;border:0;outline:0;background:transparent;color:#fff;font-size:clamp(22px,3vw,34px);font-weight:600;letter-spacing:-.04em}.topic-control input::placeholder{color:#53534f}.primary-action{min-width:220px;border:0;background:var(--signal);color:var(--ink);padding:0 28px;font-weight:800;transition:transform .15s ease,filter .15s ease}.primary-action:hover{transform:translateY(-3px);filter:brightness(1.06)}.primary-action:disabled{cursor:progress;filter:saturate(.45)}.scan-line{height:2px;width:30%;background:var(--signal);animation:scan .52s ease-in-out infinite alternate}.field-error{margin:9px 0 0;color:var(--danger);font-size:13px}.category-row,.example-row{position:relative;z-index:2;max-width:1000px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.category-row{margin-top:18px}.category-row button,.example-row button{border:1px solid var(--line);border-radius:999px;background:transparent;color:#aaa9a3;padding:8px 14px;font-size:12px;transition:.16s ease}.category-row button:hover,.category-row button.active{border-color:var(--signal);color:var(--signal)}.example-row{margin-top:14px;color:#6e6e68;font-size:11px}.example-row button{padding:4px 0;border:0;border-radius:0;border-bottom:1px solid transparent}.example-row button:hover{color:#fff;border-bottom-color:#fff}.workspace-grid{max-width:1240px;margin:0 auto;padding:88px 24px 120px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:72px;align-items:start;scroll-margin-top:30px}.empty-state{min-height:300px;border-top:1px solid var(--line);padding-top:18px}.empty-state span{color:var(--signal)}.empty-state p{max-width:580px;margin:68px 0 0;font-size:clamp(28px,4vw,48px);line-height:1.2;font-weight:700;letter-spacing:-.05em;color:#676761}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;border-top:1px solid var(--line);padding-top:18px;margin-bottom:28px}.section-heading span{color:var(--signal)}.section-heading h2{margin:10px 0 0;font-size:clamp(30px,4vw,50px);letter-spacing:-.055em}.heading-actions{display:flex;gap:8px}.heading-actions button{border:1px solid var(--line);background:transparent;color:#d0d0ca;padding:10px 12px;font-size:12px}.heading-actions button:hover{border-color:var(--signal);color:var(--signal)}.hook-list{list-style:none;padding:0;margin:0;border-bottom:1px solid var(--line)}.hook-list li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:82px;border-top:1px solid var(--line);transition:background .18s ease,padding .18s ease}.hook-list li:hover{background:#111110;padding:0 12px}.hook-number{font:500 11px/1 IBM Plex Mono,monospace;color:var(--signal)}.hook-list textarea{resize:none;overflow:hidden;width:100%;border:0;outline:0;background:transparent;color:var(--paper);font-size:clamp(16px,2vw,20px);line-height:1.45;font-weight:600;letter-spacing:-.025em}.hook-list li>button{border:0;background:transparent;color:#777771;padding:14px 0 14px 14px;font-size:12px}.hook-list li:hover>button{color:var(--signal)}.edited-mark{position:absolute;left:44px;bottom:6px;font:9px/1 IBM Plex Mono,monospace;color:#75756f}.expanded-output{margin-top:96px}.output-nav{display:flex;gap:28px;overflow-x:auto;border-bottom:1px solid var(--line)}.output-nav button{border:0;border-bottom:3px solid transparent;background:transparent;color:#777771;padding:0 0 16px;white-space:nowrap;font:600 13px/1 IBM Plex Mono,monospace}.output-nav button.active{color:var(--signal);border-bottom-color:var(--signal)}.script-versions{display:flex;flex-wrap:wrap;gap:8px;padding:24px 0 16px}.script-versions button{border:1px solid var(--line);background:transparent;color:#888882;padding:8px 11px;font-size:11px}.script-versions button.active{background:var(--paper);color:var(--ink);border-color:var(--paper)}.script-timeline{border-top:1px solid var(--line)}.script-timeline>div{display:grid;grid-template-columns:96px 1fr;gap:22px;border-bottom:1px solid var(--line);padding:24px 0}.script-timeline span{font:500 11px/1.5 IBM Plex Mono,monospace;color:var(--signal)}.script-timeline p{margin:0;color:#deded8;line-height:1.65}.output-copy{margin-top:22px;width:100%;border:0;background:var(--signal);color:var(--ink);padding:16px;font-weight:800}.text-output-panel{padding-top:24px}.text-output-panel textarea{width:100%;resize:vertical;border:1px solid var(--line);outline:0;background:#0b0b0a;color:var(--paper);padding:22px;line-height:1.8}.hashtags-panel p{margin:0;font-size:clamp(20px,3vw,30px);line-height:1.65;color:var(--signal);letter-spacing:-.03em}.hashtags-panel small{display:block;margin-top:16px;color:var(--muted)}.social-handoff{margin-top:88px;display:grid;grid-template-columns:74px 1fr auto;gap:22px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.social-handoff>span{color:var(--signal)}.social-handoff h2{margin:0 0 5px;font-size:20px}.social-handoff p{margin:0;color:var(--muted);font-size:13px}.social-handoff button{border:1px solid var(--paper);background:transparent;color:var(--paper);padding:12px 14px;font-size:12px}.social-handoff button:hover{background:var(--paper);color:var(--ink)}.suggested-rail{position:sticky;top:28px;border-top:1px solid var(--line);padding-top:18px}.suggested-rail>span{color:var(--signal)}.suggested-rail h2{margin:14px 0 26px;font-size:22px;letter-spacing:-.04em}.suggested-rail ol{list-style:none;padding:0;margin:0}.suggested-rail li{display:grid;grid-template-columns:30px 1fr;gap:8px;border-top:1px solid var(--line);padding:15px 0}.suggested-rail li>span{font:10px/1.8 IBM Plex Mono,monospace;color:#60605b}.suggested-rail li button{padding:0;border:0;background:transparent;color:#c7c7c1;text-align:left;font-size:13px;line-height:1.55}.suggested-rail li button:hover{color:var(--signal)}.suggested-rail>p{color:#686862;font-size:10px;line-height:1.5}.launch-strip{margin:0;padding:72px max(24px,calc((100vw - 1240px)/2));background:var(--signal);color:var(--ink);display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:28px}.launch-strip h2{margin:0;font-size:clamp(30px,5vw,68px);line-height:1;letter-spacing:-.065em}.launch-strip button{border:1px solid var(--ink);background:transparent;padding:15px 18px;font-weight:800}.launch-strip button:hover{background:var(--ink);color:var(--signal)}.editorial-guide{max-width:1240px;margin:0 auto;padding:20px 24px 120px}.editorial-guide>header{display:grid;grid-template-columns:180px minmax(0,1.6fr) minmax(240px,.7fr);gap:28px;align-items:start;border-top:1px solid var(--line);padding-top:20px}.editorial-guide>header>span{color:var(--signal);font:500 10px/1.5 IBM Plex Mono,monospace;letter-spacing:.1em}.editorial-guide>header h2{margin:0;font-size:clamp(30px,4.3vw,58px);line-height:1.12;letter-spacing:-.06em}.editorial-guide>header p{margin:4px 0 0;color:#a8a8a1;line-height:1.75;font-size:14px}.guide-columns{display:grid;grid-template-columns:repeat(3,1fr);margin:72px 0 0 180px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-columns article{padding:26px 28px 34px 0}.guide-columns article+article{border-left:1px solid var(--line);padding-left:28px}.guide-columns article>span{color:var(--signal);font:500 11px/1 IBM Plex Mono,monospace}.guide-columns h3{min-height:58px;margin:18px 0 16px;font-size:18px;line-height:1.5;letter-spacing:-.035em}.guide-columns p{margin:0;color:#96968f;font-size:13px;line-height:1.8}.guide-footer{margin:28px 0 0 180px;display:flex;align-items:start;justify-content:space-between;gap:28px}.guide-footer p{margin:0;max-width:700px;color:#8d8d87;font-size:12px;line-height:1.7}.guide-footer a{border-bottom:1px solid var(--signal);color:var(--signal);padding-bottom:4px;white-space:nowrap;font-size:12px}footer{max-width:1240px;margin:0 auto;padding:54px 24px 68px;display:flex;justify-content:space-between;gap:24px}footer strong{font-size:22px}footer p{margin:9px 0 0;color:var(--muted);font-size:12px}footer nav{display:flex;gap:20px;color:#b8b8b2;font-size:12px}footer a:hover{color:var(--signal)}.toast{position:fixed;z-index:40;left:50%;bottom:28px;transform:translate(-50%);background:var(--paper);color:var(--ink);padding:12px 18px;font-size:12px;font-weight:700;animation:toast-in .18s ease-out}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#000000d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in .18s ease-out}.launch-modal{position:relative;width:min(600px,100%);background:var(--paper);color:var(--ink);padding:clamp(30px,6vw,58px);border-radius:16px}.modal-close{position:absolute;top:14px;right:17px;border:0;background:transparent;color:var(--ink);font-size:30px}.launch-modal>span{color:#5e5e59}.launch-modal h2{margin:18px 0;font-size:clamp(30px,5vw,48px);line-height:1.08;letter-spacing:-.06em}.launch-modal p{color:#555550;line-height:1.7}.modal-actions{display:flex;gap:8px;margin-top:28px}.modal-actions a{flex:1;background:var(--ink);color:var(--paper);padding:14px;text-align:center;font-size:12px;font-weight:700}.modal-actions a:first-child{background:var(--signal);color:var(--ink)}.reveal-one{animation:rise-in .5s 80ms both}.reveal-two{animation:rise-in .65s .15s both}.reveal-three{animation:rise-in .65s .25s both}@keyframes rise-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes scan{0%{transform:translate(0)}to{transform:translate(230%)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes fade-in{0%{opacity:0}}@media(max-width:900px){.workspace-grid{grid-template-columns:1fr;gap:72px;padding-top:70px}.suggested-rail{position:static}.launch-strip{grid-template-columns:1fr}.launch-strip button{width:max-content}.editorial-guide>header{grid-template-columns:1fr}.guide-columns,.guide-footer{margin-left:0}}@media(max-width:640px){.brand-bar{height:52px;padding:0 16px}.brand-lockup span,.brand-bar nav a:first-child{display:none}.brand-bar nav{gap:12px}.workbench-hero{min-height:calc(100svh - 52px);padding:46px 16px 54px;justify-content:flex-start}.workbench-hero:after{right:6px;top:54px;font-size:150px}.workbench-hero h1{margin-top:24px;font-size:clamp(47px,15vw,72px);line-height:.94}.hero-copy{margin:22px 0 38px;font-size:14px;line-height:1.7}.topic-control{grid-template-columns:1fr;border-bottom:0}.topic-control input{height:62px;border-bottom:2px solid var(--paper);font-size:22px}.primary-action{min-width:0;height:54px;margin-top:12px}.category-row{gap:6px}.category-row button{padding:7px 11px}.example-row{display:none}.workspace-grid{padding:64px 16px 86px}.section-heading{align-items:start;flex-direction:column}.heading-actions{width:100%}.heading-actions button{flex:1}.hook-list li{grid-template-columns:30px minmax(0,1fr) auto;gap:8px;min-height:92px}.hook-list li:hover{padding:0;background:transparent}.hook-list textarea{font-size:15px;line-height:1.55}.hook-list li>button{min-width:48px;min-height:48px;padding-left:6px}.edited-mark{left:30px}.expanded-output{margin-top:72px}.output-nav{gap:20px;position:sticky;top:0;z-index:5;background:var(--ink);padding-top:14px}.script-timeline>div{grid-template-columns:72px 1fr;gap:12px;padding:20px 0}.social-handoff{grid-template-columns:1fr}.social-handoff button{width:100%}.launch-strip{padding:54px 16px}.editorial-guide{padding:10px 16px 82px}.editorial-guide>header{gap:18px}.guide-columns{grid-template-columns:1fr;margin-top:48px}.guide-columns article{padding:26px 0}.guide-columns article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.guide-columns h3{min-height:0}.guide-footer{flex-direction:column}footer{padding:42px 16px 56px;flex-direction:column}footer nav{flex-wrap:wrap}.modal-backdrop{align-items:end;padding:0}.launch-modal{border-radius:18px 18px 0 0;padding:38px 22px 28px}.modal-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}