.cnt-hero{padding-block:var(--section-space-l)}.cnt-hero__container{gap:var(--space-xxl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid;@media (width<=900px){gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}}.cnt-hero__copy{align-items:flex-start;gap:var(--space-m);flex-direction:column;display:flex}.cnt-hero__actions{align-items:center;gap:var(--space-s) var(--space-m);flex-wrap:wrap;display:flex}.cnt-hero__schema{padding:var(--space-l);border:1px solid var(--warning-40);border-radius:var(--panel-radius);background:linear-gradient(170deg, var(--warning-10), var(--app-chrome) 60%);box-shadow:var(--panel-shadow);margin:0;overflow-x:auto}.cnt-flow{border-block-start:1px solid var(--hairline)}.cnt-flow__container{gap:var(--space-l)}.cnt-flow__steps{gap:var(--space-m);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;@media (width<=900px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=480px){grid-template-columns:minmax(0,1fr)}}.cnt-flow__step{gap:var(--space-xs);border-block-start:2px solid var(--warning);flex-direction:column;padding-block-start:var(--space-m);display:flex;position:relative;&:before{content:"";background:var(--warning);block-size:.8rem;inline-size:.8rem;box-shadow:0 0 0 4px var(--warning-20);border-radius:50%;position:absolute;inset-block-start:-.45rem;inset-inline-start:0}}.cnt-flow__index{font-size:var(--text-xs)}.cnt-flow__name{font-size:var(--h4)}.cnt-storage__head{gap:var(--space-s);flex-direction:column;display:flex}.cnt-storage__grid{gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));display:grid}.cnt-storage__panel{gap:var(--space-s);padding:var(--space-l);border:1px solid var(--hairline);border-radius:var(--panel-radius);background:var(--surface);flex-direction:column;display:flex}.cnt-storage__panel--files{border-color:var(--warning-40);background:linear-gradient(170deg, var(--warning-10), var(--surface) 55%)}.cnt-storage__label{border:1px solid var(--hairline-bright);font-size:var(--text-xs);border-radius:40rem;align-self:flex-start;padding-block:.25em;padding-inline:.7em}.cnt-storage__title{font-size:var(--h3)}.cnt-storage__list{gap:var(--space-xs);flex-direction:column;margin:0;padding-inline-start:1.2em;display:flex}.cnt-storage__item{&::marker{color:var(--warning)}}.cnt-trio{border-block-start:1px solid var(--hairline)}.cnt-trio__container{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.cnt-trio__item{gap:var(--space-s);flex-direction:column;display:flex}.cnt-trio__tag{border-radius:var(--radius-s);background:var(--warning-10);align-self:flex-start;padding-block:.2em;padding-inline:.6em}.cnt-trio__title{font-size:var(--h4)}.cnt-loop{border-block-start:1px solid var(--hairline)}.cnt-loop__container{gap:var(--space-l)}.cnt-loop__head{gap:var(--space-s);flex-direction:column;max-inline-size:48rem;display:flex}.cnt-loop__visual{gap:var(--space-m);padding:var(--space-l);border:1px solid var(--hairline-bright);border-radius:var(--panel-radius);background-color:var(--app-chrome);background-image:radial-gradient(var(--hairline) 1px, transparent 1px);box-shadow:var(--panel-shadow);background-size:18px 18px;flex-direction:column;display:flex}.cnt-loop__query{align-items:center;gap:var(--space-xs);padding:var(--space-s);border:1px solid var(--warning-40);border-radius:var(--radius-m);background:var(--warning-10);flex-wrap:wrap;display:flex}.cnt-loop__query-label{border-radius:var(--radius-s);background:var(--warning);color:var(--black);font-size:var(--text-xs);padding-block:.1em;padding-inline:.6em}.cnt-loop__param{border-radius:var(--radius-s);background:var(--app-panel);padding-block:.15em;padding-inline:.55em}.cnt-loop__param--file{margin-inline-start:auto}.cnt-loop__body-row{align-items:center;gap:var(--space-m);grid-template-columns:minmax(0,1fr) auto minmax(0,3fr);display:grid;@media (width<=900px){grid-template-columns:minmax(0,1fr);&>.cnt-loop__arrow{justify-self:center;rotate:90deg}}}.cnt-loop__template,.cnt-loop__results{gap:var(--space-xs);flex-direction:column;display:flex}.cnt-loop__template-label{font-size:var(--text-xs)}.cnt-loop__arrow{color:var(--warning)}.cnt-loop__cards{gap:var(--space-s);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;@media (width<=600px){grid-template-columns:minmax(0,1fr)}}.cnt-loop__card{padding:var(--space-xs);border:1px solid var(--hairline-bright);border-radius:var(--radius-m);background:var(--app-panel);flex-direction:column;gap:.35rem;display:flex}.cnt-loop__card--template{border:1px dashed var(--warning);background:var(--warning-10)}.cnt-loop__thumb{aspect-ratio:16/9;border-radius:var(--radius-s);place-items:center;display:grid}.cnt-loop__thumb--binding{border:1px dashed var(--warning-60);background:repeating-linear-gradient(-45deg, var(--warning-10) 0 5px, transparent 5px 11px)}.cnt-loop__thumb--warning{background:linear-gradient(135deg, var(--warning), var(--warning-500))}.cnt-loop__thumb--primary{background:linear-gradient(135deg, var(--primary), var(--primary-500))}.cnt-loop__thumb--tertiary{background:linear-gradient(135deg, var(--tertiary), var(--tertiary-500))}.cnt-loop__card-date{font-size:var(--text-xs)}.cnt-loop__card-title{font-size:var(--text-s);overflow-wrap:anywhere}.app-cms{border:1px solid var(--ui-border);background:var(--ui-background);box-shadow:var(--panel-shadow);border-radius:12px;grid-template-columns:17rem minmax(0,1fr);gap:0;display:grid;overflow:hidden;@media (width<=700px){grid-template-columns:minmax(0,1fr)}}.app-cms__rail{border-inline-end:1px solid var(--ui-border);flex-direction:column;gap:0;display:flex;@media (width<=700px){display:none}}.app-cms__rail-head{flex-direction:column;gap:12px;padding:12px 10px 0;display:flex}.app-cms__rail-title-row{justify-content:space-between;align-items:center;gap:8px;padding-inline:4px;display:flex}.app-cms__rail-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.app-cms__icon-btn{block-size:24px;inline-size:24px;color:var(--ui-muted-foreground);place-items:center;display:grid}.app-cms__btn-icon{block-size:16px;inline-size:16px}.app-cms__search{background:var(--ui-field);block-size:36px;color:var(--ui-muted-foreground);border-radius:8px;align-items:center;gap:8px;padding-inline:10px;display:flex}.app-cms__search-icon{block-size:16px;inline-size:16px}.app-cms__rail-list{flex-direction:column;gap:0;padding:6px;display:flex}.app-cms__rail-item{color:var(--ui-muted-foreground);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.app-cms__rail-item--on{background:var(--ui-sidebar-accent);color:var(--ui-foreground);font-weight:500}.app-cms__rail-icon{block-size:16px;inline-size:16px;color:var(--ui-muted-foreground);flex:none}.app-cms__rail-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.app-cms__rail-count{color:var(--ui-muted-foreground);font-size:12.5px;font-weight:400}.app-cms__main{flex-direction:column;gap:0;min-inline-size:0;display:flex;overflow:hidden}.app-cms__toolbar{border-block-end:1px solid var(--ui-border);align-items:center;gap:4px;block-size:48px;padding-inline:16px;display:flex}.app-cms__tool{block-size:32px;inline-size:32px;color:var(--ui-muted-foreground);place-items:center;display:grid}.app-cms__tool-icon{block-size:16px;inline-size:16px}.app-cms__tool-icon--add{block-size:20px;inline-size:20px}.app-cms__settings{color:var(--ui-muted-foreground);align-items:center;gap:6px;margin-inline-start:auto;padding:6px 10px;display:flex}.app-cms__settings-icon{block-size:16px;inline-size:16px}.app-cms__table{flex-direction:column;gap:0;display:flex;overflow-x:auto}.app-cms__row{grid-template-columns:48px minmax(13rem,2.2fr) 7rem minmax(10rem,1.6fr) minmax(11rem,1fr);gap:0;min-inline-size:max-content;display:grid}.app-cms__row--head{color:var(--ui-muted-foreground)}.app-cms__cell{border-inline-end:1px solid var(--ui-border);border-block-end:1px solid var(--ui-border);white-space:nowrap;align-items:center;block-size:48px;padding-inline:12px;display:flex}.app-cms__cell--check{justify-content:center;padding:0}.app-cms__cell--last{border-inline-end:0}.app-cms__cell--muted{color:var(--ui-muted-foreground)}.app-cms__box{border:1px solid oklch(66.5% .004 286/.4);border-radius:5px;block-size:18px;inline-size:18px}.app-cms__live{background:var(--ui-emerald-wash);color:var(--ui-emerald);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12.5px;font-weight:500;display:inline-flex}.app-cms__live-icon{block-size:14px;inline-size:14px}.app-dialog{background:var(--ui-popover);max-inline-size:42rem;box-shadow:0 0 0 1px oklch(96.5% 0 0/.1), var(--panel-shadow);border-radius:12px;flex-direction:column;gap:24px;padding:24px;font-size:14px;display:flex}.app-dialog__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.app-dialog__title{letter-spacing:-.01em;font-size:15px;font-weight:600;line-height:1}.app-dialog__close{block-size:28px;inline-size:28px;color:var(--ui-foreground);place-items:center;margin:-4px -4px -4px 0;display:grid}.app-dialog__close-icon{block-size:16px;inline-size:16px}.app-dialog__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid;@media (width<=640px){grid-template-columns:repeat(2,minmax(0,1fr))}}.app-dialog__type{background:oklch(24.5% .003 286/.4);border:1px solid #0000;border-radius:12px;flex-direction:column;gap:8px;padding:14px;transition:background-color .15s,border-color .15s;display:flex;&:hover{border-color:var(--ui-border);background:var(--ui-muted)}@media (prefers-reduced-motion:reduce){transition:none}}.app-dialog__type--focus{border-color:var(--ui-border);outline:2px solid var(--ui-ring);outline-offset:1px}.app-dialog__type-icon{block-size:16px;inline-size:16px;color:var(--ui-muted-foreground)}.app-dialog__type-text{flex-direction:column;gap:0;display:flex}.app-dialog__type-label{font-size:13.5px;font-weight:500}.app-dialog__type-hint{color:var(--ui-muted-foreground);font-size:11px}.cnt-model{border-block-start:1px solid var(--hairline)}.cnt-model__container{gap:var(--space-l)}.cnt-model__head{gap:var(--space-s);flex-direction:column;max-inline-size:48rem;display:flex}.cnt-fields{border-block-start:1px solid var(--hairline)}.cnt-fields__container{gap:var(--space-xxl);grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);align-items:center;display:grid;@media (width<=1000px){gap:var(--space-l);grid-template-columns:minmax(0,1fr)}}.cnt-fields__copy{gap:var(--space-s);flex-direction:column;display:flex}
