.o2l_ea_maker{scroll-margin-top:calc(var(--mast-h) + 12px);gap:14px;display:grid;position:relative}.o2l_ea_dropping:after{content:"Drop pictures to add them";z-index:20;font:700 var(--text-h3) / 1.1 var(--font-sans);color:var(--fg);background:color-mix(in oklab, var(--bg) 82%, transparent);outline:3px dashed var(--fg);outline-offset:-3px;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.o2l_ea_toolbar{gap:12px;display:grid}.o2l_ea_titleRow{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px;display:grid}@media (max-width:640px){.o2l_ea_titleRow{grid-template-columns:1fr}}.o2l_ea_templateButton,.o2l_ea_titleField{background:var(--surface);border:1px solid var(--line-2);min-height:58px;color:var(--fg);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:6px 12px;display:grid}.o2l_ea_templateButton{cursor:pointer}.o2l_ea_templateButton:hover{border-color:var(--fg)}.o2l_ea_templateButton>svg{grid-area:1/2/span 2}.o2l_ea_templateLabel{font:600 var(--text-caption) / 1.1 var(--font-sans);color:var(--fg-3);grid-column:1}.o2l_ea_templateName{font:700 19px / 1.15 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;grid-column:1;min-width:0;overflow:hidden}.o2l_ea_titleField{grid-template-columns:1fr}.o2l_ea_titleField input{width:100%;min-width:0;color:var(--fg);font:700 19px / 1.15 var(--font-sans);background:0 0;border:0;padding:0}.o2l_ea_titleField input:focus{outline:none}.o2l_ea_titleField:focus-within{outline:3px solid var(--focus);outline-offset:2px}.o2l_ea_actions{flex-wrap:wrap;align-items:center;gap:10px 14px;padding-inline:6px;display:flex}.o2l_ea_statusRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;display:flex}.o2l_ea_status{font-size:var(--text-meta);color:var(--fg-3);margin:0}.o2l_ea_miniTools{gap:4px;display:flex}.o2l_ea_mini{min-height:44px;color:var(--fg-2);font:600 var(--text-meta) / 1 var(--font-sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.o2l_ea_mini:hover:not(:disabled){color:var(--fg);background:var(--surface-2)}.o2l_ea_mini:disabled{opacity:.45;cursor:default}@media (max-width:640px){.o2l_ea_titleWide{display:none}}.o2l_ea_poolEmpty{color:var(--fg-2);margin:0;padding:10px 0}.o2l_ea_poolEmpty a{color:var(--fg);font-weight:700}.o2l_ea_templateLinks{font-size:var(--text-meta);flex-wrap:wrap;gap:8px 24px;margin:0;display:flex}.o2l_ea_templateLinks a{min-height:44px;color:var(--fg);text-underline-offset:3px;align-items:center;gap:6px;font-weight:700;text-decoration:underline;display:inline-flex}.o2l_ea_hint{font-size:var(--text-caption);color:var(--fg-3);margin:0}.o2l_ea_add{border-top:1px solid var(--line);gap:10px;padding-top:10px;display:grid}.o2l_ea_addRow{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.o2l_ea_addField{flex:220px;display:flex}.o2l_ea_addField input,.o2l_ea_field input,.o2l_ea_field textarea{border:1px solid var(--line-2);background:var(--bg);width:100%;min-height:44px;color:var(--fg);font:400 var(--text-ui) / 1.3 var(--font-sans);padding:8px 12px}.o2l_ea_field textarea{resize:vertical}.o2l_ea_addHint{align-items:center;gap:6px;display:flex}.o2l_ea_paste{gap:8px;display:grid}.o2l_ea_pasteActions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.o2l_ea_field{font:600 var(--text-meta) / 1.2 var(--font-sans);color:var(--fg-2);gap:6px;display:grid}.o2l_ea_picker{gap:16px;display:grid}.o2l_ea_pickerSearch{z-index:2;border:1px solid var(--line-2);background:var(--surface);align-items:center;gap:10px;min-height:48px;padding:0 12px;display:flex;position:sticky;top:0}.o2l_ea_pickerSearch input{min-width:0;min-height:44px;color:var(--fg);font:400 var(--text-ui) / 1.2 var(--font-sans);background:0 0;border:0;flex:1}.o2l_ea_pickerSearch input:focus{outline:none}.o2l_ea_pickerSearch:focus-within{outline:3px solid var(--focus);outline-offset:2px}.o2l_ea_pickerBlank{border:1px dashed var(--line-2);color:var(--fg);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:12px 14px;display:flex}.o2l_ea_pickerBlank b{font-size:18px;display:block}.o2l_ea_pickerBlank small{font-size:var(--text-caption);color:var(--fg-3);display:block}.o2l_ea_pickerEmpty{color:var(--fg-3);margin:0}.o2l_ea_pickerGroup h3{font:700 17px / 1.2 var(--font-sans);color:var(--fg-2);margin:0 0 8px}.o2l_ea_pickerGroup ul{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.o2l_ea_pickerItem{border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--fg);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.o2l_ea_pickerItem:hover,.o2l_ea_pickerBlank:hover{border-color:var(--fg)}.o2l_ea_pickerCurrent{border-color:var(--fg);box-shadow:inset 4px 0 0 var(--fg)}.o2l_ea_pickerName{font:600 16px / 1.2 var(--font-sans)}.o2l_ea_pickerCount{font:900 16px / 1 var(--font-display);color:var(--fg-3);font-variant-numeric:tabular-nums}.o2l_ea_rowEditor{gap:16px;display:grid}.o2l_ea_swatches{border:0;margin:0;padding:0}.o2l_ea_swatches legend{font:600 var(--text-meta) / 1.2 var(--font-sans);color:var(--fg-2);margin-bottom:6px}.o2l_ea_swatchList{flex-wrap:wrap;gap:6px;display:flex}.o2l_ea_swatch,.o2l_ea_swatchCustom{width:44px;height:44px;font:700 18px / 1 var(--font-sans);cursor:pointer;border:2px solid #0000;place-items:center;display:grid}.o2l_ea_swatchOn{border-color:var(--fg)}.o2l_ea_swatchCustom{border:2px dashed var(--line-2);background:conic-gradient(#ff7c72,#f5d76e,#9ed69e,#8fc6e8,#b9b3e6,#ff7c72);position:relative}.o2l_ea_swatchCustom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.o2l_ea_rowActions{flex-wrap:wrap;gap:8px 12px;display:flex}.o2l_ea_share{gap:16px;display:grid}.o2l_ea_sharePreview{background:var(--surface-2);place-items:center;min-height:200px;max-height:56vh;padding:12px;display:grid;overflow:auto}.o2l_ea_sharePreview img{max-width:100%;height:auto;box-shadow:var(--shadow);display:block}.o2l_ea_sharePreview p{color:var(--fg-3);margin:0}.o2l_ea_shareActions{flex-wrap:wrap;gap:10px 14px;padding-inline:6px;display:flex}.o2l_ea_h2hDone{gap:16px;display:grid}.o2l_ea_h2hDoneTitle{font:400 var(--text-h3) / 1.15 var(--font-sans);margin:0}.o2l_ea_h2hTiers{gap:6px;margin:0;padding:0;list-style:none;display:grid}.o2l_ea_h2hTiers li{background:var(--surface-2);grid-template-columns:44px 1fr;align-items:center;gap:10px;padding:6px 10px 6px 0;display:grid}.o2l_ea_h2hTier{font:900 24px / 1 var(--font-display);background:var(--surface-3);align-self:stretch;place-items:center;display:grid}
.Lc9yLW_label{box-sizing:border-box;min-width:var(--tier-w);min-height:var(--tier-w);background:var(--tier-bg,var(--fg));color:var(--tier-fg,var(--bg));-webkit-print-color-adjust:exact;print-color-adjust:exact;place-items:center;padding:4px 6px;display:inline-grid}.Lc9yLW_fill{width:100%;min-width:0;height:100%;display:grid}.Lc9yLW_text{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;text-align:center;overflow-wrap:normal;word-break:normal;font-weight:900;line-height:1}.Lc9yLW_long .Lc9yLW_text{font-family:var(--font-sans);text-transform:none;letter-spacing:0;overflow-wrap:anywhere;font-weight:700;line-height:1.1}.Lc9yLW_sm{--tier-w:44px;font-size:22px}.Lc9yLW_sm.Lc9yLW_long{font-size:14px}.Lc9yLW_md{--tier-w:56px;font-size:clamp(28px,3.4vw,40px)}.Lc9yLW_md.Lc9yLW_long{font-size:15px}.Lc9yLW_lg{--tier-w:64px;font-size:34px}.Lc9yLW_lg.Lc9yLW_long{font-size:16px}@media (max-width:640px){.Lc9yLW_md.Lc9yLW_long{font-size:13px}}
.W7pJEG_board{--tile-w:60px;--label-w:88px;gap:14px;display:grid;position:relative}.W7pJEG_compact{--tile-w:56px;--label-w:64px}@media (max-width:640px){.W7pJEG_board{--tile-w:54px;--label-w:56px}.W7pJEG_compact{--tile-w:52px}}@media (min-width:1100px){.W7pJEG_board:not(.W7pJEG_compact){grid-template-columns:minmax(0,1fr) minmax(320px,30%);align-items:start}.W7pJEG_board:not(.W7pJEG_compact)>.W7pJEG_pool{top:calc(var(--mast-h) + 12px);max-height:calc(100vh - var(--mast-h) - 24px);position:sticky;overflow:auto}.W7pJEG_board:not(.W7pJEG_compact)>.W7pJEG_selectionBar{grid-column:1/-1}}.W7pJEG_rows{gap:4px;display:grid}.W7pJEG_row{grid-template-columns:var(--label-w) minmax(0, 1fr) auto;min-height:calc(var(--tile-w) * 4 / 3 + 12px);background:var(--surface-2);transition:background-color var(--motion-hover);display:grid;position:relative}.W7pJEG_rowTarget{cursor:pointer;background:var(--surface-3)}.W7pJEG_rowOver{background:var(--surface-3);box-shadow:inset 0 0 0 2px var(--fg)}.W7pJEG_label{cursor:pointer;background:0 0;border:0;min-width:0;padding:0;display:grid}.W7pJEG_lane{flex-wrap:wrap;align-content:flex-start;gap:6px;min-width:0;padding:6px;display:flex}.W7pJEG_rowTool{width:40px;color:var(--fg-3);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.W7pJEG_rowTool:hover{color:var(--fg)}@media (max-width:640px){.W7pJEG_rowTool{width:34px}}.W7pJEG_pool{background:var(--surface);border:1px solid var(--line);transition:background-color var(--motion-hover);gap:8px;padding:12px;display:grid;position:relative}.W7pJEG_pool>.W7pJEG_lane{padding:0}.W7pJEG_poolTop{justify-content:space-between;align-items:center;gap:8px;display:flex}.W7pJEG_poolHead{font:700 18px / 1.1 var(--font-sans);align-items:baseline;gap:8px;margin:0;display:flex}.W7pJEG_poolCount{font:900 18px / 1 var(--font-display);color:var(--fg-3);font-variant-numeric:tabular-nums}.W7pJEG_tile{width:var(--tile-w);aspect-ratio:3/4;background:var(--plate-a);cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform var(--motion-hover) var(--ease-prime), opacity var(--motion-hover);border:0;flex:none;padding:0;position:relative;overflow:hidden}.W7pJEG_tile:hover{transform:translateY(-2px)}.W7pJEG_tile:active{cursor:grabbing}.W7pJEG_tileCompact{width:var(--tile-w)}.W7pJEG_tileSelected,.W7pJEG_tilePicked{outline:3px solid var(--fg);outline-offset:2px;transform:translateY(-3px)}.W7pJEG_tilePicked{box-shadow:var(--shadow-lift)}.W7pJEG_tileDragging{opacity:.3}.W7pJEG_caption{z-index:2;font:600 11px / 1.1 var(--font-sans);color:#fff;text-align:left;-webkit-line-clamp:2;overflow-wrap:normal;pointer-events:none;background:linear-gradient(#0000,#000000d9);-webkit-box-orient:vertical;padding:14px 4px 3px;position:absolute;inset:auto 0 0;overflow:hidden;display:none!important}:is(.W7pJEG_tile:has([data-state=loaded]) .W7pJEG_caption,.W7pJEG_tile:has([data-state=eager]) .W7pJEG_caption,.W7pJEG_ghost:has([data-state=loaded]) .W7pJEG_caption){display:-webkit-box!important}.W7pJEG_tile[data-drop=before]{box-shadow:-5px 0 0 -1px var(--fg);overflow:visible}.W7pJEG_tile[data-drop=after]{box-shadow:5px 0 0 -1px var(--fg);overflow:visible}.W7pJEG_ghost{z-index:var(--z-toast);pointer-events:none;box-shadow:var(--shadow-lift);outline:2px solid var(--fg);will-change:transform;position:fixed;top:0;left:0;overflow:hidden}.W7pJEG_isDragging,.W7pJEG_isDragging *{cursor:grabbing!important}.W7pJEG_selectionBar{z-index:5;background:var(--chrome);color:var(--chrome-text);box-shadow:var(--shadow-lift);gap:8px;padding:10px 12px;display:grid;position:sticky;bottom:12px}@media (max-width:860px){.W7pJEG_selectionBar{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 8px)}}.W7pJEG_selectionTop{align-items:center;gap:6px;display:flex}.W7pJEG_selectionName{min-width:0;font:700 17px / 1.15 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.W7pJEG_selectionTiers{flex-wrap:wrap;gap:6px;display:flex}.W7pJEG_selectionTier{cursor:pointer;background:0 0;border:0;flex:1 0 44px;max-width:88px;min-height:44px;padding:0;display:grid}.W7pJEG_selectionTierLong{max-width:none}.W7pJEG_selectionAction{border:1px solid var(--chrome-line);background:var(--chrome-2);min-width:44px;min-height:44px;color:var(--chrome-text);font:600 15px / 1 var(--font-sans);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.W7pJEG_selectionAction:hover{background:var(--chrome-line)}