:root{color:#171714;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f3eddf;--ink:#171714;--signal:#ef4b23;--yellow:#f3c635;--line:#17171447;background:#f3eddf;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.skip-link{z-index:100;color:#fff;background:var(--ink);opacity:0;visibility:hidden;pointer-events:none;padding:10px 14px;position:fixed;top:8px;left:8px}.skip-link:focus{opacity:1;visibility:visible;pointer-events:auto}.sr-only,.input-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{background-image:radial-gradient(#17171411 .7px,#0000 .7px);background-size:5px 5px;min-height:100vh;overflow:hidden}.masthead{border-bottom:1px solid var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;max-width:1440px;margin:0 auto;padding:20px 36px;display:grid}.brand{color:inherit;align-items:baseline;gap:8px;text-decoration:none;display:flex}.brand span{font-size:12px;font-weight:700}.brand strong{letter-spacing:-1px;font-size:20px;font-weight:950}.date-line{letter-spacing:.08em;margin:0;font-size:11px;font-weight:700}.header-stats{border:1px solid var(--ink);justify-self:end;display:flex}.header-stats span{padding:6px 10px;font-size:10px}.header-stats span+span{border-left:1px solid var(--ink)}.header-stats strong{margin-left:5px;font-size:13px}main{max-width:1440px;margin:0 auto}.hero-line{border-bottom:1px solid var(--ink);grid-template-columns:1fr minmax(430px,760px) 1fr;align-items:end;min-height:465px;padding:58px 36px 46px;display:grid;position:relative}.hero-line:before{content:"";border:42px solid var(--signal);opacity:.92;border-radius:50%;width:310px;height:310px;position:absolute;top:66px;right:17%;transform:rotate(-9deg)scaleX(1.08)}.hero-line:after{content:"";background:var(--line);width:1px;height:100%;box-shadow:calc(50vw - 1px) 0 0 var(--line);position:absolute;top:0;left:25%}.hero-line>p{letter-spacing:.12em;align-self:center;margin:0;font:800 10px/1.5 ui-monospace,monospace}.hero-line h1{z-index:1;letter-spacing:-.085em;margin:0;font-size:clamp(68px,8.8vw,136px);font-weight:950;line-height:.78}.hero-line h1 em{color:var(--signal);font-style:normal;position:relative}.hero-line h1 em:after{content:"";background:var(--signal);width:112%;height:.08em;position:absolute;bottom:.06em;left:-4%;transform:rotate(-2deg)}.hero-index{z-index:1;text-align:right;place-self:center end;font:900 12px/1.45 ui-monospace,monospace}.workspace-grid{border-bottom:1px solid var(--ink);grid-template-columns:minmax(340px,.82fr) minmax(480px,1.18fr);display:grid}.create-panel{border-right:1px solid var(--ink);padding:50px clamp(28px,5vw,74px) 60px 36px}.section-kicker{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:28px;font:800 11px/1 ui-monospace,monospace;display:flex}.section-kicker span{width:26px;height:26px;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;display:inline-grid}.section-kicker.inverse{color:var(--paper);margin:0}.section-kicker.inverse span{color:var(--ink);background:var(--paper)}.create-panel h2{letter-spacing:-.07em;margin:0;font-size:clamp(40px,4.3vw,70px);line-height:.95}.create-intro{color:#4f4d47;word-break:keep-all;max-width:430px;margin:24px 0 34px;font-size:13px;line-height:1.7}.textarea-shell{border:2px solid var(--ink);background:#ffffff59;position:relative}.textarea-shell:before{content:"여기에 입력";color:#5f5a50;background:var(--paper);letter-spacing:.1em;padding:0 6px;font:700 9px ui-monospace,monospace;position:absolute;top:-9px;left:12px}textarea{resize:vertical;width:100%;min-height:150px;color:var(--ink);background:0 0;border:0;padding:24px 20px 42px;font-size:17px;line-height:1.65;display:block}textarea::placeholder{color:#8f887a}.character-count{color:#6e695e;font:700 11px ui-monospace,monospace;position:absolute;bottom:12px;right:14px}.explode-button{width:100%;color:var(--paper);background:var(--signal);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);cursor:pointer;justify-content:space-between;align-items:center;margin-top:12px;padding:17px 20px;font-weight:900;transition:transform .16s,box-shadow .16s;display:flex}.explode-button span:last-child{font-size:24px}.explode-button:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.explode-button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.62}.model-status{color:#5b574e;align-items:center;gap:8px;margin:18px 0 34px;font-size:11px;display:flex}.status-dot{background:#767168;border-radius:50%;width:7px;height:7px}.model-status[data-phase=ready] .status-dot{background:#16834d;box-shadow:0 0 0 4px #16834d1f}.model-status[data-phase=loading] .status-dot{background:var(--yellow);animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.5;transform:scale(.65)}}.quick-area{border-top:1px solid var(--line);padding-top:24px}.quick-area>p{margin:0 0 13px;font-size:11px;font-weight:800}.quick-list{border-top:1px solid var(--ink);gap:0;display:grid}.quick-list button{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:34px 1fr;gap:8px;padding:10px 2px;font-size:12px;line-height:1.45;display:grid}.quick-list button:hover:not(:disabled){color:var(--signal);padding-left:6px}.quick-list button span{color:#898377;font:700 9px ui-monospace,monospace}.result-panel{min-height:100%;color:var(--paper);background:var(--ink);padding:30px 36px 42px}.result-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.issue-mark{letter-spacing:.1em;font:700 9px ui-monospace,monospace}.empty-poster{aspect-ratio:1;color:var(--ink);background:var(--paper);border:1px solid #5a5750;place-items:center;display:grid;position:relative;overflow:hidden}.empty-grid{background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:25% 25%;position:absolute;inset:5%}.empty-number{z-index:1;color:#0000;-webkit-text-stroke:2px #1717142e;font:950 clamp(120px,25vw,330px)/1 Impact,sans-serif}.empty-label{color:var(--paper);background:var(--ink);padding:6px 9px;font-size:10px;font-weight:900;position:absolute;top:9%;left:8%}.empty-poster p{text-align:right;margin:0;font-size:14px;font-weight:800;position:absolute;bottom:8%;right:8%}.canvas-frame{border:1px solid #5a5750;position:relative}.explosion-canvas{aspect-ratio:1;background:var(--paper);width:100%;display:block}.seed-stamp{color:var(--paper);background:var(--ink);letter-spacing:.08em;padding:5px 7px;font:700 8px ui-monospace,monospace;position:absolute;top:14px;right:14px}.result-copy{border-bottom:1px solid #4e4c46;padding:28px 0 22px;position:relative}.category-tag{color:var(--ink);background:var(--yellow);margin:0 0 10px;padding:5px 8px;font-size:10px;font-weight:900;display:inline-block}.result-copy h3{letter-spacing:-.055em;max-width:90%;margin:0;font-size:clamp(28px,3vw,48px);line-height:1.02}.source-line{color:#bdb6a7;max-width:88%;margin:14px 0 0;font-size:12px;line-height:1.6}.engine-line{color:#8f897d;writing-mode:vertical-rl;letter-spacing:.08em;margin:0;font:700 8px ui-monospace,monospace;position:absolute;top:28px;right:0}.axis-list{border-bottom:1px solid #4e4c46;gap:10px;padding:22px 0;display:grid}.axis-row{grid-template-columns:42px 1fr 30px;align-items:center;gap:9px;font-size:10px;display:grid}.axis-row>span{color:#c5beaf;font-weight:700}.axis-row strong{text-align:right;font:800 10px ui-monospace,monospace}.axis-track{background:#45433e;height:5px;overflow:hidden}.axis-track i{background:var(--signal);transform-origin:0;height:100%;animation:.55s ease-out grow;display:block}@keyframes grow{0%{transform:scaleX(0)}}.share-option{color:#c5beaf;cursor:pointer;align-items:center;gap:9px;padding:16px 0 0;font-size:11px;display:flex}.share-option input{accent-color:var(--signal)}.result-actions{grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:14px;display:grid}.result-actions button{min-height:48px;color:var(--paper);cursor:pointer;background:0 0;border:1px solid #777267;padding:10px 12px;font-size:11px;font-weight:800}.result-actions button:hover:not(:disabled){color:var(--ink);background:var(--paper)}.result-actions .action-primary{color:var(--ink);background:var(--signal);border-color:var(--signal);justify-content:space-between;align-items:center;display:flex}.result-actions button:disabled{opacity:.45;cursor:not-allowed}.history-panel{padding:64px 36px 76px}.history-heading{justify-content:space-between;align-items:end;display:flex}.history-heading .section-kicker{margin-bottom:12px}.history-heading h2{letter-spacing:-.07em;margin:0;font-size:clamp(45px,6vw,82px);line-height:1}.reset-button{border:1px solid var(--ink);cursor:pointer;background:0 0;padding:9px 12px;font-size:10px}.reset-button:disabled{opacity:.35;cursor:not-allowed}.stats-grid{border:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-top:34px;display:grid}.stats-grid>div{align-items:end;gap:8px;min-height:160px;padding:22px;display:flex;position:relative}.stats-grid>div+div{border-left:1px solid var(--ink)}.stats-grid span{font-size:10px;font-weight:800;position:absolute;top:17px;left:20px}.stats-grid strong{letter-spacing:-.05em;font:950 clamp(58px,8vw,118px)/.8 Impact,Arial Black,sans-serif}.stats-grid small{margin-bottom:4px;font-size:10px;font-weight:800}.stats-grid>div:first-child{color:var(--paper);background:var(--signal)}.recent-heading{border-bottom:2px solid var(--ink);letter-spacing:.09em;justify-content:space-between;margin-top:46px;padding-bottom:10px;font:800 10px ui-monospace,monospace;display:flex}.empty-history{color:#767064;border-bottom:1px solid var(--line);text-align:center;margin:0;padding:48px 0;font-size:13px;line-height:1.6}.recent-list{margin:0;padding:0;list-style:none}.recent-list li{border-bottom:1px solid var(--line)}.recent-list button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:70px 1fr auto;align-items:center;gap:18px;width:100%;padding:13px 4px;display:grid}.recent-list button:hover{background:#ffffff40}.recent-score{color:var(--signal);font:950 40px/1 Impact,sans-serif}.recent-body{gap:3px;min-width:0;display:grid}.recent-body strong{font-size:11px}.recent-body em{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;overflow:hidden}.recent-list time{color:#817b70;font:700 9px ui-monospace,monospace}footer{max-width:1440px;color:var(--paper);background:var(--ink);grid-template-columns:1fr 1.5fr 1fr;align-items:end;gap:20px;margin:0 auto;padding:34px 36px;display:grid}footer strong{font-size:18px}footer p{color:#bcb5a7;margin:0;font-size:11px;line-height:1.6}footer>span{letter-spacing:.08em;justify-self:end;font:700 8px ui-monospace,monospace}.toast{z-index:20;max-width:calc(100vw - 48px);color:var(--paper);background:var(--ink);border:1px solid var(--paper);box-shadow:4px 4px 0 var(--signal);opacity:0;pointer-events:none;padding:13px 16px;font-size:12px;transition:all .2s;position:fixed;bottom:24px;right:24px;transform:translateY(16px)}.toast.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.masthead{padding:16px 22px}.date-line{display:none}.masthead{grid-template-columns:1fr auto}.hero-line{grid-template-columns:1fr minmax(360px,2.3fr) .7fr;min-height:400px;padding:44px 22px 38px}.hero-line h1{font-size:clamp(65px,13vw,102px)}.hero-line:before{width:250px;height:250px;right:8%}.workspace-grid{grid-template-columns:1fr}.create-panel{border-right:0;border-bottom:1px solid var(--ink);padding:42px 9vw 50px}.result-panel{padding:28px 9vw 44px}.history-panel{padding:54px 22px 64px}footer{padding:30px 22px}}@media (max-width:560px){.masthead{padding:13px 16px}.brand span{display:none}.brand strong{font-size:17px}.header-stats span{padding:5px 7px;font-size:8px}.hero-line{min-height:340px;padding:38px 16px 30px;display:block}.hero-line>p{margin-bottom:48px}.hero-line h1{font-size:clamp(57px,19.5vw,82px)}.hero-index{position:absolute;top:38px;right:16px}.hero-line:before{border-width:30px;width:190px;height:190px;top:100px;right:-25px}.hero-line:after{box-shadow:none;left:50%}.create-panel{padding:36px 16px 42px}.create-panel h2{font-size:43px}.result-panel{padding:24px 16px 34px}.result-actions{grid-template-columns:1fr 1fr}.result-actions .action-primary{grid-column:1/-1}.history-panel{padding:44px 16px 54px}.history-heading{align-items:start}.stats-grid{grid-template-columns:1fr}.stats-grid>div{min-height:112px}.stats-grid>div+div{border-left:0;border-top:1px solid var(--ink)}.stats-grid strong{font-size:64px}.recent-list button{grid-template-columns:54px 1fr;gap:10px}.recent-list time{display:none}footer{grid-template-columns:1fr}footer>span{justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}