.alert-workspace{background:var(--bg);border:1px solid var(--line);border-radius:12px;color:var(--text);overflow:hidden;--alert-editor-accent:var(--accent)}.alert-editor-top,.alert-editor-bottom{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg);min-height:54px}.alert-editor-top{justify-content:space-between;border-bottom:1px solid var(--line)}.alert-editor-top a{font-size:12px;background:#2c2c32;border-radius:20px;padding:8px 12px}.alert-editor-top strong{font-size:16px}.alert-editor-top small{font-weight:400;font-size:12px;color:var(--muted)}.alert-workspace button{background:var(--line);border:0;border-radius:18px;font-size:12px;padding:8px 13px;cursor:pointer}.alert-workspace button:hover{background:var(--raised)}.alert-workspace button:disabled{opacity:.45;cursor:default}.alert-workspace #alert-save,.alert-workspace #overlay-copy{background:var(--accent);color:#fff;font-weight:700}.alert-editor-actions{display:flex;gap:8px}.alert-editor-grid{display:grid;grid-template-columns:230px minmax(260px,1fr) 285px;min-height:560px;height:min(760px,calc(100dvh - 230px))}.alert-variant-sidebar,.alert-settings-sidebar{overflow:auto;min-height:0;background:var(--bg)}.alert-variant-sidebar{border-right:1px solid var(--line)}.alert-settings-sidebar{border-left:1px solid var(--line)}.alert-sidebar-heading{padding:14px 10px;display:flex;justify-content:space-between;align-items:center;background:var(--panel)}.alert-sidebar-heading strong{font-size:11px;color:var(--muted)}.alert-sidebar-heading button{color:var(--accent);background:transparent;padding:0}.alert-workspace .alert-event-heading{display:flex;width:100%;align-items:center;justify-content:space-between;padding:15px 12px;background:var(--panel);border-radius:0;text-align:left;font-size:14px;border-top:1px solid #101012;border-bottom:1px solid var(--line)}.alert-event-heading.active{border-left:3px solid var(--accent);padding-left:9px}.alert-event-heading small{font-size:10px;color:var(--muted)}.alert-event-body{padding:10px}.alert-random{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:12px}.alert-workspace .alert-add-variant{background:transparent;padding:6px 0;margin-bottom:12px}.alert-variant-row{display:flex;align-items:center;gap:5px;padding:7px;border-radius:6px;margin-bottom:7px;background:var(--panel)}.alert-variant-row.selected{background:var(--accent)}.alert-workspace .alert-variant-pick{display:flex;align-items:center;gap:8px;flex:1;text-align:left;padding:0;background:transparent;min-width:0;border-radius:0}.alert-variant-pick>span:last-child{min-width:0}.alert-variant-pick strong,.alert-variant-pick small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-variant-pick strong{font-size:12px;font-weight:500}.alert-variant-pick small{font-size:9px;opacity:.85;margin-top:4px}.alert-variant-number{border:1px solid #ffffff80;border-radius:5px;padding:7px}.alert-drag{font-size:20px;color:#ddd;cursor:grab}.alert-variant-row input{width:14px;flex-shrink:0;accent-color:var(--accent)}.alert-widget-nav{display:block;width:100%;text-align:left;margin-top:8px!important;border-radius:0!important}.alert-priority-note{font-size:10px;color:var(--muted);padding:10px;line-height:1.6}.alert-preview-column{display:flex;flex-direction:column;min-width:0;min-height:0}.alert-preview-toolbar{display:flex;align-items:center;gap:8px;padding:10px;background:var(--panel);flex-wrap:wrap}.alert-preview-toolbar span{font-size:10px;color:#b8f1c0}.alert-preview-canvas{flex:1;min-height:260px;background:repeating-conic-gradient(#111 0% 25%,#1c1c1f 0% 50%) 50%/32px 32px;display:flex;align-items:center;justify-content:center;overflow:hidden}.alert-preview-canvas[data-background=black]{background:#000}.alert-preview-canvas[data-background=white]{background:#fff}.alert-preview-canvas[data-background=red]{background:#dc3535}#alert-preview-frame-wrap{position:relative;overflow:hidden;flex-shrink:0}.alert-editor-preview{border:0;display:block;position:absolute;left:0;top:0;transform-origin:top left;background:transparent}.alert-preview-options{display:flex;gap:10px;padding:12px;align-items:center;background:var(--panel);font-size:10px;flex-wrap:wrap}.alert-preview-options strong{margin-right:auto}.alert-preview-options label{display:flex;align-items:center;gap:6px;font-size:10px}.alert-preview-options input{width:65px!important;padding:5px!important;background:var(--bg)!important;color:#fff!important;border:1px solid var(--muted)!important}.alert-backgrounds{display:flex;gap:4px}.alert-backgrounds button{width:18px;height:18px;border-radius:2px;padding:0;border:2px solid var(--muted)}.bg-checker{background:repeating-conic-gradient(#111 0% 25%,#555 0% 50%) 50%/8px 8px!important}.bg-black{background:#000!important}.bg-white{background:#fff!important}.bg-red{background:#dc3535!important}.alert-preview-help{font-size:10px;color:var(--muted);margin:0;padding:10px}.alert-settings-sidebar details{border-bottom:1px solid #111}.alert-settings-sidebar summary{padding:16px 13px;background:var(--panel);font-size:14px;cursor:pointer;list-style-position:inside}.alert-setting-fields{padding:12px;font-size:12px}.alert-setting-fields .field{margin:10px 0;display:block}.alert-setting-fields input:not([type=checkbox]),.alert-setting-fields select{width:100%;font-size:12px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:5px;color:#fff}.alert-setting-fields input[type=color]{padding:2px;height:34px}.alert-setting-fields .creator-tool-note{font-size:10px}.alert-setting-fields .actions{display:flex;gap:8px}.alert-bulk-note{padding:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:11px}.alert-editor-bottom{border-top:1px solid var(--line);flex-wrap:wrap;font-size:11px}.alert-editor-bottom>span{flex:1;min-width:180px;color:var(--muted)}.alert-editor-bottom label{display:flex;align-items:center;gap:6px}.alert-editor-bottom select{width:auto;font-size:11px;padding:6px}.alert-editor-bottom #overlay-url{width:190px;font-size:11px;padding:7px;background:var(--bg);border:1px solid var(--muted);color:var(--text)}.alert-workspace input[type=checkbox]{accent-color:var(--accent)}.alert-workspace :focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:1250px){.alert-editor-grid{grid-template-columns:190px minmax(230px,1fr) 240px}.alert-editor-top strong{font-size:13px}}@media(max-width:1050px){.alert-editor-grid{grid-template-columns:190px minmax(0,1fr);height:auto}.alert-settings-sidebar{grid-column:1/-1;max-height:500px;border-top:1px solid var(--line)}.alert-preview-column{min-height:480px}.alert-variant-sidebar{max-height:480px}.alert-editor-top{flex-wrap:wrap}}@media(max-width:600px){.alert-editor-grid{grid-template-columns:1fr}.alert-variant-sidebar{max-height:260px;border-bottom:1px solid var(--line)}.alert-preview-column{min-height:420px}.alert-editor-actions{width:100%;justify-content:flex-end}.alert-editor-bottom #overlay-url{width:100%}}

.alert-workspace #alert-save,.alert-workspace #overlay-copy,.alert-variant-row.selected{color:#10200c}.alert-variant-row.selected .alert-variant-number{border-color:#10200c55}.alert-settings-sidebar summary{font-weight:600}.alert-variant-row.selected .alert-drag{color:#10200c}.alert-setting-fields label{color:var(--text)}

.alert-variant-row.selected .alert-variant-pick{color:#10200c}