@font-face{font-family:Monocraft;src:url(https://cdn.jsdelivr.net/gh/IdreesInc/Monocraft@main/dist/Monocraft-ttf/Monocraft.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:GNU Unifont;src:url(/fonts/unifont_t-17.0.04.otf)format("opentype");font-display:swap;font-style:normal;font-weight:400}:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--border:#11111114;--shadow:0 18px 45px #1111110f;--muted:#6f6b63;--panel:#ffffffeb;--accent:#111;--soft:#f5f3ef;background:radial-gradient(circle at 0 0,#f5f5f5e6,#0000 32%),linear-gradient(#fff 0%,#f7f7f5 100%);font-family:Segoe UI Variable,SF Pro Display,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#111;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.screen-state{min-height:100vh;color:var(--muted);place-items:center;display:grid}.section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.builder-headline h1{letter-spacing:-.05em;margin:14px 0 10px;font-size:clamp(32px,4vw,52px);line-height:1}.builder-headline p,.section-copy,.field-help,.muted{color:var(--muted)}.stack-12,.stack-16,.stack-20,.stack-24{display:grid}.stack-16{gap:16px}.stack-12{gap:12px}.stack-20{gap:20px}.stack-24{gap:24px}.field{gap:8px;display:grid}.field label,.inline-label{font-size:14px;font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--border);color:#111;background:#fff;border-radius:18px;outline:none;width:100%;padding:14px 16px;transition:border-color .18s,box-shadow .18s,transform .18s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#11111142;box-shadow:0 0 0 4px #1111110d}.field textarea{resize:vertical;min-height:164px}.primary-button,.secondary-button,.ghost-button,.sidebar-button{border:0;border-radius:18px;transition:transform .18s,box-shadow .18s,background .18s}.primary-button{color:#fff;background:#111;padding:14px 18px;box-shadow:0 18px 32px #11111129}.secondary-button{background:var(--soft);color:#111;padding:14px 18px}.ghost-button{border:1px solid var(--border);color:#111;background:0 0;padding:14px 18px}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.sidebar-button:hover{transform:translateY(-1px)}.error-banner,.success-banner{border-radius:18px;padding:14px 16px;font-size:14px}.error-banner{color:#9b1c1c;background:#cf343414}.success-banner{color:#145c34;background:#18824814}.builder-shell{grid-template-columns:88px minmax(0,1fr);min-height:100vh;display:grid;overflow:visible}.sidebar{z-index:40;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb3;flex-direction:column;align-items:center;gap:14px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0;overflow:visible}.brand-badge{color:#111;letter-spacing:.08em;background:0 0;border-radius:18px;place-items:center;width:52px;height:52px;margin-bottom:6px;font-weight:700;display:grid;overflow:hidden}.brand-badge img{object-fit:contain;image-rendering:auto;width:36px;height:36px}.sidebar-button{border:1px solid var(--border);color:#111;background:#ffffffeb;place-items:center;width:52px;height:52px;display:grid;position:relative}.sidebar-icon{width:20px;height:20px;display:block}.sidebar-button span{z-index:999;white-space:nowrap;color:#fff;opacity:0;pointer-events:none;background:#111;border-radius:12px;padding:7px 10px;font-size:12px;transition:opacity .16s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.sidebar-button:hover span{opacity:1}.sidebar-button.active{color:#fff;background:#111;box-shadow:0 18px 28px #1111112e}.builder-content{z-index:1;gap:24px;padding:28px;display:grid;position:relative}.builder-headline{justify-content:space-between;align-items:end;gap:24px;display:flex}.site-mark img{width:22px;height:16px;image-rendering:pixelated}.headline-actions{justify-items:end;gap:12px;display:grid}.builder-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,420px);align-items:start;gap:24px;display:grid}.panel,.summary-panel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:30px;padding:24px}.panel-grid{gap:18px;display:grid}.potion-row{grid-template-columns:minmax(0,1fr) minmax(140px,180px) auto;align-items:end;gap:12px;display:grid}.effect-pill-grid{flex-wrap:wrap;gap:12px;display:flex}.effect-toggle-pill{border:1px solid var(--border);text-align:left;background:#fff;border-radius:18px;gap:6px;min-width:140px;padding:14px 16px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:grid}.effect-toggle-pill.active{color:#fff;background:#111;border-color:#111;box-shadow:0 16px 28px #11111124}.effect-pill-name{font-weight:700}.effect-pill-meta{color:var(--muted);font-size:12px}.effect-toggle-pill.active .effect-pill-meta{color:#ffffffb8}.effect-toggle-pill.compact{min-width:120px;padding:12px 14px}.effect-picker-grid,.selected-effect-grid{gap:14px;display:grid}.effect-picker-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.effect-picker-card,.selected-effect-card,.empty-box{border:1px solid var(--border);background:#fff;border-radius:24px}.effect-picker-card{text-align:left;gap:8px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:grid}.effect-picker-card:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #1111110f}.effect-picker-card.selected,.effect-picker-card:disabled{background:var(--soft);color:var(--muted);cursor:not-allowed}.effect-picker-meta{color:var(--muted);font-size:13px}.selected-effect-grid{margin-top:12px}.selected-effect-card{grid-template-columns:minmax(180px,.85fr) minmax(280px,1.35fr);align-items:start;gap:18px;padding:18px;display:grid}.effect-card-info{align-content:start;gap:14px;display:grid}.effect-card-controls{gap:16px;display:grid}.selected-effect-title{margin-bottom:4px;font-size:18px;font-weight:700}.level-pill-row{flex-wrap:wrap;gap:10px;display:flex}.level-pill{border:1px solid var(--border);text-align:left;background:#fff;border-radius:18px;gap:4px;min-width:110px;padding:12px 14px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:grid}.level-pill strong{font-size:13px}.level-pill.active{color:#fff;background:#111;border-color:#111;box-shadow:0 16px 28px #11111124}.empty-box{color:var(--muted);margin-top:12px;padding:18px}.pill-group{flex-wrap:wrap;gap:10px;display:flex}.pill-button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:10px 14px}.pill-button.active{color:#fff;background:#111}.toggle-card-row,.price-row,.summary-list,.character-grid{gap:12px;display:grid}.toggle-card-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.toggle-card{border:1px solid var(--border);text-align:left;background:#fff;border-radius:22px;padding:16px}.toggle-card.active{border-color:#1111113d;box-shadow:0 12px 25px #11111114}.toggle-title{margin-bottom:6px;font-weight:700;display:block}.summary-panel{position:sticky;top:28px}.fermentation-control,.point-meter{border:1px solid var(--border);background:#fff;border-radius:24px;padding:16px}.fermentation-control{grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr);justify-content:space-between;align-items:center;gap:16px;display:grid}.range-control{gap:10px;display:grid}.range-control input[type=range]{accent-color:#111;width:100%}.range-scale{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.range-scale strong{color:#111;font-size:18px}.point-meter{gap:10px;display:grid}.meter-track{background:var(--soft);border-radius:999px;height:10px;overflow:hidden}.meter-fill{border-radius:inherit;background:#111;height:100%;transition:width .18s}.point-meter.danger .meter-fill{background:#9b1c1c}.point-meter.danger{border-color:#9b1c1c38}.inline-form,.input-action-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.input-action-row input{border:1px solid var(--border);color:#111;background:#fff;border-radius:18px;outline:none;width:100%;padding:14px 16px;transition:border-color .18s,box-shadow .18s,transform .18s}.input-action-row input:focus{border-color:#11111142;box-shadow:0 0 0 4px #1111110d}.summary-list,.price-row{margin:0;padding:0;list-style:none}.summary-item,.price-item{justify-content:space-between;gap:16px;font-size:14px;display:flex}.price-item.total{border-top:1px solid var(--border);padding-top:12px;font-size:22px;font-weight:700}.summary-chip-row{flex-wrap:wrap;gap:8px;display:flex}.summary-chip{background:var(--soft);border-radius:999px;padding:8px 12px;font-size:13px}.summary-chip-negative{color:#9f1d1d;background:#ffe8e8;border:1px solid #ffc9c9}.name-lore-designer{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:start;gap:18px;display:grid}.name-lore-editor{gap:16px;display:grid}.selection-color-card{z-index:110;background:radial-gradient(circle at 100% 0,#cdedf66b,#0000 34%),#fff;border:1px solid #1111111a;border-radius:24px;gap:14px;padding:16px;display:grid;position:fixed;box-shadow:0 24px 70px #1111112e}.preset-color-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:10px;display:grid}.preset-color{aspect-ratio:1;border:1px solid #1111111a;border-radius:14px;width:100%;box-shadow:inset 0 0 0 2px #ffffff59}.color-apply-grid{grid-template-columns:minmax(160px,.7fr) minmax(240px,1.3fr);gap:12px;display:grid}.gradient-mode-grid{grid-template-columns:repeat(2,44px);align-items:stretch;gap:10px;display:grid}.gradient-stop-button.active{border-color:#1111119e;box-shadow:0 0 0 3px #11111114,inset 0 0 0 2px #ffffff73}.gradient-stop-button{width:44px;height:44px}.mc-preview-card{color:#fff;font-synthesis:none;letter-spacing:.02em;background:linear-gradient(135deg,#ffffff14,#0000),#17151f;border:1px solid #ffffff29;border-radius:16px;align-content:start;gap:12px;min-height:240px;padding:18px;font-family:Monocraft,GNU Unifont,Minecraft,Minecraftia,Cascadia Mono,Consolas,Lucida Console,monospace;display:grid;box-shadow:0 22px 46px #1111112e}.mc-preview-title{text-shadow:1px 1px #000000bf;font-size:18px;line-height:1.5}.mc-bitmap-char{vertical-align:-.12em;filter:drop-shadow(.08em .08em #000000c2);height:1em;margin-right:.08em;overflow:visible}.mc-space{width:.5em;display:inline-block}.mc-preview-divider{background:#ffffff24;height:1px}.mc-preview-lore{color:#fff;white-space:pre-wrap;text-shadow:1px 1px #000000bf;line-height:1.6}.mc-preview-default-lore{color:#a8a8a8;white-space:pre-wrap;text-shadow:1px 1px #000000bf;line-height:1.6}.mc-empty{color:#ffffff75}.preview-box{border:1px solid var(--border);background:#fff;border-radius:22px;min-height:78px;padding:16px}.preview-rich-box{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.preview-character{background:0 0;border:1px solid #0000;border-radius:12px;min-width:32px;padding:6px 8px}.preview-character.active{background:var(--soft);border-color:#1111111f}.color-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,1.2fr);gap:16px;display:grid}.active-character-indicator{border:1px solid var(--border);background:#fff;border-radius:18px;padding:14px 16px}.color-control-row{border:1px solid var(--border);background:#fff;border-radius:18px;align-items:center;gap:12px;padding:10px 12px;display:flex}.color-control-row input[type=color]{background:0 0;border:0;width:44px;height:44px;padding:0}.color-code{letter-spacing:.08em;color:var(--muted);font-size:13px}.character-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.character-rail{flex-wrap:wrap;gap:10px;display:flex}.character-rail-item{border:1px solid var(--border);text-align:left;background:#fff;border-radius:18px;gap:6px;min-width:88px;padding:10px 12px;display:grid}.character-rail-item.active{border-color:#11111138;box-shadow:0 12px 24px #11111114}.character-rail-glyph{font-size:18px;font-weight:700}.character-swatch{border:1px solid var(--border);background:#fff;border-radius:18px;gap:8px;padding:10px;display:grid}.character-tag{color:var(--muted);font-size:12px}.inline-actions,.space-between{align-items:center;gap:12px;display:flex}.space-between{justify-content:space-between}.config-card{border:1px solid var(--border);background:#fff;border-radius:24px;padding:16px}.config-grid-2,.config-grid-3,.config-grid-4{gap:12px;display:grid}.config-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.config-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.config-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-field input,.compact-field select{padding:12px 14px}.compact-actions{align-self:end}.two-column-row{grid-template-columns:repeat(2,minmax(0,1fr))}.share-code-box{background:#fff;border:1px dashed #1113;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.share-code-value{letter-spacing:.16em;font-size:20px;font-weight:700}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1111112e;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border);background:#fffffff5;border-radius:30px;width:min(100%,520px);padding:24px;box-shadow:0 28px 80px #1111112e}.modal-card h2{letter-spacing:-.04em;margin:10px 0 6px;font-size:28px}.toast-host{z-index:120;gap:10px;width:min(360px,100vw - 44px);display:grid;position:fixed;bottom:22px;right:22px}.toast-item{color:#fff;text-align:left;background:#111;border:1px solid #11111114;border-radius:18px;padding:13px 15px;box-shadow:0 18px 40px #1111112e}.toast-item.success{background:#145c34}.toast-item.error{background:#9b1c1c}.toast-item.warning{background:#b96a12}.toast-item.info{background:#111}@media (width<=1180px){.builder-grid{grid-template-columns:1fr}.summary-panel{position:static}}@media (width<=720px){.builder-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;justify-content:center;height:auto;position:static}.sidebar-button span{display:none}.builder-content{padding:18px}.builder-headline{flex-direction:column;align-items:start}.headline-actions{justify-items:start}.potion-row,.inline-form,.input-action-row,.fermentation-control,.selected-effect-card,.name-lore-designer,.color-apply-grid,.color-toolbar,.two-column-row,.config-grid-2,.config-grid-3,.config-grid-4{grid-template-columns:1fr}}