@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-leading:initial;--tw-border-style:solid;--tw-duration:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{margin:calc(var(--spacing)*0);box-sizing:border-box;padding:calc(var(--spacing)*0)}html,body,#root{--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--c-bg);height:100%;color:var(--c-text);font-size:14px;line-height:1.5;font-family:var(--font-sans);overflow:hidden}a{color:var(--c-accent);text-decoration:none}a:hover{text-decoration:underline}}@layer components{.app-shell{height:100vh;min-width:var(--min-width);flex-direction:column;display:flex}.app-header{align-items:center;gap:calc(var(--spacing)*4);height:52px;padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*2);background:var(--c-bg-surface);border-bottom:1px solid var(--c-border);flex-shrink:0;display:flex}.app-header__title{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);white-space:nowrap}.app-header__spacer{flex:1}.app-main{padding:calc(var(--spacing)*6);flex:1;min-height:0;overflow:hidden}.home-hub{gap:calc(var(--spacing)*6);grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;max-width:1200px;height:100%;margin:0 auto;display:grid;overflow:auto}.home-card{justify-content:space-between;gap:calc(var(--spacing)*4);border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding:calc(var(--spacing)*8);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;min-height:320px;color:var(--c-text);border-width:1px;border-color:var(--c-border);box-shadow:var(--shadow-sm);flex-direction:column;text-decoration-line:none;transition-duration:.15s;display:flex}.home-card:hover{box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.home-card:focus-visible{outline:2px solid var(--c-border-focus);outline-offset:2px}.home-card--user{background:linear-gradient(145deg,#f9fcff,#e8f3ff)}.home-card--developer{background:linear-gradient(145deg,#f9fff7,#e7f8ea)}.home-card__badge{width:fit-content;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);background:var(--c-bg-surface);border:1px solid var(--c-border);color:var(--c-text-muted);border-radius:3.40282e38px;display:inline-flex}.home-card__title{font-size:30px;font-weight:700;line-height:1.1}.home-card__description{color:var(--c-text-muted);max-width:36ch;font-size:16px;line-height:1.45}.home-card__action{border-radius:var(--radius-md);width:fit-content;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);background:var(--c-bg-surface);border:1px solid var(--c-border);color:var(--c-accent);display:inline-flex}.desktop-guard{inset:calc(var(--spacing)*0);z-index:9999;padding:calc(var(--spacing)*8);text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));background:var(--c-bg);color:var(--c-text-muted);justify-content:center;align-items:center;display:none;position:fixed}.btn{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*3.5);padding-block:calc(var(--spacing)*1.5);white-space:nowrap;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;border-width:1px;border-color:var(--c-border);background:var(--c-bg-elevated);color:var(--c-text);font-size:13px;font-family:var(--font-sans);border-radius:.25rem;transition-duration:.15s;display:inline-flex}.btn:hover{background:var(--c-bg-hover);border-color:var(--c-text-muted)}.btn:active{scale:.98}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.btn--primary:hover{background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.btn--danger{color:var(--c-error);border-color:var(--c-error)}.btn--danger:hover{background:var(--c-error-soft)}.btn--sm{padding-inline:calc(var(--spacing)*2.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-block:3px}.btn--ghost{background-color:#0000;border-color:#0000}.btn--ghost:hover{background:var(--c-bg-hover);border-color:#0000}.input{border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;--tw-outline-style:none;border-width:1px;border-color:var(--c-border);background:var(--c-bg-input);color:var(--c-text);font-size:13px;font-family:var(--font-sans);border-radius:.25rem;outline-style:none;transition-duration:.15s}.input:focus{border-color:var(--c-border-focus)}.input--mono{font-family:var(--font-mono)}.textarea{resize:vertical;border-style:var(--tw-border-style);width:100%;min-height:120px;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);--tw-leading:1.6;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;--tw-outline-style:none;border-width:1px;border-color:var(--c-border);background:var(--c-bg-input);color:var(--c-text);font-size:13px;line-height:1.6;font-family:var(--font-mono);border-radius:.25rem;outline-style:none;transition-duration:.15s}.textarea:focus{border-color:var(--c-border-focus)}.panel{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--c-border);background:var(--c-bg-surface);overflow:hidden}.panel__header{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-semibold);font-size:13px;font-weight:var(--font-weight-semibold);--tw-tracking:.5px;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--c-border);background:var(--c-bg-elevated);color:var(--c-text-muted);justify-content:space-between;align-items:center;display:flex}.panel__body{padding:calc(var(--spacing)*4)}.badge{align-items:center;gap:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*.5);--tw-font-weight:var(--font-weight-medium);font-size:11px;font-weight:var(--font-weight-medium);border-radius:3.40282e38px;display:inline-flex}.badge--success{background:var(--c-success-soft);color:var(--c-success)}.badge--warning{background:var(--c-warning-soft);color:var(--c-warning)}.badge--error{background:var(--c-error-soft);color:var(--c-error)}.badge--info{background:var(--c-info-soft);color:var(--c-info)}.badge--modified{background:var(--c-accent-soft);color:var(--c-accent)}.autocomplete{position:relative}.autocomplete__dropdown{top:100%;right:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:100;border-style:var(--tw-border-style);border-width:1px;border-top-style:var(--tw-border-style);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);max-height:300px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-top-width:0;border-color:var(--c-border);background:var(--c-bg-elevated);border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;position:absolute;overflow-y:auto}.autocomplete__item{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:13px;display:flex}.autocomplete__item:hover,.autocomplete__item--active{background:var(--c-bg-hover)}.autocomplete__item--active{color:var(--c-accent)}.format-row-link{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--c-text-dim);font-family:var(--font-sans);border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;text-decoration-line:none;display:inline-flex}.format-row-link:hover{background:var(--c-accent-soft);color:var(--c-accent);text-decoration:none}.tabs{gap:calc(var(--spacing)*0);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--c-border);display:flex}.tab{cursor:pointer;border-inline-style:var(--tw-border-style);border-inline-width:0;border-top-style:var(--tw-border-style);border-top-width:0;border-bottom-style:var(--tw-border-style);--tw-border-style:solid;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;color:var(--c-text-muted);font-size:13px;font-family:var(--font-sans);background-color:#0000;border-style:solid;border-color:#0000;border-bottom-width:2px;transition-duration:.15s}.tab:hover{color:var(--c-text);background:var(--c-bg-hover)}.tab--active{color:var(--c-accent);border-bottom-color:var(--c-accent)}.grid-2{gap:calc(var(--spacing)*4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-sidebar{gap:calc(var(--spacing)*6);grid-template-columns:280px 1fr;height:100%;min-height:0;display:grid}.bank-workspace__sidebar{min-height:0;overflow:auto}.bank-workspace__content{min-width:0;min-height:0;overflow:hidden}.format-editor{gap:var(--space-md);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.regex-lab{gap:var(--space-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sms-game{gap:calc(var(--spacing)*4);flex-direction:column;height:100%;min-height:0;padding-right:4px;display:flex;overflow:auto}.sms-game__header{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);display:flex}.sms-game__header h2{font-size:24px;font-weight:600}.sms-game__stage{align-items:center;gap:calc(var(--spacing)*2);display:flex}.sms-game__stage-tab{color:var(--c-text);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:4px 10px;font-size:14px;transition:background .15s,color .15s}.sms-game__stage-tab:hover{background:var(--c-bg-hover)}.sms-game__stage-tab--active{background:var(--c-info-soft);color:var(--c-accent);font-weight:600}.sms-game__layout{gap:calc(var(--spacing)*4);flex-direction:column;display:flex}.sms-game__grid{min-width:0}.sms-game__sms-input{min-height:200px;font-size:15px}.sms-game__template-input{min-height:220px}.sms-game__controls{gap:calc(var(--spacing)*4);grid-template-columns:minmax(320px,1fr) auto;align-items:end;display:grid}.sms-game__control-block{gap:calc(var(--spacing)*2);flex-direction:column;display:flex}.sms-game__control-actions{align-items:center;gap:calc(var(--spacing)*2);display:flex}.sms-game__preview{white-space:pre-wrap;word-break:break-word;line-height:1.7;font-family:var(--font-mono);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:var(--space-sm);min-height:96px}.sms-game__text{color:var(--c-text)}.sms-game__chip{border:1px solid var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent);font-size:12px;line-height:1.6;font-family:var(--font-mono);border-radius:999px;align-items:center;gap:4px;margin:0 2px;padding:1px 7px;display:inline-flex}.sms-game__chips-row{align-items:center;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.sms-game__example-row{gap:calc(var(--spacing)*2);flex-direction:column;display:flex}.sms-game__example-row .textarea{min-height:100px}.sms-game__saved-list{max-height:520px;overflow-y:auto}.sms-game__saved-item{border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:var(--space-sm);background:var(--c-bg-elevated);gap:var(--space-sm);flex-direction:column;display:flex}.sms-game__raw{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);color:var(--c-text-dim);margin-top:8px;font-size:12px}.sms-game__instructions{gap:calc(var(--spacing)*2);flex-direction:column;display:flex}.sms-game__instructions-list{flex-direction:column;gap:6px;margin:0;padding-left:22px;display:flex}.sms-game__single-window{min-height:0}.sms-game__hint-line{align-items:center;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.sms-game__markup-surface{border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-bg-input);min-height:200px;padding:var(--space-sm);white-space:pre-wrap;word-break:break-word;line-height:1.7;font-family:var(--font-mono);-webkit-user-select:text;user-select:text}.sms-game__surface-text{-webkit-user-select:text;user-select:text}.sms-game__slot-chip-wrap{vertical-align:middle;border:1px solid var(--c-accent);background:var(--c-accent-soft);border-radius:999px;align-items:center;margin:0 2px;display:inline-flex;overflow:hidden}.sms-game__chip-main{color:var(--c-accent);cursor:pointer;font-size:12px;line-height:1.6;font-family:var(--font-mono);background:0 0;border:none;padding:2px 8px}.sms-game__chip-main:hover{background:#3464a333}.sms-game__chip-remove{border:none;border-left:1px solid var(--c-accent);min-width:20px;height:100%;color:var(--c-accent);cursor:pointer;background:0 0;padding:2px 6px;font-size:12px;line-height:1}.sms-game__chip-remove:hover{background:var(--c-error-soft);border-color:var(--c-error);color:var(--c-error)}.sms-game__slot-empty-wrap{vertical-align:middle;border:1px dashed var(--c-border-focus);background:var(--c-info-soft);border-radius:999px;align-items:center;margin:0 2px;display:inline-flex;overflow:hidden}.sms-game__slot-empty{color:var(--c-accent);cursor:pointer;font-size:12px;font-family:var(--font-sans);background:0 0;border:none;align-items:center;padding:2px 10px;display:inline-flex}.sms-game__slot-empty:hover{background:var(--c-accent-soft)}.sms-game__chip-remove--empty{border-left:1px dashed var(--c-border-focus);color:var(--c-accent)}.sms-game__selection-badge{margin-bottom:var(--space-sm)}.sms-game__selection-action{z-index:1100;border:1px solid var(--c-accent);background:var(--c-accent);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:999px;padding:4px 12px;font-size:12px;position:fixed;transform:translate(-50%)}.sms-game__selection-action:hover{background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.sms-game__bank-actions{align-items:center;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.sms-game__examples-edit{gap:calc(var(--spacing)*2);flex-direction:column;display:flex}.sms-game__issue-preview{white-space:pre-wrap;word-break:break-word;max-height:580px;font-family:var(--font-mono);font-size:12px;line-height:1.6;overflow:auto}.sms-game__divider{background:var(--c-border);height:1px;margin:4px 0}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.inline{display:inline}.table{display:table}.h-full{height:100%}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.flex-col{flex-direction:column;display:flex}.gap-xs{gap:calc(var(--spacing)*1)}.gap-sm{gap:calc(var(--spacing)*2)}.gap-md{gap:calc(var(--spacing)*4)}.gap-lg{gap:calc(var(--spacing)*6)}.text-muted{color:var(--c-text-muted)}.text-dim{color:var(--c-text-dim)}.text-sm{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-mono{font-family:var(--font-mono)}.mt-sm{margin-top:calc(var(--spacing)*2)}.mt-md{margin-top:calc(var(--spacing)*4)}.mb-sm{margin-bottom:calc(var(--spacing)*2)}.mb-md{margin-bottom:calc(var(--spacing)*4)}.p-md{padding:calc(var(--spacing)*4)}.p-lg{padding:calc(var(--spacing)*6)}}:root{--c-bg:#e5e5e5;--c-bg-surface:#fdfdfd;--c-bg-elevated:#f0f0f0;--c-bg-hover:#e9e9e9;--c-bg-input:#fff;--c-border:#e3e3e3;--c-border-focus:#2c5c97;--c-text:#333;--c-text-muted:#6c6c6c;--c-text-dim:#8a8a8a;--c-accent:#3464a3;--c-accent-hover:#2b64ad;--c-success:#1e6933;--c-warning:#b77f2b;--c-error:#993636;--c-info:#3464a3;--c-group-0:#d5ebff;--c-group-1:#c4e8ac;--c-group-2:#f6d7a6;--c-group-3:#c8c8ff;--c-group-4:#f2cfff;--c-group-5:#ffc5bf;--c-group-border-0:#9fcfff;--c-group-border-1:#9fcba1;--c-group-border-2:#e0bf8b;--c-group-border-3:#acadfc;--c-group-border-4:#e1abf5;--c-group-border-5:#ef9b95;--c-success-soft:#1e69331f;--c-warning-soft:#b77f2b24;--c-error-soft:#9936361f;--c-info-soft:#3464a31f;--c-accent-soft:#3464a324;--c-overlay:#3339;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--shadow-sm:0 1px 3px #3333331f;--shadow-md:0 6px 20px #33333329;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--gap-min:4px;--min-width:1200px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--c-text-muted)}@media(max-width:1199px){.desktop-guard{display:flex}.app-shell{display:none}}.match-highlight{background:var(--c-group-0);box-shadow:inset 0 -2px 0 var(--c-group-border-0);border-radius:2px;transition:background .15s}.match-highlight--hovered{background:var(--c-accent-soft)}.match-highlight--group-1{background:var(--c-group-1);box-shadow:inset 0 -2px 0 var(--c-group-border-1)}.match-highlight--group-2{background:var(--c-group-2);box-shadow:inset 0 -2px 0 var(--c-group-border-2)}.match-highlight--group-3{background:var(--c-group-3);box-shadow:inset 0 -2px 0 var(--c-group-border-3)}.match-highlight--group-4{background:var(--c-group-4);box-shadow:inset 0 -2px 0 var(--c-group-border-4)}.match-highlight--group-5{background:var(--c-group-5);box-shadow:inset 0 -2px 0 var(--c-group-border-5)}.match-highlight--group-hovered{filter:brightness(1.5)}.match-highlight--group{background:var(--c-group-1);box-shadow:inset 0 -2px 0 var(--c-group-border-1)}.modal-overlay{z-index:1000;background:var(--c-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-lg);min-width:400px;max-width:600px;box-shadow:var(--shadow-md)}.modal__title{margin-bottom:var(--space-md);font-size:16px;font-weight:600}.modal__actions{gap:var(--space-sm);margin-top:var(--space-lg);justify-content:flex-end;display:flex}.drag-handle{cursor:grab;color:var(--c-text-dim);padding:4px}.drag-handle:active{cursor:grabbing}.issue-list{gap:var(--space-xs);flex-direction:column;display:flex}.issue-item{gap:var(--space-sm);padding:6px var(--space-sm);border-radius:var(--radius-sm);font-size:12px;display:flex}.issue-item--error{background:var(--c-error-soft);color:var(--c-error)}.issue-item--warning{background:var(--c-warning-soft);color:var(--c-warning)}.issue-item--success{background:var(--c-success-soft);color:var(--c-success)}.source-selector{gap:var(--space-sm);align-items:center;display:flex}.spinner{border:2px solid var(--c-border);border-top-color:var(--c-accent);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.publish-progress{gap:var(--space-sm);flex-direction:column;display:flex}.publish-step{align-items:center;gap:var(--space-sm);color:var(--c-text-muted);font-size:13px;display:flex}.publish-step--active{color:var(--c-accent)}.publish-step--done{color:var(--c-success)}.publish-step--error{color:var(--c-error)}.column-item{align-items:center;gap:var(--space-sm);padding:6px var(--space-sm);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--radius-sm);display:flex}.column-item__name{font-family:var(--font-mono);font-size:13px}.column-item__remove{cursor:pointer;color:var(--c-text-dim);background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:16px;line-height:1}.column-item__remove:hover{color:var(--c-error)}.regex-workspace{gap:var(--space-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.regex-workspace__test{flex-shrink:0;width:100%}.regex-workspace__details{gap:var(--space-md);flex:1;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid;overflow:hidden}.regex-workspace__details-panel{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.regex-workspace__details-panel .panel__body{flex:1;min-height:0;overflow:auto}.regex-workspace__quickref{flex:1;min-height:0;overflow:hidden}.regex-workspace__quickref>div{flex-direction:column;height:100%;min-height:0;display:flex}.regex-workspace__tab-header{padding:0}.regex-workspace__tab-switcher{border:none;width:100%}.regex-workspace__tab-switcher .tab{flex:1;padding:6px 8px;font-size:11px}.regex-input-stack{flex-direction:column;gap:10px;display:flex}.regex-input-stack__section{flex-direction:column;gap:6px;display:flex}.regex-input-stack__label{color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:600}.regex-input-stack__label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.regex-input-stack__actions{gap:4px;display:inline-flex}.regex-input-wrap{background:var(--c-bg-input);border:1px solid var(--c-border);border-radius:var(--radius-sm);align-items:stretch;display:flex;overflow:hidden}.regex-input-wrap:focus-within{border-color:var(--c-border-focus)}.regex-input-wrap__slash{color:var(--c-text-dim);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;align-items:center;padding:8px 6px 8px 12px;font-size:15px;display:flex}.regex-input-wrap__editor{flex:1;min-width:0;position:relative}.regex-input-wrap__highlights{color:var(--c-text);font-family:var(--font-mono);white-space:pre;pointer-events:none;padding:8px 4px;font-size:14px;line-height:1.4;position:absolute;inset:0;overflow:auto hidden}.regex-input-wrap__highlights::-webkit-scrollbar{display:none}.regex-input-wrap__input{color:#0000;width:100%;height:100%;caret-color:var(--c-text);font-family:var(--font-mono);background:0 0;border:none;outline:none;padding:8px 4px;font-size:14px;line-height:1.4}.regex-input-wrap__input--plain{color:var(--c-text)}.regex-input-wrap__input--locked{-webkit-user-select:none;user-select:none;caret-color:#0000}.regex-input-wrap__input::placeholder{color:var(--c-text-dim)}.regex-input-wrap__flags{color:var(--c-text-dim);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;align-items:center;padding:8px 12px 8px 6px;font-size:14px;display:flex}.overlay-textarea{background:var(--c-bg-input);border:1px solid var(--c-border);border-radius:var(--radius-sm);position:relative;overflow:hidden}.overlay-textarea:focus-within{border-color:var(--c-border-focus)}.overlay-textarea__highlights,.overlay-textarea__input{font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:break-word;tab-size:4;min-height:60px;padding:8px 12px;font-size:13px;line-height:1.6}.overlay-textarea__highlights{color:var(--c-text);pointer-events:none;position:absolute;inset:0;overflow:auto}.overlay-textarea__highlights::-webkit-scrollbar{display:none}.overlay-textarea__input{z-index:1;color:#0000;width:100%;caret-color:var(--c-text);resize:vertical;background:0 0;border:none;outline:none;position:relative}.overlay-textarea__input::selection{background:var(--c-accent-soft)}.overlay-textarea__input::placeholder{color:var(--c-text-dim)}.regex-token{border:1px solid #0000;border-radius:2px;padding:0 1px;font-weight:600}.regex-token--anchor{color:#5f3b00;background:#ffd78a;border-color:#d9ab54}.regex-token--group{color:#0f4c2a;background:#b9f0c8;border-color:#77c790}.regex-token--quantifier{color:#1b4b78;background:#bcdcff;border-color:#7fb2ea}.regex-token--alternation{color:#7d1d1d;background:#ffc7c7;border-color:#e28d8d}.regex-token--escape{color:#3f2a82;background:#dbcaff;border-color:#ac8fe8}.regex-token--charclass{color:#1b4f86;background:#c8e5ff;border-color:#8dbce8}.regex-token--meta{color:#1f4f80;background:#cfe3ff;border-color:#97bde8}.regex-token--literal{color:#2a3e54;background:#e9eff6;border-color:#bdc8d3}.regex-token--active{outline-offset:-1px;outline:2px solid #125a96}.pattern-blocks{border-top:1px solid var(--c-border);margin-top:10px;padding-top:8px}.pattern-block{cursor:text;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:4px 6px;display:flex}.pattern-block__desc{color:inherit}.pattern-block--active{box-shadow:inset 0 0 0 1px #125a9659}.pattern-block--tone-anchor{color:#5f3b00;background:#fff4d6;border-color:#ecd39b}.pattern-block--tone-group{color:#0f4c2a;background:#e7faec;border-color:#bde0c7}.pattern-block--tone-quantifier{color:#1b4b78;background:#e6f3ff;border-color:#b8d5f3}.pattern-block--tone-alternation{color:#7d1d1d;background:#ffeaea;border-color:#efc0c0}.pattern-block--tone-escape{color:#3f2a82;background:#f1eaff;border-color:#cdbcf1}.pattern-block--tone-charclass{color:#1b4f86;background:#e9f4ff;border-color:#c1daf1}.pattern-block--tone-meta{color:#1f4f80;background:#ebf4ff;border-color:#c6daf1}.pattern-block--tone-literal{color:#2a3e54;background:#f3f6fa;border-color:#d2dbe5}.group-row{cursor:pointer;transition:background .1s}.group-row:hover,.group-row--hovered{background:var(--c-bg-hover)}.group-color-dot{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.match-columns-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.match-columns-param-input{width:160px;padding:2px 6px;font-size:12px}.qref{border-top:1px solid var(--c-border);flex:1;grid-template-columns:140px 1fr;height:100%;min-height:0;display:grid;overflow:hidden}.qref__categories{border-right:1px solid var(--c-border);overflow-y:auto}.qref__cat-item{width:100%;color:var(--c-text-muted);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--c-border);font-size:12px;font-family:var(--font-sans);background:0 0;padding:6px 10px;transition:background .1s,color .1s;display:block}.qref__cat-item:hover{background:var(--c-bg-hover);color:var(--c-text)}.qref__cat-item--active{background:var(--c-bg-elevated);color:var(--c-accent);font-weight:600}.qref__items{padding:var(--space-xs);overflow-y:auto}.qref__item{gap:var(--space-sm);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;display:flex}.qref__item:hover{background:var(--c-bg-hover)}.qref__item-token{font-family:var(--font-mono);color:var(--c-accent);min-width:60px;font-weight:500}.qref__item-desc{color:var(--c-text-muted)}.mode-tabs{gap:var(--gap-min);background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:2px;display:flex}.mode-tab{cursor:pointer;color:var(--c-text-muted);text-align:center;border-radius:var(--radius-sm);font-size:12px;font-weight:500;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:none;flex:1;padding:6px 14px;transition:all .15s}.mode-tab:hover{color:var(--c-text);background:var(--c-bg-hover)}.mode-tab--active{color:var(--c-text);background:var(--c-bg-elevated);box-shadow:var(--shadow-sm)}.recent-section{margin-bottom:var(--space-md)}.recent-header{text-transform:uppercase;letter-spacing:.5px;color:var(--c-text-dim);margin-bottom:var(--space-sm);padding:0 var(--space-xs);font-size:11px;font-weight:600}.recent-chips{gap:var(--gap-min);flex-wrap:wrap;display:flex}.recent-chip{align-items:center;gap:var(--space-xs);background:var(--c-bg-elevated);border:1px solid var(--c-border);color:var(--c-text-muted);cursor:pointer;font-size:12px;font-family:var(--font-sans);border-radius:99px;padding:4px 10px;transition:all .15s;display:inline-flex}.recent-chip:hover{background:var(--c-bg-hover);color:var(--c-text);border-color:var(--c-accent)}.regex-column-modal{width:min(760px,100vw - 64px);max-width:760px}.regex-column-modal__list{margin-top:var(--space-sm);border:1px solid var(--c-border);border-radius:var(--radius-sm);max-height:360px;overflow-y:auto}.regex-column-modal__item{align-items:center;gap:var(--space-sm);border:none;border-bottom:1px solid var(--c-border);background:var(--c-bg-surface);width:100%;color:var(--c-text);text-align:left;cursor:pointer;padding:10px 12px;display:flex}.regex-column-modal__item:last-child{border-bottom:none}.regex-column-modal__item:hover:not(:disabled){background:var(--c-bg-hover)}.regex-column-modal__item:disabled{cursor:not-allowed;opacity:.55}.regex-column-modal__item--selected{background:var(--c-accent-soft)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}