@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f3f5;--panel:#111419;--line:#292f38;--muted:#89929e;--copper:#d58a43;--copper-light:#f2c078;--danger:#ef7777;--green:#6fca86;background:#090b0e;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body,#root{background:#090b0e;min-height:100%;margin:0}body{background:radial-gradient(circle at 55% -20%,#2b2118 0,#0000 34%),#090b0e;min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.55}input,textarea,select{border:1px solid var(--line);color:#e9ebed;background:#0c0f13;border-radius:8px;outline:0;width:100%;padding:9px 10px}input:focus,textarea:focus,select:focus{border-color:#8b5b31;box-shadow:0 0 0 3px #d58a4315}textarea{resize:vertical;font:11px IBM Plex Mono}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#78818d 50%),linear-gradient(135deg,#78818d 50%,#0000 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-repeat:no-repeat;background-size:5px 5px}code{font-family:IBM Plex Mono}.app-shell{min-height:100vh}.boot-screen{height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#0d0f12f0;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:0 20px;display:grid;position:relative}.brand,.header-actions,.recipe-title,.panel-title>div,.section-head>div{align-items:center;display:flex}.brand{gap:11px}.brand-mark{width:36px;height:36px;color:var(--copper-light);background:#251d16;border:1px solid #7e542f;border-radius:10px;place-items:center;display:grid}.brand div{display:grid}.brand strong{font-size:14px}.brand small{color:var(--muted);margin-top:2px;font:10px IBM Plex Mono}.recipe-title{color:#dfe3e8;background:0 0;border:0;gap:8px;font-size:13px}.status-dot{background:#e3a456;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #d58a4318}.status-dot.saved{background:#71bf82;box-shadow:0 0 0 4px #71bf8218}.header-actions{justify-content:flex-end;gap:8px}.button{border:1px solid var(--line);white-space:nowrap;background:#171b21;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:600;display:inline-flex}.button.primary{background:var(--copper);color:#15100c;border-color:#e2a25f}.button.secondary:hover{background:#20252c}.workspace{grid-template-columns:320px minmax(610px,1fr) 350px;height:calc(100vh - 68px);display:grid}.catalog-panel,.properties-panel{border-right:1px solid var(--line);background:#0e1115f7;padding:20px;overflow:hidden}.properties-panel{border-right:0;border-left:1px solid var(--line);padding:20px 16px 90px;overflow-y:auto}.panel-title,.property-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-title>div{gap:9px}.panel-title h1,.property-heading h2{margin:0;font-size:17px}.panel-title span{color:var(--muted);background:#1b2027;border-radius:999px;padding:4px 7px;font:10px IBM Plex Mono}.inline-icons{gap:6px;display:flex}.icon-button{border:1px solid var(--line);color:#a2abb6;background:#171b21;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{background:#20252c}.icon-button.copper{color:var(--copper-light);background:#211a14;border-color:#6f4929}.search{border:1px solid var(--line);height:40px;color:var(--muted);background:#0c0f13;border-radius:9px;align-items:center;gap:9px;padding:0 10px;display:flex}.search:focus-within{border-color:#8b5b31}.search input{background:0 0;border:0;padding:0;font-size:12px;box-shadow:none!important}.search button{color:#6f7883;background:0 0;border:0;padding:2px;display:grid}.source-tabs{grid-template-columns:repeat(3,1fr);gap:3px;padding:11px 0 9px;display:grid}.source-tabs button{color:#78818c;background:#12161b;border:0;border-radius:6px;padding:7px 5px;font-size:11px}.source-tabs button.active{color:var(--copper-light);background:#292016}.category-select{height:36px;padding-block:0;font-size:11px}.catalog-summary{color:#78818c;justify-content:space-between;align-items:center;padding:8px 2px 7px;font-size:10px;display:flex}.view-toggle{border:1px solid var(--line);border-radius:6px;display:flex;overflow:hidden}.view-toggle button{color:#68727d;background:#11151a;border:0;place-items:center;padding:4px 7px;display:grid}.view-toggle button.active{color:var(--copper-light);background:#282018}.item-list{align-content:start;gap:5px;height:calc(100vh - 270px);padding:0 4px 60px 0;display:grid;overflow:auto}.item-row-wrap{border:1px solid #0000;border-radius:9px;position:relative}.item-row-wrap:hover,.item-row-wrap.selected{background:#181c22;border-color:#2b3139}.item-row-wrap.selected{background:#1d1814;border-color:#6c492c}.item-row{text-align:left;cursor:grab;background:0 0;border:0;grid-template-columns:12px 40px minmax(0,1fr) 16px;align-items:center;gap:8px;width:100%;padding:7px 6px;display:grid}.grip{color:#424a54}.item-icon{color:#9f7149;width:40px;height:40px;image-rendering:pixelated;background:linear-gradient(145deg,#20252b,#111419);border:1px solid #343b44;border-radius:7px;place-items:center;display:grid;overflow:hidden}.item-icon img{object-fit:contain;max-width:34px;max-height:34px;image-rendering:pixelated}.item-copy{min-width:0;display:grid}.item-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.item-copy small{color:#9ea7b2;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.item-copy code{color:#606975;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.item-check{color:var(--copper-light)}.item-tooltip{z-index:30;pointer-events:none;background:#0b0d10f5;border:1px solid #60452f;border-radius:7px;width:220px;padding:9px 10px;display:none;position:absolute;top:calc(100% + 4px);left:42px;box-shadow:0 10px 30px #000c}.item-row-wrap:hover .item-tooltip{display:grid}.item-tooltip strong{color:#fff;font-size:11px}.item-tooltip span{color:#adb5bf;font-size:9px}.item-tooltip code{color:var(--copper-light);overflow-wrap:anywhere;margin-top:3px;font-size:9px}.item-tooltip small{color:#747e89;margin-top:4px;font-size:8px}.item-tools{z-index:31;gap:3px;display:none;position:absolute;bottom:5px;right:6px}.item-row-wrap:hover .item-tools{display:flex}.item-tools button{border:1px solid var(--line);color:#9ea7b2;background:#15191e;border-radius:5px;place-items:center;padding:3px 5px;font-size:9px;display:grid}.item-tools button:last-child{color:#db7777}.grid-view .item-row-wrap{aspect-ratio:.82;background:#101318;border-color:#292f38}.grid-view .item-row{flex-direction:column;justify-content:center;gap:5px;height:100%;padding:7px 3px;display:flex}.grid-view .grip,.grid-view .item-copy small,.grid-view .item-copy code{display:none}.grid-view .item-icon{border-radius:5px;width:46px;height:46px}.grid-view .item-copy{text-align:center;width:100%;display:block}.grid-view .item-copy strong{padding:0 2px;font-size:9px;display:block}.grid-view .item-check{position:absolute;top:4px;right:4px}.grid-view .item-tooltip{width:205px;top:calc(100% + 5px);left:0}.grid-view .item-tools{bottom:3px;right:3px}.list-loading,.empty-state{color:#737d88;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;padding:30px 10px;font-size:12px;display:flex}.editor-panel{padding:27px 26px;overflow:auto}.editor-heading{justify-content:space-between;align-items:end;max-width:820px;margin:0 auto 19px;display:flex}.eyebrow{letter-spacing:.16em;color:var(--copper);font:9px IBM Plex Mono}h2{margin:5px 0 0;font-size:18px}.segmented{border:1px solid var(--line);background:#101318;border-radius:9px;padding:3px;display:flex}.segmented button{color:#7f8995;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:11px}.segmented button.active{color:#fff;background:#242a31}.canvas-row{justify-content:center;align-items:center;gap:14px;display:flex}.grid-card{border:1px solid var(--line);background:linear-gradient(145deg,#171b21,#101318);border-radius:13px;padding:13px;box-shadow:0 18px 50px #0004}.grid-card.active-grid{border-color:#5d422b}.section-head{justify-content:space-between;height:25px;margin-bottom:9px;display:flex}.section-head>div{gap:7px}.section-head span{letter-spacing:.12em;font:600 10px IBM Plex Mono}.section-head small{color:#69727d;font:9px IBM Plex Mono}.ghost{color:#6e7782;background:0 0;border:0;font-size:10px}.craft-grid{grid-template-columns:repeat(5,50px);gap:5px;display:grid}.slot{width:50px;height:50px;image-rendering:pixelated;background:#0b0e12;border:1px solid #333b45;border-radius:7px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 2px #080a0d}.slot:hover,.slot.selected{background:#17130f;border-color:#a16d3e}.slot.selected{box-shadow:inset 0 0 0 1px #d58a43,0 0 0 2px #d58a4320}.slot img{object-fit:contain;max-width:38px;max-height:38px;image-rendering:pixelated}.slot>b{text-shadow:0 1px 2px #000;font:700 11px IBM Plex Mono;position:absolute;bottom:1px;right:3px}.slot>em{color:#f2c078;background:#3b2918;padding:1px 2px;font:7px IBM Plex Mono;position:absolute;top:2px;left:2px}.craft-arrow{color:var(--copper);font-size:25px}.output-tabs{gap:6px;max-width:820px;margin:16px auto 0;padding-bottom:3px;display:flex;overflow-x:auto}.output-tabs button{border:1px solid var(--line);color:#8d96a1;white-space:nowrap;background:#11151a;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:10px;display:flex}.output-tabs button.active{color:#f2c078;background:#211a14;border-color:#704a2b}.output-tabs small{opacity:.7;font:9px IBM Plex Mono}.rarity-dot{background:var(--copper);border-radius:50%;width:6px;height:6px}.settings-preview{border:1px solid var(--line);background:#101318;border-radius:10px;grid-template-columns:repeat(3,1fr);max-width:650px;margin:17px auto 0;display:grid}.settings-preview div{border-right:1px solid var(--line);justify-content:space-between;padding:11px 14px;display:flex}.settings-preview div:last-child{border:0}.settings-preview span{color:var(--muted);font-size:10px}.settings-preview strong{font:11px IBM Plex Mono}.good{color:var(--green)}.warn{color:#efa75e}.canvas-tip{color:#646e79;align-items:center;gap:6px;max-width:650px;margin:10px auto;font-size:10px;display:flex}.property-heading{padding:0 4px}.field{color:#9ba4af;gap:6px;margin:10px 0;font-size:10px;display:grid}.field>span{justify-content:space-between;display:flex}.field small{color:#646d78;font-size:8px}.field input,.field select{height:35px;font:10px IBM Plex Mono}.field textarea.invalid{border-color:var(--danger)}.disclosure{background:#11151a;border:1px solid #20252c;border-radius:9px;margin:8px 0;overflow:hidden}.disclosure.open{border-color:#2d333b}.disclosure-trigger{text-align:left;background:#13171c;border:0;justify-content:space-between;align-items:center;width:100%;padding:11px 12px;display:flex}.disclosure-trigger>span{gap:2px;display:grid}.disclosure-trigger strong{font-size:11px}.disclosure-trigger small{color:#747e8a;font:8px IBM Plex Mono}.disclosure-trigger svg{color:#69727d;transition:all .18s}.disclosure.open .disclosure-trigger svg{transform:rotate(90deg)}.disclosure-body{border-top:1px solid #20252c;padding:2px 12px 12px}.two-col{grid-template-columns:1fr 1fr;gap:8px;display:grid}.switch-row{color:#9aa3ae;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:6px 0;font-size:10px;display:flex}.switch{background:#2a3038;border-radius:999px;width:30px;height:17px;padding:2px}.switch i{background:#828b96;border-radius:50%;width:13px;height:13px;transition:all .18s;display:block}.switch-row.on .switch{background:#825832}.switch-row.on .switch i{background:#f4c483;transform:translate(13px)}.selected-item-preview{grid-template-columns:48px 1fr 28px;align-items:center;gap:9px;margin:10px 0;display:grid}.item-icon.large{width:48px;height:48px}.selected-item-preview>div{min-width:0;display:grid}.selected-item-preview strong{font-size:11px}.selected-item-preview code{color:#737d88;text-overflow:ellipsis;font-size:8px;overflow:hidden}.selected-item-preview>button{color:#b65f5f;background:0 0;border:0}.probability-meter{background:#1b140e;border:1px solid #4a3524;border-radius:6px;height:22px;margin:10px 0;position:relative;overflow:hidden}.probability-meter>span{background:#8c5a2f55;position:absolute;inset:0 auto 0 0}.probability-meter.valid>span{background:#4d825844}.probability-meter>b{place-items:center;height:100%;font:9px IBM Plex Mono;display:grid;position:relative}.outcome-stack{gap:7px;display:grid}.outcome-editor{border:1px solid var(--line);background:#0e1115;border-radius:7px;overflow:hidden}.outcome-editor.active{border-color:#6d492b}.outcome-select{text-align:left;background:#15191e;border:0;grid-template-columns:8px 1fr auto;align-items:center;gap:6px;width:100%;padding:8px;display:grid}.outcome-select strong{font:10px IBM Plex Mono}.outcome-select b{color:var(--copper-light);font:9px IBM Plex Mono}.outcome-fields{padding:0 9px 9px}.add-outcome{color:#8f99a5;background:0 0;border:1px dashed #39414b;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:8px;padding:9px;font-size:10px;display:flex}.text-danger{color:var(--danger);background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:9px;display:flex}.help-text{color:#747e89;font-size:9px;line-height:1.6}.property-footer{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4;background:#101318ef;grid-template-columns:1fr 1fr;gap:7px;width:350px;padding:12px 16px;display:grid;position:fixed;bottom:0;right:0}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#050608cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#12161b;border:1px solid #353c45;border-radius:14px;width:min(540px,100%);max-height:90vh;padding:20px;overflow:auto;box-shadow:0 30px 90px #000a}.modal-head{justify-content:space-between;align-items:start;display:flex}.modal-copy{color:#818b96;margin:14px 0;font-size:11px;line-height:1.6}.upload-box{color:#8d97a3;cursor:pointer;border:1px dashed #3c444e;border-radius:9px;align-items:center;gap:11px;min-height:70px;padding:12px;display:flex}.upload-box>span{display:grid}.upload-box strong{color:#c9ced4;font-size:11px}.upload-box small{font-size:9px}.upload-box input{display:none}.modal-actions{justify-content:flex-end;gap:7px;margin-top:18px;display:flex}.recipe-modal{width:min(620px,100%)}.recipe-list{gap:6px;max-height:60vh;margin-top:16px;display:grid;overflow:auto}.recipe-row{border:1px solid var(--line);background:#0e1115;border-radius:8px;grid-template-columns:1fr 38px;display:grid}.recipe-row>button:first-child{text-align:left;background:0 0;border:0;grid-template-columns:1fr auto;gap:3px 10px;padding:10px;display:grid}.recipe-row strong{font-size:12px}.recipe-row code{color:var(--copper-light);font-size:9px}.recipe-row small{color:#6f7884;grid-column:1/-1;font-size:9px}.danger-icon{border:0;border-left:1px solid var(--line);color:#b96565;background:0 0;place-items:center;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.item-list.grid-view{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.grid-view .item-row-wrap{aspect-ratio:1;background:#101318;border-color:#292f38;border-radius:5px}.grid-view .item-row{justify-content:center;gap:0;height:100%;padding:2px;display:flex}.grid-view .grip,.grid-view .item-copy{display:none}.grid-view .item-icon{aspect-ratio:1;background:0 0;border:0;border-radius:3px;width:min(32px,90%);height:auto}.grid-view .item-icon img{max-width:100%;max-height:100%}@media (width<=1350px){.workspace{grid-template-columns:280px minmax(560px,1fr) 320px}.property-footer{width:320px}.craft-grid{grid-template-columns:repeat(5,45px)}.slot{width:45px;height:45px}.editor-panel{padding-inline:16px}}@media (width<=1050px){.workspace{grid-template-columns:280px minmax(0,1fr);height:auto}.properties-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;overflow:visible}.property-heading,.property-footer{grid-column:1/-1}.property-footer{width:auto;position:static}.item-list{height:calc(100vh - 270px)}.editor-panel{min-height:calc(100vh - 68px)}.canvas-row{flex-wrap:wrap}.craft-arrow{display:none}}@media (width<=720px){.topbar{grid-template-columns:1fr auto;height:auto;min-height:64px;padding:10px 12px}.recipe-title{display:none}.header-actions{gap:5px}.compact-action span{display:none}.workspace{grid-template-columns:1fr}.catalog-panel{border-right:0;border-bottom:1px solid var(--line)}.item-list{height:330px}.editor-panel{min-height:auto;padding:22px 10px}.canvas-row{display:grid}.craft-grid{grid-template-columns:repeat(5,minmax(44px,52px))}.slot{aspect-ratio:1;width:100%;height:auto}.properties-panel{grid-template-columns:1fr;padding-inline:10px}.settings-preview{grid-template-columns:1fr}.settings-preview div{border-right:0;border-bottom:1px solid var(--line)}.brand small{display:none}}