:root{--font:var(--font-aeonik),-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;--font-base:var(--font-aeonik),-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;--font-mono:var(--font-aeonik-mono),ui-monospace,"SF Mono",Menlo,monospace;--ls-mono:0.06em;--radius-sm:var(--radius-inner);--radius:var(--radius-element);--radius-card:var(--radius-container);--radius-pill:var(--radius-full);--fs-display:48px;--fs-h1:28px;--fs-h2:20px;--fs-lg:18px;--fs-md:16px;--fs-body:14px;--fs-ui:var(--fs-body);--fs-ui-lg:var(--fs-md);--fs-sm:var(--fs-xs);--fs-xl:var(--fs-h2);--fs-small:13px;--fs-xs:12px;--fs-tiny:11px;--fs-badge:10px;--control-h:38px;--control-h-sm:30px;--ff-control-h:var(--control-h);--ff-control-h-mobile:var(--control-h);--ff-focus-ring:var(--color-text-primary);--sidebar-w:272px;--drawer-w:min(86vw,320px);--space-zone-pad:48px;--t-fast:var(--duration-fast);--t-medium:var(--duration-medium);--t-slow:var(--duration-slow);--c-brand:light-dark(#e8503a,#ff6a52);--cat-1:light-dark(#d64541,#f0857a);--cat-2:light-dark(#2d5be3,#7fa0f5);--cat-3:light-dark(#8b4fb8,#c49ae6);--cat-4:light-dark(#178a6e,#4fcba8);--cat-5:light-dark(#c77d0a,#e8b14e);--shadow-strong:var(--shadow-med)}body.ff-display,body.ff-display *{cursor:none!important}*{box-sizing:border-box}body,html{padding:0;margin:0}*{scrollbar-width:thin;scrollbar-color:var(--color-border-emphasized) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-emphasized);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--color-text-gray);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}body{font-family:var(--font);background:var(--color-background-body);color:var(--color-text-primary);font-weight:500;font-size:var(--fs-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}h1,h2,h3{font-weight:600;margin:0;letter-spacing:-.01em}button,input,select,textarea{font-family:inherit;font-size:var(--fs-body)}:focus-visible{outline:2px solid var(--color-text-secondary);outline-offset:2px;border-radius:var(--radius-sm)}input[type=radio],input[type=range]{accent-color:var(--color-accent)}input[type=color]{-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;border:1px solid var(--color-text-primary);border-radius:var(--radius-sm,4px);background:var(--color-background-surface);cursor:pointer;padding:var(--spacing-1)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-inner)}input[type=color]::-moz-color-swatch{border:none;border-radius:var(--radius-inner)}.app{display:flex;min-height:100vh;overflow-x:clip}.app-canvas{flex:1;min-width:0;transition:transform var(--t-medium) cubic-bezier(.32,.72,0,1)}.main{padding:var(--space-zone-pad);max-width:1100px}.app-sidebar__toggle,.app-topbar{display:none}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-7)}.page-head>div:first-child{min-width:0}.page-head h1{font-size:32px;line-height:1.12;letter-spacing:-.02em}.page-head p{color:var(--color-text-secondary);margin:var(--spacing-2) 0 0;font-size:var(--fs-body)}.kicker{display:block;margin-bottom:var(--spacing-1-5);height:16px;line-height:16px;color:var(--color-text-gray);font-family:var(--font-mono);font-size:var(--fs-tiny);letter-spacing:var(--ls-mono);text-transform:uppercase}.grid{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.stat{background:var(--color-background-card);border-radius:var(--radius-card);padding:var(--spacing-4);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-1-5)}.stat h3{font-size:var(--fs-md)}.stat .meta{color:var(--color-text-gray);font-size:var(--fs-ui)}.thumb{aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#000}.thumb img,.thumb video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);height:var(--control-h);padding:0 var(--spacing-3);box-sizing:border-box;border-radius:var(--radius);border:1px solid var(--color-text-primary);background:var(--color-background-surface);color:var(--color-text-primary);cursor:pointer;font-weight:500;font-size:var(--fs-body);line-height:1;white-space:nowrap;text-decoration:none;transition:background var(--t-fast) ease,color var(--t-fast) ease,border-color var(--t-fast) ease}.btn--primary,.btn:hover{background:var(--color-text-primary);color:var(--color-background-body)}.btn--primary{border-color:transparent}.btn--primary:hover{background:var(--color-background-body);color:var(--color-text-primary);border-color:var(--color-text-primary)}.btn--quiet{border-color:transparent;background:transparent;color:var(--color-text-secondary)}.btn--quiet:hover{color:var(--color-text-primary);background:var(--color-background-muted);border-color:transparent}.btn--sm{height:var(--control-h-sm);padding:0 var(--spacing-2);font-size:var(--fs-ui)}.btn--danger{background:transparent}.btn--danger,.btn--danger:hover{color:var(--color-error);border-color:var(--color-error)}.btn--danger:hover{background:var(--color-background-red)}.btn--success{background:transparent}.btn--success,.btn--success:hover{color:var(--color-success);border-color:var(--color-success)}.btn--success:hover{background:var(--color-background-green)}.field{display:flex;flex-direction:column;gap:var(--spacing-1-5);margin-bottom:var(--spacing-3)}.field label{font-size:var(--fs-ui);color:var(--color-text-secondary)}.section-title{font-size:var(--fs-md);font-weight:600;margin:0 0 var(--spacing-3)}.section-title--tight{margin-bottom:var(--spacing-1)}.input,select.input{height:var(--control-h);padding:0 var(--spacing-3);box-sizing:border-box;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-background-body);color:var(--color-text-primary);width:100%;font-size:var(--fs-body)}.input[type=color]{padding:var(--spacing-1);min-width:48px}.row{flex-wrap:wrap}.row,.toolbar{display:flex;gap:var(--spacing-2);align-items:center}.toolbar{justify-content:space-between;margin:var(--spacing-5) 0 var(--spacing-3)}.panel{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-5);margin-bottom:var(--spacing-4)}.list{display:flex;flex-direction:column;gap:var(--spacing-2)}.list-row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background-body)}.spacer{flex:1}.preview-2up{display:flex;gap:var(--spacing-3);flex-wrap:wrap;align-items:flex-start}.preview-2up__col{flex:1 1 260px;min-width:0}.detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:var(--space-4,16px);align-items:start}.detail-grid__aside,.detail-grid__main{min-width:0}.detail-grid__aside>.panel:last-child,.detail-grid__main>.panel:last-child{margin-bottom:0}@media (max-width:1023px){.detail-grid{grid-template-columns:1fr}}.meta-chip{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--fs-small,13px);color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-text-primary) 6%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-sm,4px);padding:var(--spacing-0-5) var(--spacing-2);text-transform:none;letter-spacing:normal}.table{width:100%;border-collapse:collapse;font-size:var(--fs-ui)}.table th{text-align:left;font-weight:500;color:var(--color-text-secondary)}.table td,.table th{padding:var(--spacing-2) var(--spacing-2);border-bottom:1px solid var(--color-border)}.table td{vertical-align:middle}.table tr:last-child td{border-bottom:none}[data-density=compact] .table td,[data-density=compact] .table th{padding:var(--spacing-1) var(--spacing-2)}[data-density=compact] .list-row{padding:var(--spacing-1-5) var(--spacing-3)}@media (max-width:1024px){.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--drawer-w);height:100dvh;overflow-y:auto;z-index:1;border:0;background:var(--color-background-surface);transform:translateX(-9%);opacity:.5;transition:transform var(--t-medium) cubic-bezier(.32,.72,0,1),opacity var(--t-medium) var(--ease-std)}html[data-drawer=open] .app-sidebar{transform:none;opacity:1}.app-sidebar__logo{display:none}.app-canvas{width:100%;flex:none;background:var(--color-background-body);min-height:100dvh;position:relative;z-index:2;will-change:transform}html[data-drawer=open] .app-canvas{transform:translateX(var(--drawer-w));border-radius:var(--radius-container);box-shadow:var(--shadow-high);overflow:clip}.main{padding:var(--spacing-4) var(--spacing-4) var(--spacing-6)}html[data-drawer=open],html[data-drawer=open] body{overflow:hidden}.app-topbar{display:flex;position:sticky;top:0;z-index:21;align-items:center;justify-content:space-between;height:52px;padding:0 var(--spacing-2) 0 var(--spacing-4);background:var(--color-background-surface);border-bottom:1px solid var(--color-border)}.app-topbar__lead{gap:var(--spacing-3);min-width:0;flex:1 1 auto}.app-topbar__brand,.app-topbar__lead{display:inline-flex;align-items:center}.app-topbar__brand{height:20px;color:var(--color-text-primary);flex-shrink:0}.app-sidebar__toggle{display:flex;position:relative;width:40px;height:40px;flex-shrink:0;align-items:center;justify-content:center;background:var(--color-background-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.app-sidebar__toggle span{position:absolute;width:18px;height:2px;border-radius:var(--radius-inner);background:var(--color-text-primary);transition:transform var(--t-medium),opacity var(--t-medium)}.app-sidebar__toggle span:first-child{transform:translateY(-6px)}.app-sidebar__toggle span:nth-child(3){transform:translateY(6px)}.app-sidebar__toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.app-sidebar__toggle[aria-expanded=true] span:nth-child(2){opacity:0}.app-sidebar__toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg)}}@media (max-width:767px){.page-head{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.page-head .btn,.page-head .btn--primary{width:100%}.filter-rail{flex-wrap:wrap;row-gap:var(--spacing-2)}.filter-rail .search{flex:1 1 100%}.search{width:100%;min-width:0}.toolbar{flex-wrap:wrap}.icon-btn{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.app-canvas,.app-sidebar,.app-sidebar__toggle,.btn,.card,.icon-btn{transition:none}}.uploader{border:1.5px dashed var(--color-border-emphasized);border-radius:var(--radius-card);background:var(--color-background-card);padding:var(--spacing-6);margin-bottom:var(--spacing-5);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast)}.uploader.is-drag,.uploader:hover{border-color:var(--color-accent);background:var(--color-background-muted)}.uploader__hint{display:flex;align-items:center;gap:var(--spacing-4);justify-content:center;color:var(--color-text-secondary);text-align:left}.uploader__hint strong{color:var(--color-text-primary);font-weight:500}.uploader__hint svg{color:var(--color-text-gray)}.uploader__list{display:flex;flex-direction:column;gap:var(--spacing-2)}.uploader__row{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--fs-ui)}.uploader__name{flex:0 0 40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.uploader__bar{flex:1;height:6px;background:var(--color-accent-muted);border-radius:var(--radius-pill);overflow:hidden}.uploader__bar span{display:block;height:100%;background:var(--color-accent);transition:width var(--t-fast)}.uploader__bar span.is-error{background:var(--color-error)}.uploader__pct{flex:0 0 44px;text-align:right;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.filter-rail{display:flex;align-items:center;gap:var(--spacing-2);margin:0 0 var(--spacing-3)}.filter-rail .search{flex:1 1 320px;min-width:220px}.filter-rail__count{margin-left:auto;font-family:var(--font-mono);font-size:var(--fs-tiny);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--color-text-gray);white-space:nowrap}.fchip{display:inline-flex;align-items:center;gap:var(--spacing-2);height:var(--control-h);padding:0 var(--spacing-3);border:1px dashed var(--color-border-emphasized);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--fs-ui);cursor:pointer;white-space:nowrap}.fchip:hover{border-color:var(--color-text-gray);color:var(--color-text-primary)}.fchip[data-active=true]{border-style:solid;border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-body)}.fchip__chev{opacity:.55}.fchip__x{display:inline-flex;align-items:center;opacity:.7}.fchip__x:hover{opacity:1}.search{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background-card);min-width:280px}.search svg{color:var(--color-text-gray)}.search input{border:none;background:transparent;color:var(--color-text-primary);width:100%;font-size:var(--fs-body);outline:none}.card-grid{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--card-min,240px)),1fr));align-items:stretch}.card-list{gap:var(--spacing-2)}.card,.card-list{display:flex;flex-direction:column}.card{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;color:var(--color-text-primary);transition:background var(--t-fast) ease}.card.is-active{border-color:var(--color-warning)}.card--hover:hover{background:var(--color-background-muted)}.card__thumb{position:relative;display:block;width:100%;border:none;padding:0;cursor:pointer;background:#000;overflow:hidden;color:inherit;text-decoration:none}.card__thumb img,.card__thumb video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.card__empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1-5);color:var(--color-text-gray);font-size:var(--fs-xs)}.card__tag{position:absolute;left:8px;top:8px;z-index:1}.card__dot{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:var(--radius-pill);background:var(--color-text-gray);box-shadow:0 0 0 3px var(--color-overlay)}.card__dot.is-online{background:var(--color-success)}.card__body{padding:var(--spacing-3) var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-1-5);flex:1}.card__body--loose,.card__head{gap:var(--spacing-3)}.card__head{display:flex;align-items:center;justify-content:space-between}.card__head--top{align-items:flex-start}.card__head-main{min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.card__title{min-width:0;font-size:var(--fs-md);font-weight:600;color:var(--color-text-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.card__title:hover{text-decoration:underline}.card__title--sm{font-size:var(--fs-body);font-weight:500}.card__sub{display:flex;gap:var(--spacing-1-5)}.card__line,.card__sub{font-size:var(--fs-ui);color:var(--color-text-secondary)}.card__meta{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;font-size:var(--fs-xs);color:var(--color-text-gray);font-variant-numeric:tabular-nums}.card__meta .mono,.card__stats{color:var(--color-text-secondary)}.card__stats{display:flex;flex-wrap:wrap;gap:var(--spacing-3);font-size:var(--fs-ui)}.card__stats strong{color:var(--color-text-primary)}.card__foot{flex-wrap:wrap;margin-top:auto;padding-top:var(--spacing-0-5)}.card__actions,.card__foot{display:flex;align-items:center;gap:var(--spacing-2)}.card__actions{flex-shrink:0}.card__thumbs{display:flex;align-items:center;gap:var(--spacing-1);height:46px;overflow:hidden;text-decoration:none}.card__thumb-mini{height:46px;border-radius:var(--radius-inner);overflow:hidden;background:#000;flex-shrink:0}.card__more{font-family:var(--font-mono);font-size:var(--fs-tiny);color:var(--color-text-gray);margin-left:var(--spacing-0-5);flex-shrink:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--color-text-primary);background:transparent;border-radius:var(--radius);color:var(--color-text-primary);cursor:pointer;transition:background var(--t-fast) ease,color var(--t-fast) ease,border-color var(--t-fast) ease}.icon-btn:hover{background:var(--color-text-primary);color:var(--color-background-body);border-color:var(--color-text-primary)}.icon-btn--danger,.icon-btn--danger:hover{color:var(--color-error);border-color:var(--color-error)}.icon-btn--danger:hover{background:var(--color-background-red)}.lightbox{position:fixed;inset:0;z-index:80;background:var(--color-overlay);display:grid;place-items:center;padding:var(--spacing-8)}.lightbox__inner{max-width:min(1100px,92vw);max-height:88vh;display:flex;flex-direction:column;gap:var(--spacing-2)}.lightbox__inner img,.lightbox__inner video{max-width:100%;max-height:78vh;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius);background:#000}.lightbox__bar{display:flex;align-items:center;gap:var(--spacing-3);color:#fff;font-size:var(--fs-ui)}.lightbox__name{font-weight:500}.lightbox__bar .muted{color:rgba(255,255,255,.7);margin-left:auto}.infogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:var(--spacing-3) var(--spacing-6)}.infogrid>div{display:flex;flex-direction:column;gap:var(--spacing-1)}.info-k{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--ls-mono);font-size:var(--fs-tiny);color:var(--color-text-gray)}.infogrid>div>span:last-child{font-size:var(--fs-body)}.infogrid .forme-badge{align-self:flex-start}.usage-chip{cursor:pointer;transition:box-shadow var(--t-fast,.12s)}.usage-chip:hover{box-shadow:inset 0 0 0 1px var(--color-border-emphasized,var(--color-border))}.segmented{display:inline-flex;align-items:stretch;gap:var(--spacing-0-5);padding:var(--spacing-0-5);border:1px solid var(--color-text-primary);border-radius:var(--radius);background:var(--color-background-surface)}.segmented__option{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px);height:32px;padding:0 var(--spacing-4);border:0;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--color-text-secondary);font-family:var(--font-base,inherit);font-size:var(--fs-ui);font-weight:500;white-space:nowrap;cursor:pointer;transition:background var(--t-fast,var(--t-fast)),color var(--t-fast,var(--t-fast))}.segmented__option:hover:not([data-active=true]):not(:disabled){color:var(--color-text-primary);background:var(--color-background-muted)}.segmented__option[data-active=true]{background:var(--color-text-primary);color:var(--color-background-body)}.segmented__option:disabled{opacity:.5;cursor:default}.segmented--calm{border-color:var(--color-border)}.segmented--icons .segmented__option{padding:0 var(--spacing-3)}.segmented--wrap{flex-wrap:wrap}.segmented--wrap .segmented__option{flex:0 0 auto}.uploader--compact{padding:var(--spacing-4);margin-bottom:0}.uploader--compact .uploader__hint{gap:var(--spacing-2)}.crumbs{display:flex;height:16px;margin-bottom:var(--spacing-1-5);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--ls-mono);font-size:var(--fs-tiny)}.crumbs,.crumbs__item{align-items:center;gap:var(--spacing-0-5)}.crumbs__item{display:inline-flex;min-width:0}.crumbs__link{color:var(--color-text-gray);padding:0 var(--spacing-1);height:16px;line-height:16px;border-radius:var(--radius-sm)}.crumbs__link:hover{color:var(--color-text-primary);background:var(--color-background-muted)}.crumbs__current{color:var(--color-text-gray);padding:0 var(--spacing-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumbs__sep{color:var(--color-text-gray);flex-shrink:0}.pl-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.pl-item{position:relative;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-background-card);flex-wrap:wrap;transition:opacity var(--t-fast)}.pl-item.is-dragging{opacity:.35}.pl-item.drop-after:after,.pl-item.drop-before:before{content:"";position:absolute;left:6px;right:6px;height:3px;background:var(--color-accent);border-radius:var(--radius-full);z-index:3}.pl-item.drop-before:before{top:-7px}.pl-item.drop-after:after{bottom:-7px}.pl-item.drop-after:before,.pl-item.drop-before:after{content:none}.pl-item__handle{display:inline-flex;align-items:center;color:var(--color-text-gray);cursor:grab;flex-shrink:0}.pl-item__handle:active{cursor:grabbing}.pl-item__handle:hover{color:var(--color-text-primary)}.pl-item__n{flex-shrink:0;width:18px;text-align:right}.pl-item__thumb{height:72px;border-radius:var(--radius);overflow:hidden;background:#000;flex-shrink:0}.pl-item__thumb iframe,.pl-item__thumb img,.pl-item__thumb video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border:none}.pl-item__main{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:150px;flex:1}.pl-item__name{font-weight:500;font-size:var(--fs-body);word-break:break-word}.pl-item__main .forme-badge{align-self:flex-start}.pl-item__controls{display:flex;align-items:flex-end;gap:var(--spacing-3);flex-wrap:wrap}.pl-ctl{display:flex;flex-direction:column;gap:var(--spacing-1)}.pl-ctl>span:first-child{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--ls-mono);font-size:var(--fs-badge);color:var(--color-text-gray)}.pl-ctl__dur{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--fs-ui);color:var(--color-text-secondary)}.pl-ctl__dur .input{width:88px}.pl-ctl__static{font-size:var(--fs-ui);color:var(--color-text-secondary);padding:var(--spacing-2) 0}.pl-ctl select.input{width:150px}.preview{flex-direction:column;gap:var(--spacing-3);max-width:92vw}.preview,.preview__top{display:flex;align-items:center}.preview__top{justify-content:space-between;width:100%;min-height:32px}.preview__orient{font-size:var(--fs-tiny);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums}.preview__close{background:rgba(255,255,255,.1);border-color:transparent;color:#fff}.preview__close:hover{background:rgba(255,255,255,.2);color:#fff;border-color:transparent}.tv{border:12px solid #0a0a0a;border-radius:var(--radius-container);overflow:hidden;box-shadow:var(--shadow-high);max-width:88vw;max-height:82vh}.tv,.tv iframe{background:#000}.tv iframe{width:100%;height:100%;border:none;display:block}.timeline{gap:var(--spacing-1);width:min(86vw,720px);height:30px}.timeline,.timeline__seg{position:relative;display:flex}.timeline__seg{min-width:0;background:rgba(255,255,255,.12);border-radius:var(--radius-sm);overflow:hidden;align-items:center;padding:0 var(--spacing-2)}.timeline__seg.is-current{box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}.timeline__fill{position:absolute;left:0;top:0;bottom:0;background:rgba(255,255,255,.5);pointer-events:none}.timeline__label{position:relative;z-index:1;font-size:var(--fs-badge);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar__client{display:flex;flex-direction:column;gap:1px;padding:var(--spacing-2) var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background-surface,var(--color-background-card))}.app-sidebar__client.is-imp{border-color:var(--color-warning);background:var(--color-background-yellow)}.app-sidebar__client-kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--ls-mono);font-size:var(--fs-badge);color:var(--color-text-gray)}.app-sidebar__client-name{font-weight:600;font-size:var(--fs-body);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imp-banner{display:flex;align-items:center;gap:var(--spacing-2);margin:0 0 var(--spacing-4);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-warning);background:var(--color-background-yellow);border-radius:var(--radius);font-size:var(--fs-ui);color:var(--color-text-primary)}.imp-banner__dot{width:8px;height:8px;border-radius:50%;background:var(--color-warning);flex-shrink:0}.login{position:fixed;inset:0;justify-content:center;background:var(--color-background-body);padding:var(--spacing-6)}.login,.login__card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-5)}.login__card{width:min(100%,380px);padding:var(--spacing-8) var(--spacing-7);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-background-card);box-shadow:var(--shadow-strong);text-align:center}.login__note{font-size:var(--fs-xs);color:var(--color-text-gray);margin:0}.brand-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.brand-swatches{display:flex;flex-direction:column;gap:var(--spacing-2)}.brand-swatch{display:grid;grid-template-columns:48px 1fr 130px 28px;gap:var(--spacing-2);align-items:center}.brand-logo-prev{width:64px;height:38px;border:1px solid var(--color-border);border-radius:var(--radius);background-size:contain;background-position:50%;background-repeat:no-repeat;flex-shrink:0}.modal-panel{width:min(560px,94vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;background:var(--color-background-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-strong)}.modal-panel--md{width:min(680px,94vw)}.modal-panel--slot{width:min(620px,94vw)}.modal-panel__inner{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;overflow:hidden;outline:none}.modal-panel__head{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-4);border-bottom:1px solid var(--color-border);flex:none}.modal-panel__body{padding:var(--spacing-4);overflow:auto}.modal-panel__body .row{flex-wrap:wrap}.modal-panel__body .row>.astryx-text-input,.modal-panel__body .row>div:has(>.astryx-text-input){flex:1 1 160px;min-width:0}.modal-panel__body .row .astryx-text-input{min-width:0;width:auto}.modal-panel__foot{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border);flex:none}.addc__create,.addc__form{display:flex;flex-direction:column}.addc__create{align-items:flex-start}.designer{position:fixed;inset:0;z-index:9990;display:flex;flex-direction:column;background:var(--color-background-body)}.designer__top{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-border);flex-shrink:0}.designer__name{width:280px;max-width:40vw;font-weight:600}.designer__top-actions{margin-left:auto;display:flex;gap:var(--spacing-2)}.designer__body{flex:1;display:flex;min-height:0}.designer__rail{width:132px;flex-shrink:0;border-right:1px solid var(--color-border);padding:var(--spacing-3);gap:var(--spacing-2);overflow-y:auto}.designer__rail,.designer__tool{display:flex;flex-direction:column}.designer__tool{align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) 0;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background-card);color:var(--color-text-primary);cursor:pointer;font-size:var(--fs-xs)}.designer__tool:hover{background:var(--color-background-muted)}.designer__rail-sep{height:1px;background:var(--color-border);margin:var(--spacing-1-5) 0}.designer__rail-field{display:flex;flex-direction:column;gap:var(--spacing-1)}.designer__rail-field>span{font-size:var(--fs-tiny);color:var(--color-text-secondary)}.designer__stage{flex:1;min-width:0;display:grid;place-items:center;padding:var(--spacing-6);background:var(--color-background-muted);overflow:hidden}.designer__canvas{position:relative;max-width:100%;max-height:100%;container-type:size;box-shadow:var(--shadow-strong);overflow:hidden}.de{position:absolute;cursor:move;outline:1px dashed transparent;touch-action:none}.de:hover{outline-color:rgba(255,255,255,.35)}.de.is-sel{outline:1.5px solid var(--color-accent)}.de__text{display:flex;align-items:center;line-height:1.12;white-space:pre-wrap;font-synthesis:none}.de__img,.de__text{width:100%;height:100%}.de__img{background-position:50%;background-repeat:no-repeat}.de__svg{display:flex;align-items:center;justify-content:center;overflow:hidden}.de__ph,.de__svg{width:100%;height:100%}.de__ph{display:grid;place-items:center;background:rgba(255,255,255,.06);color:rgba(255,255,255,.4);font-size:var(--fs-xs)}.de__handle{position:absolute;right:-6px;bottom:-6px;width:14px;height:14px;background:var(--color-accent);border:2px solid var(--color-background-body);border-radius:50%;cursor:nwse-resize}.designer__props{width:264px;flex-shrink:0;border-left:1px solid var(--color-border);padding:var(--spacing-3);overflow-y:auto}.designer__props-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.designer__props-head .kicker{text-transform:uppercase}.de-imgpick{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-1-5)}.de-imgpick__it{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-size:cover;background-position:50%;cursor:pointer;padding:0}.de-imgpick__it.is-sel{border-color:var(--color-accent);box-shadow:var(--shadow-inset-selected)}.switch{display:inline-flex;align-items:center;gap:var(--spacing-2);background:none;border:none;padding:0;cursor:pointer;color:var(--color-text-primary);font:inherit;height:var(--control-h)}.switch__track{width:38px;height:22px;border-radius:var(--radius-pill);background:var(--color-border);position:relative;transition:background var(--t-fast);flex-shrink:0}.switch__knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left var(--t-fast);box-shadow:var(--shadow-low)}.switch.is-on .switch__track{background:var(--color-success)}.switch.is-on .switch__knob{left:18px}.switch__label{font-size:var(--fs-ui);color:var(--color-text-secondary)}.variants{flex-direction:column}.variants,.variants__row{display:flex;gap:var(--spacing-2)}.variants__row{align-items:center}.variants__label{flex:0 0 96px;display:flex;flex-direction:column;gap:1px;font-size:var(--fs-ui);color:var(--color-text-secondary)}.field__slug,.variants__slug{font-family:var(--font-mono);font-size:var(--fs-badge);color:var(--color-text-gray);letter-spacing:.02em}.field__slug{font-weight:400;margin-left:var(--spacing-2);text-transform:none}.variants__row .input{flex:1;min-width:0}.variants__add{max-width:260px}.de.is-hidden{opacity:.25;pointer-events:none}.de-guide{position:absolute;background:var(--color-accent);pointer-events:none;z-index:5}.de-guide--v{top:0;bottom:0;width:1px}.de-guide--h{left:0;right:0;height:1px}.layers{display:flex;flex-direction:column;gap:var(--spacing-0-5);max-height:260px;overflow-y:auto}.layer{display:flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-1) var(--spacing-2);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-xs);color:var(--color-text-secondary)}.layer.is-sel,.layer:hover{background:var(--color-background-muted)}.layer.is-sel{border-color:var(--color-accent);color:var(--color-text-primary)}.layer.is-drag{opacity:.4}.layer__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.layer.is-hidden .layer__name{opacity:.5;text-decoration:line-through}.layer__eye{display:inline-flex;align-items:center;border:none;background:transparent;color:inherit;cursor:pointer;padding:0;flex-shrink:0}.tpl-gallery{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,160px));gap:var(--spacing-3);place-content:center;padding:var(--spacing-6)}.tpl-gallery__hint{grid-column:1/-1;text-align:center;color:rgba(255,255,255,.5);font-size:var(--fs-ui);margin-bottom:var(--spacing-1)}.tpl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-3);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;font-size:var(--fs-ui)}.tpl:hover{background:rgba(255,255,255,.09);border-color:var(--color-accent)}.designer__tool:disabled{opacity:.4;cursor:not-allowed}.designer__tool:disabled:hover{background:var(--color-background-card)}.designer__note{font-size:var(--fs-tiny);line-height:1.45;color:var(--color-text-gray)}.fb-card{position:absolute;border:2px solid transparent;border-radius:var(--radius-element);cursor:pointer;padding:0;background:transparent;transition:background var(--t-fast),border-color var(--t-fast)}.fb-card:hover{border-color:rgba(255,255,255,.45)}.fb-card.is-active{border-color:#ededed;background:rgba(255,255,255,.07)}.fb-card.is-empty{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.fb-pick{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);width:100%;text-align:left;padding:var(--spacing-2) var(--spacing-2);border-radius:var(--radius-inner);cursor:pointer;border:1px solid transparent;font-size:var(--fs-body);background:transparent;color:inherit}.fb-pick:hover{background:var(--color-background-muted)}.fb-pick.is-sel{background:rgba(255,255,255,.1);font-weight:600}.btn:focus-visible,.icon-btn:focus-visible,.input:focus-visible,.segmented__option:focus-visible,[role=radio]:focus-visible,a:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px;border-radius:var(--radius-inner)}@media (max-width:767px){.designer__top{flex-wrap:wrap;row-gap:var(--spacing-2)}.designer__name{width:100%;max-width:none}.designer__top-actions{margin-left:0}.designer__body{flex-direction:column}.designer__rail{width:100%;flex-direction:row;align-items:center;gap:var(--spacing-2);border-right:none;border-bottom:1px solid var(--color-border);overflow-x:auto;overflow-y:hidden;padding:var(--spacing-2) var(--spacing-3)}.designer__rail .layers{display:none}.designer__tool{flex:0 0 auto;min-width:68px;padding:var(--spacing-2) var(--spacing-1-5)}.designer__stage{flex:1 1 auto;min-height:44vh;padding:var(--spacing-3)}.designer__props{width:100%;flex:0 0 auto;border-left:none;border-top:1px solid var(--color-border);max-height:42vh}}.designer__mbackdrop,.designer__mbar{display:none}@media (max-width:767px){.designer--free .designer__stage{min-height:0;padding-bottom:56px}.designer--free .designer__props,.designer--free .designer__rail{position:fixed;left:0;right:0;bottom:48px;width:auto;max-height:62vh;z-index:9992;flex-direction:column;align-items:stretch;gap:var(--spacing-2);overflow-x:hidden;overflow-y:auto;padding:var(--spacing-3);background:var(--color-background-card);border:none;border-top:1px solid var(--color-border);border-radius:var(--radius-container) var(--radius-container) 0 0;box-shadow:var(--shadow-high);transform:translateY(120%);transition:transform var(--t-medium) cubic-bezier(.32,.72,0,1)}.designer--free .designer__rail .layers{display:flex}.designer--free .designer__tool{min-width:0}.designer--free[data-msheet=props] .designer__props,.designer--free[data-msheet=rail] .designer__rail{transform:translateY(0)}.designer__mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9993;height:48px;background:var(--color-background-surface);border-top:1px solid var(--color-border)}.designer__mtab{flex:1;border:none;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--fs-ui);font-weight:500;cursor:pointer}.designer__mtab.is-active{color:var(--color-text-primary);background:var(--color-background-muted)}.designer--free:not([data-msheet=none]) .designer__mbackdrop{display:block;position:fixed;inset:0 0 48px 0;z-index:9991;background:var(--color-overlay)}}@media (prefers-reduced-motion:reduce){.designer--free .designer__props,.designer--free .designer__rail{transition:none}}.app-scrim{display:none}@media (max-width:1024px){html[data-drawer=open] .app-scrim{display:block;position:fixed;inset:0 0 0 var(--drawer-w);background:transparent;z-index:3}}@media (max-width:1024px) and (prefers-reduced-motion:reduce){.app-canvas,.app-scrim,.app-sidebar,.app-sidebar__toggle{transition:none}}.tagpick{position:relative;display:inline-flex}.tagpick .icon-btn.is-on{color:var(--color-text-primary)}.tagpick__count{font-size:var(--fs-badge);font-family:var(--font-mono);margin-left:var(--spacing-0-5)}.tagpop{z-index:80;padding:var(--spacing-2);width:250px;max-width:calc(100vw - 16px);background:var(--color-background-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-strong)}.tagpop--right{left:auto;right:0}.tagpop__dialog{outline:none}.tagpop__list{display:flex;flex-direction:column;gap:var(--spacing-0-5);max-height:240px;overflow:auto}.tagpop__item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-1-5) var(--spacing-2);border:0;background:none;border-radius:var(--radius-sm);font:inherit;font-size:var(--fs-ui);color:var(--color-text-primary);text-align:left;cursor:pointer}.tagpop__item:hover{background:var(--color-background-muted)}.tagpop__item.is-on{font-weight:500}.tagpop__item--link{text-decoration:none}.tagpop__check{width:14px;height:14px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-emphasized);border-radius:var(--radius-sm)}.tagpop__item.is-on .tagpop__check{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-background-body)}.tagpop__row{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-0-5);min-width:0}.tagpop__row .icon-btn{flex:none}.tagpop__row .input{height:var(--control-h-sm);font-size:var(--fs-ui)}.tagpop__name{flex:1;font-size:var(--fs-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tagpop__new{display:flex;align-items:center;gap:var(--spacing-1-5);margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--color-border)}.tagpop__new .input{height:var(--control-h-sm);font-size:var(--fs-ui);flex:1}.spin{animation:ff-spin .9s linear infinite}@keyframes ff-spin{to{transform:rotate(1turn)}}.pw{display:grid;grid-template-columns:56px repeat(7,1fr);grid-template-rows:auto 560px;gap:0;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background-card);overflow:hidden}.pw__corner{grid-column:1}.pw__corner,.pw__dayhead{grid-row:1;border-bottom:1px solid var(--color-border)}.pw__dayhead{padding:var(--spacing-2) var(--spacing-1-5);text-align:center;font-size:var(--fs-xs);font-weight:500;color:var(--color-text-secondary);border-left:1px solid var(--color-border)}.pw__hours{grid-row:2;grid-column:1;position:relative}.pw__hour{position:absolute;right:8px;transform:translateY(-50%);font-family:var(--font-mono);font-size:var(--fs-badge);color:var(--color-text-gray)}.pw__daycol{grid-row:2;position:relative;border-left:1px solid var(--color-border)}.pw__line{position:absolute;left:0;right:0;border-top:1px dashed var(--color-border)}.pw__block{position:absolute;left:3px;right:3px;z-index:1;padding:var(--spacing-1) var(--spacing-1-5);overflow:hidden;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--pw-cat) 18%,var(--color-background-card));border:1px solid color-mix(in srgb,var(--pw-cat) 50%,var(--color-border));min-height:14px}.pw__block.is-off{opacity:.4}.pw__block-name{display:block;font-size:var(--fs-tiny);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pw__block-time{display:block;font-family:var(--font-mono);font-size:var(--fs-badge);color:var(--color-text-secondary)}@media (max-width:900px){.pw{grid-template-rows:auto 420px}.pw__hour{right:4px}}.pw__daycol--edit{cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pw__block{display:block;width:auto;text-align:left;font:inherit;cursor:pointer}button.pw__block:hover{filter:brightness(1.06)}.pw__block--ghost{background:color-mix(in srgb,var(--color-text-primary) 10%,var(--color-background-card));border:1px dashed var(--color-text-primary);pointer-events:none;z-index:2}.pw.is-dragging,.pw.is-dragging .pw__daycol--edit{cursor:grabbing}.pw__block--grab{cursor:grab}.pw__block.is-drag-src{opacity:.35}.pw__rs{position:absolute;left:0;right:0;height:7px;cursor:ns-resize}.pw__rs--t{top:0}.pw__rs--b{bottom:0}.pw__block--preview{background:color-mix(in srgb,var(--pw-cat) 26%,var(--color-background-card));border:1px solid var(--pw-cat)}.selwrap{position:relative}.selwrap>.card{height:100%}.selcheck{position:absolute;top:8px;right:8px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity var(--t-fast)}.selwrap.is-sel .selcheck,.selwrap:hover .selcheck{opacity:1}.selwrap.is-sel>.card{outline:2px solid var(--color-text-primary);outline-offset:-1px}.selcheck input{margin:0;cursor:pointer}.bulkbar{gap:var(--spacing-2);margin:0 0 var(--spacing-4);padding:var(--spacing-2) var(--spacing-3);background:var(--color-background-muted);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--fs-ui)}.bulkbar,.grouphead{display:flex;align-items:center}.grouphead{justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.grpactions{position:relative}.grpactions summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center}.grpactions summary::-webkit-details-marker{display:none}.grpactions__panel{position:absolute;right:0;top:calc(100% + 6px);z-index:50;width:min(460px,92vw);padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-3);background:var(--color-background-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-strong)}.pw__now{position:absolute;left:0;right:0;z-index:2;pointer-events:none;border-top:2px solid var(--color-text-primary)}.pw__now:before{content:"";position:absolute;left:-3px;top:-4px;width:6px;height:6px;border-radius:50%;background:var(--color-text-primary)}.layout-mini{position:relative;width:74px;height:44px;flex:0 0 auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background-body);overflow:hidden;margin-bottom:var(--spacing-0-5)}.layout-mini span{position:absolute;background:var(--color-accent-muted);border:1px solid var(--color-border)}.layout-mini .layout-mini__z2{background:color-mix(in srgb,var(--color-text-primary) 28%,var(--color-background-body))}.tagbadge{--tag-c:var(--color-text-gray);display:inline-flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-0-5) var(--spacing-2) var(--spacing-0-5) var(--spacing-2);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--tag-c) 14%,var(--color-background-card));border:1px solid color-mix(in srgb,var(--tag-c) 42%,var(--color-border));color:var(--color-text-primary);font-size:11.5px;font-weight:500;line-height:1.5;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tagbadge i{width:7px;min-width:7px;height:7px;aspect-ratio:1/1;flex:none;border-radius:50%;background:var(--tag-c)}.tagrow{display:flex;flex-wrap:wrap;gap:var(--spacing-1-5);margin-top:var(--spacing-2);min-width:0}.tagdot{--tag-c:var(--color-text-gray);display:inline-block;border-radius:50%;background:var(--tag-c);width:9px;min-width:9px;height:9px;aspect-ratio:1/1;flex:none;align-self:center;box-sizing:border-box}.tagdot--btn{width:15px;min-width:15px;height:15px;border:1px solid var(--color-border);cursor:pointer;padding:0}.tagdot--btn:hover{border-color:var(--color-border-emphasized)}.swatches{display:flex;flex-wrap:wrap;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-7)}.swatch,.swatches{align-items:center}.swatch{--tag-c:transparent;width:18px;min-width:18px;height:18px;aspect-ratio:1/1;flex:none;border-radius:50%;background:var(--tag-c);box-sizing:border-box;border:1px solid var(--color-border);cursor:pointer;padding:0;display:inline-flex;justify-content:center;color:var(--color-text-gray)}.swatch:hover{border-color:var(--color-text-primary)}.swatch.is-on{outline:2px solid var(--color-text-primary);outline-offset:1px}.swatch--none{background:var(--color-background-body)}.swatch--custom{position:relative;overflow:hidden;background:conic-gradient(#d64541,#c77d0a,#178a6e,#2d5be3,#8b4fb8,#d64541);border:1px solid var(--color-border)}.swatch--custom input[type=color]{position:absolute;inset:-4px;opacity:0;cursor:pointer;padding:0;border:0}.cms-workspace{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:var(--spacing-4);align-items:stretch;height:clamp(560px,calc(100dvh - 250px),920px)}@media (max-width:720px){.cms-workspace{grid-template-columns:1fr;height:auto}.cms-workspace>.panel:first-child{max-height:46vh}}