:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f5efe6;--panel:#fffdf9;--panel-strong:#fff;--text:#201c18;--muted:#71685f;--border:#ddd1c2;--accent:#16786a;--accent-strong:#0f6055;--danger:#a3343a;--shadow:0 18px 48px #43301f14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:2px}button:disabled{cursor:not-allowed}.app{--bottom-tabs-height:0px;background:radial-gradient(circle at 8% -10%, #ffffffe6, transparent 34%), linear-gradient(180deg, #ffffff57, transparent 320px), var(--bg);color:var(--text);min-height:100vh;padding:18px 18px calc(24px + var(--bottom-tabs-height) + env(safe-area-inset-bottom))}.app.neon{--bg:#090c13;--panel:#101823;--panel-strong:#131d29;--text:#eef5f7;--muted:#9dafb6;--border:#2d3d49;--accent:#21c7aa;--accent-strong:#17a990;--danger:#ff6470;--shadow:0 18px 52px #00000040}.workspace{max-width:1100px;min-height:calc(100vh - 42px - var(--bottom-tabs-height) - env(safe-area-inset-bottom));gap:12px;margin:0 auto;display:grid}.topbar,.appTabs,.resultRow,.controls,.editorHeader,.editorPreviewCard,.editorTypeRail,.editorFinishDrawer,.editorPanel{background:color-mix(in srgb, var(--panel) 94%, transparent);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.eyebrow,.previewEyebrow,.styleGroupLabel,.editorField>span:first-child,.editorFieldLabel{color:var(--muted);letter-spacing:.065em;text-transform:uppercase;font-size:11px;font-weight:850}.eyebrow{margin:0 0 4px}h1{letter-spacing:-.035em;margin:0;font-size:clamp(26px,3vw,38px);line-height:1}.iconActions{gap:8px;display:flex}.iconButton{background:color-mix(in srgb, var(--bg) 48%, var(--panel));border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.iconButton:hover,.iconButton.active{background:var(--accent);border-color:var(--accent);color:#fff}.iconButton:active{transform:translateY(1px)}.compactIconButton{width:34px;height:34px}.appTabs{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;display:grid;position:sticky;top:12px}.tabButton{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:850;transition:background .14s,color .14s;display:inline-flex}.tabButton:hover{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent)}.tabButton.selected{background:var(--accent);border-color:var(--accent);color:#fff}.rollerPanel,.editorSection,.editorControlsColumn{gap:12px;display:grid}.stage{background:#090b13;border:1px solid #1e2939;border-radius:16px;height:clamp(350px,48vh,520px);position:relative;overflow:hidden;box-shadow:0 18px 44px #00000029}.stage canvas,.editorPreviewCanvas canvas{display:block}.stage canvas{cursor:grab;touch-action:none}.stageEmptyState{color:#dbe4ee;pointer-events:none;text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stageEmptyState strong{letter-spacing:-.01em;margin-top:12px;font-size:17px}.stageEmptyState>span:last-child{color:#8995a6;margin-top:5px;font-size:13px}.stageEmptyIcon{color:#40ffe8;background:#21c7aa1f;border:1px solid #40ffe833;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.stageInteractionHint{color:#b8c2d0;pointer-events:none;z-index:2;background:#090b13b8;border:1px solid #ffffff1f;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:750;position:absolute;bottom:12px;right:12px}.resultRow{justify-content:center;align-items:baseline;gap:12px;min-height:64px;padding:12px 16px;display:flex}.resultLabel{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:850}.resultRow strong{justify-content:center;align-items:center;font-size:clamp(26px,4vw,38px);line-height:1.1;display:inline-flex}.resultFaces{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.resultFaceChip,.numericResultChip{background:color-mix(in srgb, var(--bg) 58%, var(--panel));border:1px solid var(--border);color:var(--text);border-radius:10px;justify-content:center;align-items:center;min-width:44px;height:44px;padding:4px;display:inline-flex}.resultFaceChip{position:relative}.resultFaceCountBadge,.selectionBadge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:900;line-height:1;display:inline-flex;position:absolute}.resultFaceCountBadge{border:1px solid var(--panel);top:-7px;right:-7px}.numericResultChip{padding:4px 12px;font-size:22px;font-weight:900}.controls{padding:0 16px;display:grid;overflow:hidden}.rollerControlsHeader,.editorHeader,.editorSectionHeader,.selectionTrayHeader,.currentRollTray,.sessionActions,.previewHeader,.facePopupHeader{justify-content:space-between;align-items:center;gap:14px;display:flex}.rollerControlsHeader{padding:16px 0}.rollerControlsHeader>div:first-child,.editorHeader>div:first-child,.controlSectionHeader>div,.selectionTrayHeader>div,.currentRollTray>div,.previewHeader>div,.facePopupHeader>div{gap:3px;display:grid}.sectionTitle{color:var(--text);letter-spacing:-.005em;font-size:14px;font-weight:900;display:block}.sectionMeta{color:var(--muted);font-size:12px;font-weight:650;line-height:1.4;display:block}.rollModeSwitch{background:color-mix(in srgb, var(--bg) 66%, var(--panel));border:1px solid var(--border);border-radius:11px;flex:none;grid-template-columns:repeat(2,minmax(112px,1fr));padding:4px;display:grid}.rollModeSwitch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:36px;padding:0 12px;font-size:12px;font-weight:850}.rollModeSwitch button.selected{background:var(--panel-strong);color:var(--accent);box-shadow:0 4px 14px #281c1217}.controlSection{border-top:1px solid var(--border);padding:16px 0}.controlSectionHeader{align-items:center;gap:10px;margin-bottom:12px;display:flex}.stepBadge{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));color:var(--accent);border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:900;display:inline-flex}.segmentedControl{background:color-mix(in srgb, var(--bg) 70%, var(--panel));border:1px solid var(--border);border-radius:11px;grid-template-columns:repeat(6,minmax(0,1fr));padding:4px;display:grid}.segmentedControl button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:38px;font-size:12px;font-weight:900}.segmentedControl button:hover{color:var(--text)}.segmentedControl button.selected{background:var(--text);color:var(--bg)}.styleGroup+.styleGroup{margin-top:14px}.styleGroupLabel{margin-bottom:8px}.presetStrip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.customDiceStrip{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;display:grid}.customDieControl{grid-template-columns:minmax(0,1fr) 44px;gap:6px;min-width:0;display:grid}.presetButton,.customDieButton,.customDieEditButton,.rollModeButton,.rerollButton,.clearButton,.createButton,.secondaryButton,.textButton,.selectionChip,.importPictureButton{cursor:pointer;transition:background .14s,border-color .14s,color .14s,transform .14s}.presetButton,.customDieButton,.customDieEditButton,.rollModeButton,.rerollButton,.clearButton,.createButton,.secondaryButton{border-radius:10px;justify-content:center;align-items:center;min-height:44px;font-weight:800;display:inline-flex}.presetButton{background:color-mix(in srgb, var(--panel) 90%, var(--preset-face));border:1px solid color-mix(in srgb, var(--preset-edge) 72%, var(--border));color:var(--text);gap:8px;padding:0 10px;position:relative}.customDieButton{background:color-mix(in srgb, var(--bg) 62%, var(--custom-die-face,var(--panel)));border:1px solid color-mix(in srgb, var(--custom-die-edge,var(--border)) 76%, var(--border));color:var(--text);gap:10px;min-width:0;padding:8px 10px;position:relative}.presetButton:hover:not(:disabled),.customDieButton:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.presetButton:disabled,.customDieButton:disabled{opacity:.45}.customDieEditButton{background:color-mix(in srgb, var(--bg) 72%, var(--custom-die-face,var(--panel)));border:1px solid color-mix(in srgb, var(--custom-die-edge,var(--border)) 62%, var(--border));color:var(--custom-die-edge,var(--text));padding:0}.customDieEditButton:hover,.editingCustomDieControl .customDieEditButton{background:var(--accent);border-color:var(--accent);color:#fff}.customDieButton .faceGlyph{color:var(--custom-die-edge,var(--text))}.customDieButton>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.queuedDieButton{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 48%, transparent)}.selectionBadge{top:6px;right:6px}.customDiePreview{flex:none;grid-template-columns:repeat(2,17px);gap:2px;display:grid}.customDiePreview .faceGlyph{width:17px;height:17px}.swatch{background:var(--preset-face);border:2px solid var(--preset-edge);border-radius:6px;flex:none;width:22px;height:22px}.selectionTray{background:color-mix(in srgb, var(--accent) 7%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:12px;gap:12px;margin-bottom:16px;padding:14px;display:grid}.selectionChips{flex-wrap:wrap;gap:7px;min-height:34px;display:flex}.selectionChip{background:var(--panel-strong);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:11px;font-weight:750;display:inline-flex}.selectionChip:hover{border-color:var(--danger);color:var(--danger)}.emptySelection{color:var(--muted);align-self:center;font-size:12px}.textButton{color:var(--accent);background:0 0;border:0;padding:6px;font-size:12px;font-weight:800}.textButton:disabled{opacity:.4}.rollModeButton{background:var(--accent);border:1px solid var(--accent);color:#fff;padding:0 16px}.rollModeButton:hover:not(:disabled),.createButton:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.rollModeButton:disabled{opacity:.46}.groupRollButton{justify-self:stretch;width:100%}.currentRollTray{grid-template-columns:minmax(0,1fr) auto}.sessionActions{border-top:1px solid var(--border);padding:16px 0}.toggleOption{color:var(--muted);cursor:pointer;align-items:center;gap:8px;min-height:34px;font-size:12px;font-weight:750;display:inline-flex}.toggleOption input{accent-color:var(--accent);width:18px;height:18px;margin:0}.actionRow{grid-template-columns:repeat(2,minmax(130px,1fr));gap:8px;display:grid}.rerollButton,.clearButton{background:0 0;gap:7px;padding:0 14px}.rerollButton{border:1px solid color-mix(in srgb, var(--accent) 58%, var(--border));color:var(--accent)}.clearButton{border:1px solid color-mix(in srgb, var(--danger) 58%, var(--border));color:var(--danger)}.rerollButton:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 8%, transparent)}.clearButton:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 8%, transparent)}.rerollButton:disabled,.clearButton:disabled,.createButton:disabled{opacity:.38}.editorSection{border:0}.editorHeader{padding:16px 18px}.editorHeaderActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.secondaryButton{border:1px solid color-mix(in srgb, var(--accent) 44%, var(--border));color:var(--accent);background:0 0;gap:6px;min-height:38px;padding:0 11px;font-size:12px}.secondaryButton:hover{background:color-mix(in srgb, var(--accent) 8%, transparent);border-color:var(--accent)}.createButton{background:var(--accent);border:1px solid var(--accent);color:#fff;gap:6px;min-height:38px;padding:0 13px;font-size:12px}.editorWorkspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.editorPreviewWorkbench{isolation:isolate;grid-template-columns:minmax(320px,420px) 76px;justify-content:center;align-items:start;gap:12px;display:grid;position:sticky;top:78px}.editorPreviewWorkbench.finishOpen{grid-template-columns:minmax(320px,420px) 76px}.editorTypeRail{grid-area:1/2;gap:9px;min-width:0;margin:0;padding:10px 8px;display:grid}.editorTypeRail legend{color:var(--muted);letter-spacing:.08em;text-align:center;text-transform:uppercase;width:100%;padding:0 3px;font-size:9px;font-weight:900}.editorTypeRailButtons{gap:6px;display:grid}.editorTypeRail button{background:color-mix(in srgb, var(--bg) 58%, var(--panel));border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;min-height:39px;padding:0 5px;font-size:10px;font-weight:900;display:inline-flex}.editorTypeRail button:hover,.editorTypeRail button.selected{border-color:var(--accent);color:var(--accent)}.editorTypeRail button.selected{background:color-mix(in srgb, var(--accent) 12%, var(--panel));box-shadow:inset 3px 0 0 var(--accent)}.editorTypeRail .finishToggleButton{border-top-color:color-mix(in srgb, var(--accent) 34%, var(--border));min-height:39px;margin-top:3px;padding:0 5px;line-height:1}.editorFinishDrawer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb, var(--panel) 96%, transparent);overscroll-behavior:contain;z-index:5;gap:14px;width:min(340px,100% - 112px);padding:14px;display:grid;position:absolute;top:12px;bottom:12px;right:88px;overflow:auto}.finishDrawerHeader{justify-content:space-between;align-items:center;display:flex}.finishDrawerHeader h2{margin:0;font-size:14px;font-weight:900}.finishEditorFields{grid-template-columns:minmax(0,1fr)}.editorPreviewCard{grid-area:1/1;gap:12px;padding:14px;display:grid}.previewHeader strong{text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:17px;display:block;overflow:hidden}.previewEyebrow{align-items:center;gap:6px;display:inline-flex}.liveDot{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;width:7px;height:7px}.previewTypeBadge{background:color-mix(in srgb, var(--bg) 62%, var(--panel));border:1px solid var(--border);color:var(--accent);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:850}.editorPreviewCanvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 38%,#3c516c75,#0000 35%),linear-gradient(150deg,#141b29,#080a10 70%);border:1px solid #243144;border-radius:12px;height:310px;overflow:hidden}.editorPreviewCanvas.dragging{cursor:grabbing}.editorPanel{gap:16px;padding:16px;display:grid}.editorSectionHeader h2,.customizerTitle{color:var(--text);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:900}.editorSectionHeader p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.45}.fieldHint,.fieldMessage{color:var(--muted);font-size:11px;line-height:1.4}.fieldMessage.error{color:var(--danger)}.editorFields{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;display:grid}.editorField{align-content:start;gap:7px;min-width:0;display:grid}.editorField input[type=text],.editorField select,.colorInputWrap{background:color-mix(in srgb, var(--bg) 62%, var(--panel));border:1px solid var(--border);color:var(--text);border-radius:10px;min-width:0;min-height:42px}.editorField input[type=text],.editorField select{width:100%;padding:0 11px;font-size:13px;font-weight:750}.editorField input[type=text]:focus,.editorField select:focus,.colorInputWrap:focus-within{border-color:var(--accent)}.editorField input[aria-invalid=true]{border-color:var(--danger)}.colorInputWrap{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;padding:4px 9px 4px 4px;display:grid}.colorInputWrap input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:7px;width:48px;height:32px;padding:0}.colorInputWrap code{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:750}.editingDiceGrid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.editingFaceButton{background:color-mix(in srgb, var(--bg) 56%, var(--panel));border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;place-items:center;gap:8px;min-width:0;min-height:88px;padding:9px;transition:border-color .14s,color .14s,transform .14s;display:grid}.editingFaceButton:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.faceIconFace{color:var(--muted);letter-spacing:.045em;text-transform:uppercase;font-size:10px;font-weight:900}.faceGlyph{color:currentColor;border-radius:7px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;overflow:hidden}.faceGlyphSvg{width:100%;height:100%;display:block}.faceGlyphSvg line{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:.075px}.blankFaceGlyph{border:2px dashed color-mix(in srgb, var(--muted) 60%, transparent)}.imageFaceGlyph{border:1px solid var(--border)}.imageFaceGlyph img{object-fit:cover;width:100%;height:100%;display:block}.textFaceGlyph{letter-spacing:-.04em;font-size:18px;font-weight:950}.facePopupBackdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#03060a94;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.facePopup{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:16px;gap:14px;width:min(100%,500px);max-width:500px;max-height:min(660px,100vh - 32px);padding:16px;display:grid;overflow:auto;box-shadow:0 24px 80px #00000052}.customizerMeta{color:var(--muted);margin-top:3px;font-size:11px;font-weight:650;line-height:1.4;display:block}.faceTextOption{background:color-mix(in srgb, var(--bg) 58%, var(--panel));border:1px solid var(--border);border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:10px;display:grid}.faceTextOption.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent)}.faceTextOption label{gap:6px;display:grid}.faceTextOption label>span{color:var(--muted);letter-spacing:.065em;text-transform:uppercase;font-size:10px;font-weight:850}.faceTextOption input{background:var(--panel);border:1px solid var(--border);color:var(--text);letter-spacing:.04em;text-transform:none;border-radius:8px;width:100%;height:40px;padding:0 10px;font-size:17px;font-weight:900}.faceTextOption input:focus{border-color:var(--accent)}.faceTextOption button{background:var(--accent);border:1px solid var(--accent);color:#fff;cursor:pointer;border-radius:8px;height:40px;padding:0 12px;font-size:11px;font-weight:850}.faceTextOption button:disabled{cursor:not-allowed;opacity:.4}.iconChoiceGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.iconChoiceButton{background:color-mix(in srgb, var(--bg) 58%, var(--panel));border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-width:0;height:58px;padding:8px;display:inline-flex}.iconChoiceButton:hover,.iconChoiceButton.selected{border-color:var(--accent);color:var(--accent)}.iconChoiceButton.selected{background:color-mix(in srgb, var(--accent) 10%, var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent)}.popupActions{border-top:1px solid var(--border);justify-content:flex-end;padding-top:12px;display:flex}.importPictureButton{border:1px solid color-mix(in srgb, var(--accent) 44%, var(--border));color:var(--accent);background:0 0;border-radius:10px;align-items:center;gap:7px;min-height:40px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.importPictureButton:hover{background:color-mix(in srgb, var(--accent) 8%, transparent);border-color:var(--accent)}.hiddenFileInput{display:none}@media (width<=860px){.editorPreviewWorkbench,.editorPreviewWorkbench.finishOpen{grid-template-columns:minmax(0,1fr) 64px;justify-content:stretch;position:relative;top:auto}.editorFinishDrawer{width:min(330px,100% - 88px);top:10px;bottom:10px;right:76px}.editorPreviewCanvas{height:270px}}@media (width<=720px){.app{--bottom-tabs-height:74px;padding:10px 10px calc(12px + var(--bottom-tabs-height) + env(safe-area-inset-bottom))}.workspace{min-height:calc(100vh - 22px - var(--bottom-tabs-height) - env(safe-area-inset-bottom))}.topbar{padding:13px}.appTabs{bottom:max(10px, env(safe-area-inset-bottom));width:calc(100vw - 20px);max-width:calc(100vw - 20px);position:fixed;top:auto;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #00000038}.stage{height:310px}.stageInteractionHint{bottom:8px;right:8px}.controls{padding:0 12px}.rollerControlsHeader,.editorHeader,.editorSectionHeader,.sessionActions{flex-direction:column;align-items:stretch}.rollModeSwitch{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.presetStrip{grid-template-columns:repeat(2,minmax(0,1fr))}.customDiceStrip{grid-template-columns:1fr}.currentRollTray{grid-template-columns:1fr;align-items:stretch;display:grid}.sessionActions .actionRow,.editorHeaderActions,.editorSectionHeader .secondaryButton{width:100%}.editorHeaderActions button{flex:1}.editorSectionHeader .secondaryButton{align-self:stretch}.editorPreviewCanvas{height:235px}.editorFields{grid-template-columns:repeat(2,minmax(0,1fr))}.finishEditorFields{grid-template-columns:1fr}.editorField:first-child,.editorField:nth-child(2){grid-column:1/-1}.editingDiceGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.iconChoiceGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=420px){h1{font-size:25px}.iconButton{width:40px;height:40px}.stage{height:290px}.segmentedControl button{min-height:36px;font-size:11px}.editorPanel,.editorPreviewCard,.editorFinishDrawer{padding:13px}.editorPreviewWorkbench,.editorPreviewWorkbench.finishOpen{grid-template-columns:minmax(0,1fr) 58px;gap:8px}.editorFinishDrawer{width:min(310px,100% - 76px);right:66px}.editorTypeRail{gap:7px;padding:8px 6px}.editorTypeRail button{min-height:36px}.editorFields{grid-template-columns:1fr}.editorField:first-child,.editorField:nth-child(2){grid-column:auto}.editingFaceButton{min-height:84px;padding:7px}.actionRow{grid-template-columns:1fr}}