:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;overflow-x:hidden;overscroll-behavior-x:none;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{color:#1c1c1e;background:#f9f9fa}@media(prefers-color-scheme:dark){html{color:#f5f5f7;background:#141416}}*{box-sizing:border-box}:root{--bg: rgba(250, 250, 252, .72);--panel: rgba(255, 255, 255, .6);--panel-padding: clamp(14px,2.2vw,20px);--panel-blur: rgba(250, 250, 252, .01);--button: rgba(255, 255, 255, .4);--hover: rgba(227, 227, 227, .6);--input: rgb(236, 236, 236);--border: rgba(0, 0, 0, .08);--shadow: 0 10px 30px rgba(0,0,0,.08);--primary: linear-gradient(180deg, rgba(0, 122, 255, .9), rgba(0, 122, 255, .8));--ring: rgba(0, 122, 255, .5);--red: rgb(218, 55, 42);--text: #0b0b0f;--text-light: #f5f7fb;--subtle: #6b7280}@media(prefers-color-scheme:dark){:root{--bg: rgba(10, 10, 12, .6);--panel: rgba(28, 28, 32, .65);--button: rgba(28, 28, 32, .45);--hover: rgba(67, 67, 67, .6);--input: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--shadow: 0 10px 30px rgba(0,0,0,.4);--primary: linear-gradient(180deg, rgba(90, 200, 250, .9), rgba(90, 200, 250, .8));--ring: rgba(90, 200, 250, .5);--text: #f5f7fb;--subtle: #a3aab8}}.is-shown{opacity:1!important}.is-hidden{opacity:0!important}.is-invisible{visibility:hidden!important}.no-margin{margin:0!important}.no-padding{padding:0!important}.half-width{width:50%!important}.full-width{width:100%!important}.full-height{height:100%!important}.fit-width{max-width:fit-content!important}.fit-height{max-height:fit-content!important}.nowrap{white-space:nowrap!important}.switch-row{display:flex!important;flex-direction:row!important}.switch-col{display:flex!important;flex-direction:column!important}.inline{display:inline-block!important;padding:0!important;margin:0!important}.absolute{position:absolute!important}.relative{position:relative!important}.gap{gap:14px!important}.gap-s{gap:7px!important}.gap-xs{gap:3px!important}.gap-bottom{margin-bottom:14px!important}.gap-top{margin-top:14px!important}.gap-left{margin-left:14px!important}.gap-right{margin-right:14px!important}.gap-bottom-s{margin-bottom:7px!important}.gap-top-s{margin-top:7px!important}.gap-left-s{margin-left:7px!important}.gap-right-s{margin-right:7px!important}.gap-bottom-xs{margin-bottom:3px!important}.gap-top-xs{margin-top:3px!important}.gap-left-xs{margin-left:3px!important}.gap-right-xs{margin-right:3px!important}.text-align-center{text-align:center!important}.text-align-left{text-align:left!important}.text-align-right{text-align:right!important}.place-center{place-items:center!important;place-content:center!important;place-self:center!important}.place-left{place-items:start!important;place-content:start!important;place-self:start!important}.place-right{place-items:end!important;place-content:end!important;place-self:end!important}.space-evenly{justify-content:space-evenly!important;gap:14px!important}.space-between{justify-content:space-between!important;white-space:nowrap!important}.overflow-hidden{overflow:auto!important;white-space:nowrap!important}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px}.ok{border-color:#34c759b3!important}.ring{border-color:var(--ring)!important;border-width:3px!important}.bad{border-color:var(--red)!important}.red{color:var(--red)!important}.float{background:transparent!important;box-shadow:none!important;outline:none!important;border:none!important;resize:none!important}.only-mobile{display:none!important}.invisible-desktop{background:transparent!important;border:none!important;box-shadow:none!important}@media(max-width:640px){.only-desktop{display:none!important}.only-mobile{display:inherit!important}.invisible-mobile{background:transparent!important;border:none!important;box-shadow:none!important}}.screen{margin-top:env(safe-area-inset-top);min-height:calc(100dvh - env(safe-area-inset-top));padding:clamp(16px,3vw,28px);-webkit-backdrop-filter:saturate(140%) blur(20px);backdrop-filter:saturate(140%) blur(20px);background:linear-gradient(135deg,var(--bg),transparent 60%),radial-gradient(60% 80% at 10% 10%,rgba(180,200,255,.2),transparent 40%),radial-gradient(80% 60% at 100% 0%,rgba(255,180,220,.16),transparent 40%);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.panel{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:var(--panel-padding);color:var(--text);margin-bottom:14px}.pill{padding:4px 8px;border-radius:999px;border:2px solid var(--border);background:var(--panel);font-size:12px;height:28px}.pill.active{border:2px solid var(--ring)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;place-content:center;place-items:start}.overlay>div:first-child{margin-top:10vh}.title{font-weight:700;letter-spacing:-.02em;margin:0;font-size:clamp(26px,2.6vw,32px)}.subtitle{font-weight:700;letter-spacing:-.01em;margin:0;font-size:clamp(18px,2.6vw,24px)}.paragraph{color:var(--text);font-size:clamp(10px,2.2vw,16px)}.small-paragraph{color:var(--text);font-size:clamp(8px,2.2vw,14px)}.tiny-paragraph{color:var(--text);font-size:clamp(4px,2.2vw,10px)}.subtle{color:var(--subtle)}.bold{font-weight:700}.unbold{font-weight:400!important}@media(max-width:640px){.title{font-size:38px}.paragraph{font-size:16px}.small-paragraph{font-size:14px}}.icon-paragraph svg{width:13px;height:13px}.toolbar{display:flex;position:relative;place-content:center;margin:4px 0 18px}.toolbar-left{display:flex;flex-direction:column;place-items:start}.toolbar-center{display:flex;flex-direction:column;place-items:center}.toolbar-right{display:flex;gap:8px;position:absolute;right:0}@media(max-width:640px){.toolbar{flex-direction:column;gap:8px}.toolbar-right{position:relative;place-content:center}}.btn{border:1px solid var(--border);background:var(--button);box-shadow:var(--shadow);color:var(--text);padding:10px 14px;border-radius:12px;flex-wrap:nowrap;font-weight:600;font-size:100%;cursor:pointer;text-align:center;align-items:center;justify-content:center;text-decoration:none;transition:transform .06s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn[disabled],.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}.btn.primary{background:var(--primary);color:var(--text-light);border-color:transparent}.btn.ghost{background:transparent;color:var(--subtle)}.btn.red{color:var(--red)}.btn.red:active{color:#bf2820}textarea{resize:none}.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--input);outline:none}.input:focus{box-shadow:0 0 0 4px var(--ring)}.listview .stage{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.dynamic-input{display:flex;position:relative;translate:.22em}.dynamic-input .bad,.dynamic-input .bad::placeholder{color:var(--red)!important}.dynamic-input .column{display:grid;flex-direction:column}.dynamic-input .column input{border-radius:0}.dynamic-input .width-ref{visibility:hidden;position:absolute;width:fit-content;white-space:nowrap}.dynamic-input .icon-btn{position:absolute;padding:0;cursor:pointer}.dynamic-input .icon-btn.right{right:0;translate:150% .3vh}.dynamic-input .icon-btn.left{left:0;translate:-150% .3vh}.create .stage{display:grid;grid-gap:14px;grid-template:"data preview" / 1fr 1fr}.create .preview{grid-area:preview;display:flex;height:70dvh;padding:0}.create .data{grid-area:data}.create .calendar{--time-width: 60px;--event-color: rgba(135, 148, 214, .5);--event-text-color: rgba(42, 65, 166, 1);height:100%;width:100%;padding:var(--panel-padding);padding-right:0;display:flex;flex-direction:column}.create .calendar .c-grid{position:relative;border-top:solid 3px #ddd;padding:16px 0;display:grid;grid-template:repeat(6,1fr) / var(--time-width) 1fr;width:100%;height:100%}.create .calendar .c-grid>span{border-bottom:solid 1px #eee}.create .calendar .c-grid>span:nth-child(2){border-top:solid 1px #eee}.create .calendar .c-grid .c-time{text-align:end;padding-right:8px;transform:translateY(-7px)}.create .calendar .c-grid .c-divider{position:absolute;left:var(--time-width);height:100%;width:0;border:solid 1px #eee}.create .calendar .c-event{position:absolute;width:calc(100% - var(--time-width) - 2px);left:calc(var(--time-width) + 2px);top:18.5%;background:var(--event-color);border-radius:4px;color:var(--event-text-color);padding:0 10px}.create .c-icon{transform:translateY(2px)}.create .calendar .c-bar{position:absolute;top:50%;left:3px;transform:translateY(-50%);background:var(--event-text-color);width:3px;border-radius:2px;height:calc(100% - 6px)}.create .sidebar{width:80%;height:100%;padding:var(--panel-padding);background:#f7f8f9;border-left:solid 1px #ddd;display:flex;flex-direction:column;gap:16px}.create .sidebar .s-panel{border-radius:4px;background:#e8edefcc;box-shadow:0 2px 6px #0003;padding:10px}.regex-input{display:flex;flex-direction:row;width:100%;padding:0 8px}.regex-input input{border-radius:0}
