@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--spacing:.25rem;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.resize{resize:both}.lowercase{text-transform:lowercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#111324;--muted:#697086;--line:#e5e7ef;--purple:#5b3df5;--deep:#1a123f;--mint:#20cfa1;--paper:#f6f7fb}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.app-frame{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:74px;padding:0 clamp(22px,5vw,72px);display:flex}.brand{align-items:center;gap:11px;font-size:18px;font-weight:700;display:flex}.brand b{color:var(--purple)}.brand-mark{color:#fff;background:linear-gradient(145deg,#765dff,#4a2ce3);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:inline-grid;box-shadow:0 8px 22px #5b3df533}.brand-mark.small{border-radius:8px;width:28px;height:28px;font-size:13px}.org-chip{color:#3b2a94;background:#f5f3ff;border:1px solid #e5e0ff;border-radius:12px;align-items:center;gap:10px;padding:8px 13px;display:flex}.org-chip div{flex-direction:column;gap:2px;display:flex}.org-chip span{font-size:12px;font-weight:700}.org-chip small{color:#796fb0;font-size:10px}.dashboard-hero{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff 0,#f7f5ff 55%,#edfdf8 100%);grid-template-columns:1.2fr 1fr;align-items:end;gap:80px;padding:72px clamp(22px,8vw,124px) 60px;display:grid}.page-kicker{letter-spacing:.14em;color:var(--purple);align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.dashboard-hero h1{letter-spacing:-.055em;margin:18px 0 22px;font-size:clamp(48px,6vw,78px);line-height:.98}.dashboard-hero h1 em{color:var(--purple);font-style:normal}.dashboard-hero>div>p{color:var(--muted);max-width:650px;font-size:17px;line-height:1.7}.flow-card{background:var(--deep);color:#fff;border-radius:20px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;padding:18px;display:grid;box-shadow:0 30px 80px #1d124633}.flow-card div{text-align:center;flex-direction:column;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.flow-card svg{color:#9b8aff}.flow-card i{color:#6c638e;font-style:normal}.portal-area{padding:48px clamp(22px,8vw,124px)}.section-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.section-heading h2{margin:8px 0 0;font-size:30px}.count-chip{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:99px;padding:8px 12px;font-size:11px}.portal-card{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:18px;padding:24px;display:flex;box-shadow:0 12px 35px #1b1d3010}.portal-icon{color:#fff;background:linear-gradient(145deg,var(--purple),#2b1b79);border-radius:15px;place-items:center;width:54px;height:54px;display:grid}.portal-meta{flex:1}.portal-meta>span{letter-spacing:.13em;color:var(--purple);font-size:10px;font-weight:800}.portal-meta h3{margin:5px 0;font-size:20px}.portal-meta p{color:var(--muted);margin:0;font-size:12px}.portal-actions{gap:10px;display:flex}.button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:13px;font-weight:750;display:inline-flex}.button.primary{background:var(--purple);color:#fff;box-shadow:0 8px 18px #5b3df535}.button.secondary{color:#3c4051;border:1px solid var(--line);background:#fff}.button.compact{padding:9px 12px;font-size:12px}.loading-card,.error-card{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:16px;padding:30px}.error-card{color:#a12b3b}.center-state{height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:14px;display:grid}.center-state a{color:var(--purple);font-weight:700}.editor-page{background:#fff;height:100vh;overflow:hidden}.editor-bar{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 14px;display:flex;position:relative}.editor-left,.editor-actions,.editor-status{align-items:center;gap:9px;display:flex}.editor-left>a{padding:7px}.editor-left>div{flex-direction:column;display:flex}.editor-left strong{font-size:13px}.editor-left small{color:var(--muted);margin-top:2px;font-size:10px}.editor-status{color:var(--muted);font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.status-dot,.live-dot{background:var(--mint);border-radius:99px;width:7px;height:7px;box-shadow:0 0 0 4px #20cfa119}.status-dot.dirty{background:#f0a62e;box-shadow:0 0 0 4px #f0a62e19}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.icon-button svg{width:17px}.puck-host{height:calc(100vh - 64px)}.puck-host>div{height:100%!important}.json-drawer{z-index:50;color:#edeafb;background:#151126;width:min(520px,90vw);padding:25px;position:fixed;top:64px;bottom:0;right:0;overflow:auto;box-shadow:-30px 0 80px #0d092a44}.drawer-head{justify-content:space-between;align-items:start;display:flex}.drawer-head h2{margin:7px 0}.json-drawer>p{color:#aba4c6;font-size:13px;line-height:1.6}.json-drawer pre{white-space:pre-wrap;color:#cfc8ff;background:#0d0a1a;border:1px solid #30294b;border-radius:12px;padding:16px;font:11px/1.6 monospace}.json-drawer .icon-button{color:#fff;background:#211b36;border-color:#3c335b}.runtime-page{background:#fff;min-height:100vh}.runtime-toolbar{color:#c9c4dd;letter-spacing:.08em;background:#0f0c1c;justify-content:center;align-items:center;gap:30px;height:45px;font-size:10px;display:flex}.runtime-toolbar a,.runtime-toolbar span,.runtime-toolbar div,.runtime-toolbar button{align-items:center;gap:7px;display:flex}.runtime-toolbar a{position:absolute;left:20px}.runtime-toolbar button{color:#fff;cursor:pointer;background:#2b2342;border:0;border-radius:7px;padding:7px 10px;position:absolute;right:20px}.live-dot{display:inline-block!important}.runtime-shell{width:min(1120px,100% - 44px);margin:0 auto}.runtime-hero{color:#fff;align-items:center;min-height:520px;padding:95px 0 100px;display:flex}.runtime-eyebrow,.section-kicker{letter-spacing:.18em;color:#a99aff;font-size:10px;font-weight:850}.runtime-hero h1{letter-spacing:-.055em;max-width:810px;margin:18px 0 24px;font-size:clamp(48px,7vw,82px);line-height:.98}.runtime-hero p{color:#d2cee6;max-width:650px;font-size:18px;line-height:1.65}.runtime-pill{background:#ffffff10;border:1px solid #fff3;border-radius:99px;margin-top:25px;padding:9px 13px;font-size:10px;display:inline-block}.runtime-stats{background:#fff;margin-top:-38px;position:relative}.stats-grid{border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden;box-shadow:0 20px 70px #24186320}.stats-grid article{border-right:1px solid var(--line);flex-direction:column;padding:28px 30px;display:flex;position:relative}.stats-grid article:last-child{border:0}.stats-grid span{color:var(--muted);font-size:11px}.stats-grid strong{margin-top:7px;font-size:34px}.stats-grid i{background:var(--purple);height:3px;position:absolute;bottom:0;left:30px;right:30px}.runtime-text{padding:90px 0}.runtime-text.align-center{text-align:center}.runtime-text h2,.runtime-action h2{letter-spacing:-.04em;margin:12px 0 16px;font-size:42px}.runtime-text p,.runtime-action p{color:var(--muted);max-width:690px;font-size:17px;line-height:1.8}.runtime-text.align-center p{margin:0 auto}.runtime-action{padding:55px 0 90px}.runtime-action article{background:linear-gradient(135deg,#f1efff,#e9fcf6);border-radius:22px;padding:55px}.runtime-action button{background:var(--purple);color:#fff;border:0;border-radius:10px;margin-top:10px;padding:13px 18px;font-weight:800}.runtime-action button b{margin-left:20px}.runtime-notice{padding:30px 0}.notice-card{background:#f3f5ff;border:1px solid #dfe3ff;border-radius:12px;gap:15px;padding:20px;display:flex}.notice-card p{color:var(--muted);margin:5px 0 0;font-size:13px}.notice-dot{background:#6170ed;border-radius:50%;width:10px;height:10px;margin-top:4px}.notice-success{background:#eefff9;border-color:#c4f2e2}.notice-success .notice-dot{background:var(--mint)}.notice-warning{background:#fff8e9;border-color:#f7deb0}.notice-warning .notice-dot{background:#eea32c}.runtime-footer{color:#fff;background:#0f0c1c;align-items:center;gap:12px;padding:28px clamp(22px,5vw,70px);display:flex}.runtime-footer>div{flex-direction:column;display:flex}.runtime-footer strong{font-size:12px}.runtime-footer small{color:#8f88a8;margin-top:3px;font-size:10px}@media (max-width:900px){.dashboard-hero{grid-template-columns:1fr;gap:35px;padding-top:45px}.portal-card{flex-wrap:wrap;align-items:flex-start}.portal-actions{flex-wrap:wrap;width:100%}.portal-actions .button{flex:1}.editor-status,.editor-actions .secondary,.runtime-toolbar>span{display:none}.stats-grid{grid-template-columns:1fr}.stats-grid article{border-right:0;border-bottom:1px solid var(--line)}.runtime-hero{min-height:440px;padding:70px 0}.org-chip{display:none}}@media (max-width:560px){.dashboard-hero h1{font-size:48px}.flow-card{grid-template-columns:1fr}.flow-card i{transform:rotate(90deg)}.portal-card{padding:18px}.portal-meta{min-width:180px}.editor-left small{display:none}.runtime-toolbar{justify-content:flex-start;padding-left:110px}.runtime-toolbar button{font-size:0}.runtime-action article{padding:32px}.runtime-text h2,.runtime-action h2{font-size:34px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.import-page{color:#0b1d3a;background:#f5f7fb;min-height:100vh;position:relative;overflow:hidden}.import-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 24%,#ed168f12 0 2px,#0000 3px) 0 0/190px 190px,radial-gradient(circle at 31% 71%,#9c3dde14 0 3px,#0000 4px) 0 0/260px 260px,radial-gradient(circle at 78% 20%,#1650a714 0 3px,#0000 4px) 0 0/230px 230px,linear-gradient(135deg,#0000 0 46%,#ed168f08 46.2% 46.5%,#0000 46.7%) 0 0/520px 520px,linear-gradient(35deg,#0000 0 64%,#9c3dde08 64.2% 64.5%,#0000 64.7%) 0 0/620px 620px;position:fixed;inset:76px 0 0}.import-page:after{content:"";pointer-events:none;border:1px solid #ed168f18;border-radius:50%;width:540px;height:540px;position:fixed;bottom:-250px;left:-180px;box-shadow:0 0 0 70px #9c3dde08,0 0 0 140px #1650a706}.import-page>*{z-index:1;position:relative}.import-page>header{background:#06172f;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex}.import-page>header a{color:#fff;align-items:center;gap:8px;font-weight:750;display:flex}.import-shell{grid-template-columns:1.05fr .95fr;gap:42px;width:min(1180px,100% - 40px);margin:46px auto;display:grid}.import-intro>span{color:#e80b8c;letter-spacing:.12em;font-size:12px;font-weight:900}.import-intro h1{max-width:650px;margin:14px 0 18px;font-size:44px;line-height:1.04}.import-intro>p{color:#66758c;margin-bottom:28px;font-size:15px;line-height:1.7}.import-intro>div{align-items:flex-start;gap:14px;margin:20px 0;display:flex}.import-intro>div>svg{color:#e80b8c;width:26px}.import-intro>div span{flex-direction:column;display:flex}.import-intro>div small{color:#728097;margin-top:4px;line-height:1.5}.import-form,.import-progress{background:#fff;border:1px solid #dfe5ee;border-radius:18px;padding:30px;box-shadow:0 18px 48px #09224b12}.import-form{flex-direction:column;gap:17px;display:flex}.import-form h2{margin:0 0 5px}.import-form label{color:#42516a;font-size:12px;font-weight:800}.import-form input,.import-form select{width:100%;height:46px;font:inherit;border:1px solid #cfd8e6;border-radius:8px;margin-top:7px;padding:0 12px;display:block}.import-form label small{color:#8090a6;margin-top:6px;font-weight:500;display:block}.import-credentials{background:#f7f9fc;border-radius:10px;gap:12px;padding:15px;display:flex}.import-credentials>svg{color:#e80b8c;margin-top:24px}.import-credentials>div{gap:12px;width:100%;display:grid}.import-form>button,.import-open{color:#fff;background:linear-gradient(105deg,#ed168f,#9c3dde);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:48px;font-weight:850;display:flex}.import-progress{text-align:center;align-self:start}.import-progress>svg{color:#e80b8c;width:46px;height:46px}.import-progress h2{margin:14px 0 4px;font-size:27px}.import-progress p{color:#718096}.progress-track{background:#e7ebf2;border-radius:10px;height:10px;margin:28px 0 10px;overflow:hidden}.progress-track i{background:linear-gradient(90deg,#ed168f,#9c3dde);height:100%;transition:width .3s;display:block}.import-progress>strong{font-size:30px}.import-progress>span{color:#607087;margin:5px 0 20px;display:block}.import-progress .spin{width:22px;height:22px;animation:1s linear infinite spin}.import-open{margin-top:25px;text-decoration:none}.import-error{color:#a5223d;background:#fff0f3;border-radius:7px;padding:10px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:850px){.import-shell{grid-template-columns:1fr}.import-intro h1{font-size:36px}.import-page:before{opacity:.45;background-size:240px 240px}.import-page:after{display:none}}
.studio-home{color:#081a38;background:#f4f7fc;min-height:100vh}.studio-topbar{color:#fff;background:#06162f;border-bottom:1px solid #29405f;align-items:center;gap:20px;height:78px;padding:0 34px;display:flex}.activeport-brand{letter-spacing:-1.5px;align-items:center;font-size:29px;font-weight:500;display:flex}.active-word{color:#f70b97}.port-word{color:#fff}.activeport-symbol{width:35px;height:32px;margin-left:8px;display:inline-block;position:relative}.activeport-symbol i{background:linear-gradient(135deg,#f70b97,#ad52fe);border-radius:9px;width:15px;height:15px;position:absolute}.activeport-symbol i:first-child{top:9px;left:0}.activeport-symbol i:nth-child(2){top:0;left:15px}.activeport-symbol i:nth-child(3){bottom:0;left:15px}.top-divider{background:#fff4;width:1px;height:34px}.studio-topbar>strong{font-size:18px}.topbar-spacer{flex:1}.organisation-picker{color:#fff;background:#081a38;border:1px solid #52627a;border-radius:9px;align-items:center;gap:12px;height:44px;padding:0 16px;font-size:14px;display:flex}.avatar{background:#1260d4;border-radius:50%;place-items:center;width:42px;height:42px;font-size:13px;display:grid}.identity{flex-direction:column;gap:2px;display:flex}.identity strong{font-size:14px}.identity small{color:#c9d1df;font-size:11px}.studio-hero{color:#fff;background:radial-gradient(circle at 85% 80%,#631178 0,#15236e 30%,#061b46 62%,#031630 100%);border-radius:0 0 28px 28px;height:276px;position:relative;overflow:hidden}.network-mesh{opacity:.45;background-image:linear-gradient(25deg,#0000 48%,#276fe455 49%,#0000 51%),linear-gradient(155deg,#0000 48%,#ad52fe44 49%,#0000 51%);background-size:185px 90px;position:absolute;inset:0}.hero-copy{position:absolute;top:78px;left:6.3%}.hero-copy h1{margin:0 0 14px;font-size:31px}.hero-copy p{color:#d4dced;margin:0;font-size:17px;line-height:1.6}.create-portal{color:#fff;background:linear-gradient(135deg,#f70b97,#8e3ed4);border:0;border-radius:9px;align-items:center;gap:8px;padding:13px 20px;font-weight:750;display:flex;position:absolute;top:26px;right:4.2%}.publish-flow{background:#ffffff0d;border:1px solid #fff8;border-radius:16px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;width:43%;height:135px;padding:16px 26px;display:grid;position:absolute;bottom:27px;right:8%}.publish-flow>div{flex-direction:column;align-items:center;gap:10px;font-size:13px;display:flex}.publish-flow>div svg{color:#fff;background:linear-gradient(145deg,#285da5,#6947be);border-radius:13px;width:52px;height:52px;padding:13px}.publish-flow>div:last-child svg{background:linear-gradient(145deg,#a72776,#f70b97)}.publish-flow>svg{color:#bdc8db}.portal-workspace{padding:20px 32px 26px}.workspace-title{justify-content:space-between;align-items:end;margin:0 2px 14px;display:flex}.workspace-title>div>span{letter-spacing:.16em;color:#1650a7;font-size:9px;font-weight:800}.workspace-title h2{margin:3px 0 0;font-size:23px}.portal-total{color:#627087;background:#fff;border:1px solid #dbe2ed;border-radius:99px;padding:7px 11px;font-size:11px}.portal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.workspace-card{background:#fff;border:1px solid #d9e1ec;border-radius:13px;flex-direction:column;min-width:0;padding:10px;display:flex;box-shadow:0 8px 25px #082b5b0b}.preview-wrap{background:#f8faff;border:1px solid #e1e7f0;border-radius:9px;height:142px;overflow:hidden}.preview{color:#22324d;height:100%;padding:10px;font-size:9px;position:relative}.preview-kpis,.preview-compute{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.preview-kpis>div,.preview-compute>div{background:#fff;border:1px solid #e6ebf3;border-radius:5px;flex-direction:column;gap:4px;padding:6px;display:flex}.preview small{color:#627087;font-size:7px}.preview b{color:#1650a7;font-size:14px}.danger{color:#df2e49!important}.preview-kpis>span{grid-column:1/3;margin-top:4px;font-weight:700}.preview-kpis>i{background:#fff;border:1px solid #e6ebf3;border-radius:5px;grid-column:1/5;padding:6px;font-style:normal}.preview-compute>span{background:#fff;border-bottom:1px solid #e6ebf3;grid-column:1/5;padding:4px 6px}.preview-compute em{float:right;color:#07805d;font-style:normal}.preview-network{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.preview-network>div{background:#fff;border:1px solid #d8e0ec;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:55px;height:65px;display:flex}.preview-network>div svg{color:#5b3df5}.preview-network>span{text-align:center;color:#1650a7;width:100%;font-weight:700}.preview-cloud{grid-template-columns:repeat(4,1fr);align-items:start;gap:5px;display:grid}.preview-cloud>div{background:#fff;border:1px solid #dfe5ef;border-radius:7px;place-items:center;height:35px;font-weight:700;display:grid}.preview-cloud>svg{color:#723fd0;position:absolute;top:67px;left:45%}.preview-cloud>span{text-align:center;color:#1650a7;position:absolute;bottom:10px;left:0;right:0}.preview-ai{grid-template-columns:1.4fr 1fr;gap:8px;display:grid}.preview-ai>div{background:#fff;border:1px solid #e1e7f0;border-radius:7px;flex-direction:column;gap:7px;padding:12px;display:flex}.preview-ai svg{color:#753dcb}.preview-ai span{color:#627087}.preview-ai b{font-size:12px}.preview-map{color:#7bc9ff;background:linear-gradient(145deg,#061a39,#0b315b)}.preview-map>svg{opacity:.25;width:100%;height:100%}.preview-map>span{color:#fff;position:absolute;bottom:8px;left:10px}.map-node{background:#20b8ff;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 12px #20b8ff}.n1{top:45%;left:20%}.n2{top:28%;left:52%}.n3{top:55%;right:18%}.map-link{transform-origin:0;background:#20b8ff;height:1px;position:absolute}.l1{width:36%;top:47%;left:21%;transform:rotate(-17deg)}.l2{width:34%;top:30%;left:53%;transform:rotate(29deg)}.card-heading{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.card-heading>div{align-items:center;gap:7px;min-width:0;display:flex}.card-heading svg{color:#1650a7;flex:none}.card-heading h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;overflow:hidden}.published-chip{color:#087858;background:#dff7ee;border-radius:6px;padding:5px 7px;font-size:9px}.card-description{color:#66738a;height:29px;margin:7px 0;font-size:10px;line-height:1.4}.card-metadata{color:#66738a;flex-direction:column;gap:3px;font-size:9px;display:flex}.card-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.card-actions a{border-radius:7px;justify-content:center;align-items:center;gap:6px;height:34px;font-size:10px;font-weight:750;display:flex}.edit-button{color:#fff;background:linear-gradient(135deg,#f70b97,#8a45df)}.open-button{color:#1650a7;border:1px solid #1762ed}.access-panel{background:#f8faff;border:1px solid #d9e2ef;border-radius:12px;align-items:center;gap:14px;height:78px;margin-top:16px;padding:0 20px;display:flex}.access-panel>span{color:#1260d4;background:#eaf1ff;border:1px solid #cedaed;border-radius:9px;place-items:center;width:49px;height:49px;display:grid}.access-panel strong{font-size:14px}.access-panel p{color:#68758a;margin:6px 0 0;font-size:10px}.access-lock{color:#1650a7;margin-left:auto}.access-lock svg{width:38px;height:38px}@media (max-width:1200px){.portal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.publish-flow{width:50%}.hero-copy{left:4%}}@media (max-width:850px){.studio-topbar{padding:0 18px}.organisation-picker,.identity,.studio-topbar>.top-divider:nth-of-type(2){display:none}.studio-hero{height:auto;padding:44px 22px}.hero-copy,.publish-flow,.create-portal{position:relative;inset:auto}.hero-copy br{display:none}.create-portal{margin:25px 0}.publish-flow{width:100%;height:125px}.portal-workspace{padding:20px}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.activeport-brand{font-size:23px}.studio-topbar>strong{font-size:14px}.portal-grid{grid-template-columns:1fr}.publish-flow{grid-template-columns:1fr;height:auto}.publish-flow>svg{display:none}.preview-wrap{height:155px}}.login-page{color:#fff;background:radial-gradient(circle at 75% 20%,#263d8a,#071a3b 45%,#031229);place-items:center;min-height:100vh;display:grid;position:relative}.login-brand{letter-spacing:-1.5px;align-items:center;font-size:31px;display:flex;position:absolute;top:32px;left:42px}.login-card{color:#081a38;background:#fff;border-radius:20px;width:min(440px,100% - 34px);padding:42px;box-shadow:0 35px 90px #0008}.login-icon{color:#fff;background:linear-gradient(135deg,#f70b97,#7f43db);border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.login-card h1{margin:22px 0 10px;font-size:31px}.login-card>p{color:#647189;font-size:14px;line-height:1.6}.login-card form{flex-direction:column;gap:15px;margin-top:25px;display:flex}.login-card label{color:#44516a;font-size:11px;font-weight:800}.login-card input{border:1px solid #d6deea;border-radius:8px;width:100%;height:44px;margin-top:6px;padding:0 12px}.login-card button{color:#fff;background:linear-gradient(135deg,#f70b97,#8742dc);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:46px;font-weight:800;display:flex}.login-card>small{text-align:center;color:#7b879a;margin-top:24px;display:block}.login-error{color:#a5223d;background:#fff0f3;border:1px solid #ffd3dc;border-radius:7px;padding:9px;font-size:12px}.runtime-map,.runtime-provision,.runtime-resources{padding:70px 0}.runtime-map h2,.runtime-provision h2,.runtime-resources h2{margin:12px 0 22px;font-size:38px}.map-canvas{color:#fff;background:radial-gradient(circle at 60% 45%,#175da0,#061b3d 65%);border-radius:18px;height:330px;position:relative;overflow:hidden}.map-canvas>span{font-weight:800;position:absolute;top:24px;left:28px}.map-canvas>i{background:#23b8ff;border-radius:50%;width:16px;height:16px;position:absolute;box-shadow:0 0 20px #23b8ff}.map-canvas>i:first-of-type{top:58%;left:24%}.map-canvas>i:nth-of-type(2){top:35%;left:52%}.map-canvas>i:nth-of-type(3){top:62%;right:18%}.map-canvas>b{color:#a8d8ff;font-size:10px;position:absolute;bottom:22px;left:28px}.provision-card{background:#f8faff;border:1px solid #e0e5ee;border-radius:16px;grid-template-columns:1fr 1fr auto;align-items:end;gap:18px;padding:25px;display:grid}.provision-card label{color:#6b7588;flex-direction:column;gap:8px;font-size:11px;display:flex}.provision-card strong{color:#18263e;background:#fff;border:1px solid #d8dfeb;border-radius:7px;height:42px;padding:13px}.provision-card button{color:#fff;background:#1650a7;border:0;border-radius:8px;height:42px;padding:0 20px;font-weight:800}.resource-table{border:1px solid #dfe5ef;border-radius:14px;overflow:hidden}.resource-table>div{color:#fff;background:#081a38;grid-template-columns:repeat(4,1fr);padding:15px;display:grid}.resource-table p{color:#68758a;margin:0;padding:22px}.studio-topbar{z-index:4000;position:relative}.shared-user-menu{z-index:4100;position:relative}.shared-user-panel{z-index:99990!important;position:absolute!important}.global-modal-backdrop{z-index:100000;background:#040c1b7a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.global-account-modal{background:var(--canvas-surface,#fff);width:min(720px,94vw);max-height:88vh;color:var(--canvas-text,#10223c);border-radius:22px;padding:24px;overflow:auto;box-shadow:0 34px 90px #00000052}.global-account-modal>header{border-bottom:1px solid var(--canvas-border,#dde5ef);justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:14px;display:flex}.global-account-modal>header span{letter-spacing:.12em;color:#e70c91;font-size:12px;font-weight:900}.global-account-modal>header h2{margin:4px 0 0}.global-account-modal>header button{background:0 0;border:0}.global-modal-body{gap:18px;display:grid}.global-modal-body>label{gap:8px;font-weight:800;display:grid}.global-modal-body input{border:1px solid var(--canvas-border,#d9e1eb);background:var(--canvas-surface,#fff);color:inherit;border-radius:10px;padding:12px}.avatar-preference-row{align-items:center;gap:12px;display:flex}.avatar-preference-row img{object-fit:cover;border-radius:50%;width:64px;height:64px}.avatar-preference-row .avatar{width:64px;height:64px}.systems-list{gap:10px;display:grid}.systems-list article{border:1px solid var(--canvas-border,#dde5ef);border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.systems-list article span{display:grid}.systems-list small{opacity:.7}.system-form{gap:12px;padding-top:12px;display:grid}.system-form label{gap:5px;display:grid}.shared-user-panel button{text-align:left;width:100%;font:inherit;border:0}html[data-canvas-theme=dark] .global-account-modal{--canvas-surface:#111c2d;--canvas-text:#edf4ff;--canvas-border:#2b3a50}
.catalogue-section{margin-top:24px;scroll-margin-top:20px}.workspace-title p{color:#68758a;margin:7px 0 0;font-size:12px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.template-card{background:#fff;border:1px solid #d9e1ec;border-radius:13px;flex-direction:column;padding:10px;display:flex}.template-visual{color:#fff;background:radial-gradient(circle at 80% 20%,#7d3bdc,#153f8d 50%,#071a3b);border-radius:9px;flex-direction:column;gap:7px;height:115px;padding:16px;display:flex}.template-visual svg{color:#ff49ae}.template-visual span{letter-spacing:.13em;color:#c9d8ff;font-size:9px}.template-visual strong{font-size:11px;line-height:1.45}.template-card-title{justify-content:space-between;align-items:center;gap:7px;margin-top:11px;display:flex}.template-card-title h3{margin:0;font-size:15px}.template-card-title span{color:#1650a7;background:#e8f0ff;border-radius:99px;padding:4px 6px;font-size:8px}.template-card>p{color:#68758a;min-height:30px;font-size:10px;line-height:1.5}.template-actions-secondary{grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;display:grid}.template-actions-secondary a,.use-template-button{color:#1650a7;border:1px solid #cfd9e8;border-radius:7px;justify-content:center;align-items:center;gap:5px;height:32px;font-size:10px;font-weight:750;display:flex}.use-template-button{color:#fff;background:linear-gradient(135deg,#f70b97,#8a45df);border:0;margin-top:7px}.portal-placeholder{color:#fff;background:radial-gradient(circle at 70% 20%,#6947be,#0c3066 60%,#06162f);align-content:center;place-items:center;gap:8px;display:grid}.portal-placeholder svg{color:#ff49ae;width:40px;height:40px}.disabled{opacity:.5;pointer-events:none}.template-preview-bar{color:#fff;background:#071a3b;justify-content:space-between;align-items:center;padding:12px 22px;display:flex}.preview-safety{color:#6c4b00;text-align:center;background:#fff6dc;padding:10px 18px;font-size:12px}.template-details,.create-template-page{max-width:1050px;margin:40px auto;padding:0 24px}.details-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0;display:grid}.details-grid>div,.create-template-page form{background:#fff;border:1px solid #d9e1ec;border-radius:12px;padding:20px}.create-template-page form{gap:15px;display:grid}.create-template-page label{gap:7px;font-weight:700;display:grid}.create-template-page input{border:1px solid #ccd6e4;border-radius:8px;height:44px;padding:0 12px}.create-template-page button{color:#fff;background:linear-gradient(135deg,#f70b97,#8a45df);border:0;border-radius:8px;height:44px;font-weight:800}@media (max-width:1200px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:850px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.details-grid{grid-template-columns:1fr}}@media (max-width:560px){.template-grid{grid-template-columns:1fr}}
.visual-blank{color:#1650a7!important;background:linear-gradient(145deg,#f8faff,#eaf1ff)!important}.visual-customer-operations{background:linear-gradient(145deg,#0c4f9c,#0a91b0)!important}.visual-generic-compute{background:linear-gradient(145deg,#075f62,#08a28d)!important}.visual-openstack-compute{background:linear-gradient(145deg,#8f1730,#ed4053)!important}.visual-network-as-a-service{background:linear-gradient(145deg,#075d76,#11a6a4)!important}.visual-multi-cloud-connectivity{background:linear-gradient(145deg,#173f94,#733fc8)!important}.visual-ai-self-service{background:linear-gradient(145deg,#51239c,#a23dc2)!important}.visual-network-operations{background:linear-gradient(145deg,#061b3d,#1264a2)!important}.visual-game-catalogue{background:linear-gradient(145deg,#b53515,#ef7a20)!important}.visual-bare-metal-orchestration{background:linear-gradient(145deg,#3b4659,#718097)!important}.visual-edge-orchestration{background:linear-gradient(145deg,#087883,#22b7a8)!important}.visual-sd-wan-orchestration{background:linear-gradient(145deg,#194aa5,#2b7bed)!important}.template-visual.visual-blank span,.template-visual.visual-blank strong{color:#1650a7}.compute-dashboard{color:#172842;background:#f8faff;height:100%;padding:9px;font-size:7px}.compute-dashboard>small{font-size:7px;font-weight:800}.compute-kpis{grid-template-columns:repeat(4,1fr);gap:5px;margin:7px 0;display:grid}.compute-kpis span{background:#fff;border:1px solid #e1e7f0;border-radius:4px;flex-direction:column;padding:5px;display:flex}.compute-kpis i{color:#596a83;font-size:6px;font-style:normal}.compute-kpis b{color:#1650a7;margin:3px 0;font-size:12px}.compute-kpis em{color:#07805d;font-size:5px;font-style:normal}.compute-dashboard>strong{font-size:7px}.compute-row{background:#fff;border-bottom:1px solid #e3e8f0;grid-template-columns:1.5fr 1fr 1fr 1fr;padding:3px 4px;display:grid}.compute-row span:nth-child(3){color:#07805d}.portal-feature-preview{color:#fff;align-content:center;place-items:center;gap:8px;height:100%;display:grid}.portal-feature-preview svg{width:40px;height:40px}.portal-feature-preview span{color:#dbe7ff;font-size:8px}.draft-chip{color:#8a5800;background:#fff0c7;border-radius:6px;padding:5px 7px;font-size:9px}
.revision-list{flex-direction:column;gap:10px;margin-top:18px;display:flex}.revision-list>div{background:#f8faff;border:1px solid #dce3ee;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;padding:13px;display:flex}.revision-list span{flex-direction:column;gap:5px;display:flex}.revision-list small{color:#68758a}
.login-options{border:1px solid #dce3ee;border-radius:8px;padding:10px 12px}.login-options summary{cursor:pointer;color:#1650a7;font-size:11px;font-weight:800}.login-options[open] summary{margin-bottom:12px}.login-options label+label{margin-top:10px}.login-options label span{float:right;color:#8994a5;font-weight:500}
:root{--ap-navy:#06172f;--ap-pink:#f20b91;--ap-purple:#9a38dc;--ap-blue:#1459b8;--ap-text:#0b1d3a;--ap-muted:#66758c;--ap-line:#dde4ee;--ap-canvas:#f6f8fb}.studio-home{background:var(--ap-canvas);color:var(--ap-text)}.studio-topbar{background:var(--ap-navy);border-bottom:1px solid #29405a;height:76px;padding:0 34px}.activeport-brand img,.login-brand img{object-fit:contain}.studio-hero{background:radial-gradient(circle at 92% 55%,#4b176f 0,#0000 35%),linear-gradient(110deg,#06172f 0%,#09295b 58%,#23185f 100%);border-radius:0 0 24px 24px;height:250px}.network-mesh{opacity:.12;background-size:220px 105px}.hero-copy{top:72px}.hero-copy h1{letter-spacing:-.025em;font-size:30px;font-weight:620}.hero-copy p{color:#dce5f2;font-size:15px}.create-portal{background:var(--ap-pink);top:24px;box-shadow:0 9px 26px #f20b9130}.publish-flow{height:118px;box-shadow:none;background:#ffffff0a;border-color:#ffffff4d;bottom:22px}.publish-flow>div svg,.publish-flow>div:last-child svg{background:#ffffff12;border:1px solid #ffffff25}.portal-workspace{background:var(--ap-canvas);padding:34px 32px}.workspace-title{margin-bottom:18px}.workspace-title>div>span{color:var(--ap-blue)}.workspace-title h2{letter-spacing:-.02em;font-size:25px}.workspace-title p{font-size:12px}.template-grid{gap:18px}.template-card{border:1px solid var(--ap-line);background:#fff;border-radius:14px;padding:14px;transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:0 8px 22px #071b3b08}.template-card:hover{border-color:#c8d3e2;transform:translateY(-2px);box-shadow:0 13px 32px #071b3b12}.template-visual[class*=visual-]{height:88px!important;color:var(--ap-text)!important;background:#f8fafc!important;border:1px solid #e5eaf1!important;border-radius:10px!important;gap:6px!important;padding:14px!important}.template-visual[class*=visual-] svg{width:26px;height:26px;color:var(--ap-pink)!important}.template-visual[class*=visual-] span{text-transform:uppercase;font-size:8px;font-weight:750;color:#77859a!important}.template-visual[class*=visual-] strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:650;overflow:hidden;color:#273955!important}.template-card-title{margin-top:13px}.template-card-title h3{font-size:15px;font-weight:650}.template-card-title span{color:#64748a;background:#f0f3f7;border:1px solid #e2e7ee}.template-card>p{color:var(--ap-muted);min-height:31px;font-size:10px}.template-actions-secondary a{color:#164e9b;background:#fff;border-color:#d8e0eb;height:34px}.template-actions-secondary a:hover{background:#f5f8fc}.use-template-button{background:var(--ap-pink);height:35px;box-shadow:none;margin-top:8px}.use-template-button:hover{background:#d90881}.portal-total{border-color:var(--ap-line);background:#fff}.access-panel{border-color:var(--ap-line);background:#fff;box-shadow:0 7px 20px #071b3b08}.workspace-card{border-color:var(--ap-line);box-shadow:0 8px 22px #071b3b08}.portal-feature-preview[class*=visual-]{color:var(--ap-text)!important;background:#f8fafc!important}.portal-feature-preview[class*=visual-] svg{color:var(--ap-pink)}.portal-feature-preview[class*=visual-] span{color:var(--ap-muted)}.edit-button{background:var(--ap-pink)}.login-page{background:radial-gradient(circle at 76% 18%,#263f82,#081b3b 48%,#04152d)}.login-card{border:1px solid #ffffff1f;box-shadow:0 32px 80px #020b1c80}.login-icon,.login-card button{background:linear-gradient(135deg,var(--ap-pink),var(--ap-purple))}@media (max-width:850px){.portal-workspace{padding:26px 20px}.studio-hero{height:auto}.template-card:hover{transform:none}}.studio-home{isolation:isolate;position:relative;overflow-x:hidden}.studio-home:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 12% 24%,#ed168f12 0 2px,#0000 3px) 0 0/190px 190px,radial-gradient(circle at 31% 71%,#9c3dde14 0 3px,#0000 4px) 0 0/260px 260px,radial-gradient(circle at 78% 20%,#1650a714 0 3px,#0000 4px) 0 0/230px 230px,linear-gradient(135deg,#0000 0 46%,#ed168f08 46.2% 46.5%,#0000 46.7%) 0 0/520px 520px,linear-gradient(35deg,#0000 0 64%,#9c3dde08 64.2% 64.5%,#0000 64.7%) 0 0/620px 620px;position:fixed;inset:76px 0 0}.studio-home:after{content:"";z-index:-1;pointer-events:none;border:1px solid #ed168f18;border-radius:50%;width:540px;height:540px;position:fixed;bottom:-250px;left:-180px;box-shadow:0 0 0 70px #9c3dde08,0 0 0 140px #1650a706}.portal-workspace{background:0 0}.studio-home .template-card,.studio-home .portal-total,.studio-home .access-panel,.studio-home .workspace-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width:850px){.studio-home:before{opacity:.45;background-size:240px 240px}.studio-home:after{display:none}}
.login-page{background:#030914;justify-content:flex-end;align-items:center;padding:105px clamp(28px,8vw,130px) 48px;display:flex;overflow:hidden}.login-backdrop,.login-overlay{position:absolute;inset:0}.login-backdrop{background:#020712;display:block}.login-backdrop img{object-fit:cover;object-position:center center;filter:none;transform:none;width:100%!important;height:100%!important;position:absolute!important;top:0!important;bottom:auto!important}.login-backdrop img:first-child{left:0!important;right:auto!important}.login-overlay{background:0 0}.login-brand{z-index:2}.login-brand img{width:240px;height:auto}.login-card{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;width:min(440px,100%);margin:0;position:relative;box-shadow:0 35px 100px #0000008c}.login-position-top-left{justify-content:flex-start;align-items:flex-start}.login-position-top-centre{justify-content:center;align-items:flex-start}.login-position-top-right{justify-content:flex-end;align-items:flex-start}.login-position-centre-left{justify-content:flex-start;align-items:center}.login-position-centre{justify-content:center;align-items:center}.login-position-centre-right{justify-content:flex-end;align-items:center}.login-position-bottom-left{justify-content:flex-start;align-items:flex-end}.login-position-bottom-centre{justify-content:center;align-items:flex-end}.login-position-bottom-right{justify-content:flex-end;align-items:flex-end}.login-portal-name{color:#e81791;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:850;display:block}.studio-topbar{z-index:20;background:#030d1d;border-bottom:1px solid #ffffff24;gap:18px;height:80px;padding:0 32px;position:relative}.activeport-brand img{width:215px;height:auto}.studio-nav{align-self:stretch;align-items:center;gap:28px;margin-left:18px;display:flex}.studio-nav a{color:#e9eef7;white-space:nowrap;align-items:center;height:100%;font-size:13px;font-weight:580;text-decoration:none;display:flex;position:relative}.studio-nav a:after{content:"";background:var(--ap-pink);transform-origin:0;height:2px;transition:transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.studio-nav a:hover:after{transform:scaleX(1)}.organisation-picker{background:0 0;border-color:#536176}.user-menu{align-items:center;height:100%;display:flex;position:relative}.user-menu>summary{color:#fff;cursor:pointer;align-items:center;gap:11px;height:100%;list-style:none;display:flex}.user-menu>summary::-webkit-details-marker{display:none}.user-menu>summary>.avatar{flex:none}.user-menu-panel{width:260px;color:var(--ap-text);border:1px solid var(--ap-line);background:#fff;border-radius:12px;padding:14px;position:absolute;top:calc(100% - 6px);right:0;box-shadow:0 18px 48px #010c1f47}.user-menu-panel>div{border-bottom:1px solid var(--ap-line);flex-direction:column;gap:3px;padding:5px 7px 13px;display:flex}.user-menu-panel>div strong{font-size:14px}.user-menu-panel>div small{color:var(--ap-muted);text-overflow:ellipsis;overflow:hidden}.user-menu-panel button{color:#a11a39;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;margin-top:9px;padding:10px 9px;font-weight:700;display:flex}.user-menu-panel button:hover{background:#fff0f4}@media (max-width:1100px){.studio-nav{gap:17px;margin-left:5px}.studio-nav a{font-size:12px}.organisation-picker{display:none}}@media (max-width:850px){.login-page{justify-content:center;padding:105px 18px 36px}.login-brand{top:25px;left:24px}.login-backdrop img{width:100%!important}.login-overlay{background:0 0}.studio-nav,.user-menu .identity,.user-menu>summary>svg{display:none}}.login-position-free{position:relative;display:block!important}.login-position-free .login-card-free{z-index:5;max-width:calc(100vw - 32px);position:absolute;transform:translate(-50%,-50%)}@media (max-width:700px){.login-position-free .login-card-free{width:calc(100vw - 34px)!important;top:54%!important;left:50%!important}}
.template-visual{overflow:hidden;color:#132744!important;background:#f8fafc!important;border:1px solid #e3e9f1!important;border-radius:10px!important;height:128px!important;padding:0!important}.template-visual>.compute-dashboard{width:100%;font-size:6px}.template-visual .compute-kpis{margin:5px 0}.template-visual .compute-kpis b{font-size:10px}.mini-preview{color:#132744;background:#f8fafc;flex-direction:column;gap:8px;width:100%;height:100%;padding:13px;font-size:8px;display:flex}.mini-preview>b{font-size:10px}.mini-preview small{color:#61718a;font-size:6px}.mini-blank{background:#fff;border:2px dashed #cbd5e1;justify-content:center;align-items:center}.mini-blank svg{color:#f20b91;width:30px}.mini-blank strong{font-size:11px}.mini-operations>div{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.mini-operations>div span{color:#1556a8;background:#fff;border:1px solid #e4e9f1;border-radius:5px;padding:7px 5px;font-size:12px;font-weight:800}.mini-operations>div small{margin-top:3px;font-weight:500;display:block}.mini-operations p{background:#fff;border-left:3px solid #f20b91;padding:7px}.mini-naas>div{grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin-top:10px;display:grid}.mini-naas>div span{text-align:center;background:#fff;border:1px solid #cfd9e7;border-radius:6px;padding:12px 5px;font-weight:800}.mini-naas>div i{color:#f20b91;font-size:16px}.mini-cloud>div{grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0;display:grid}.mini-cloud>div span{color:#1459b8;background:#fff;border:2px solid #dce4f0;border-radius:50%;place-items:center;height:45px;font-weight:800;display:grid}.mini-ai{background:radial-gradient(circle at 20%,#f8e8ff,#f8fafc 58%);flex-direction:row;align-items:center}.mini-ai>svg{color:#9a38dc;width:42px;height:42px}.mini-ai>div{flex-direction:column;gap:7px;display:flex}.mini-ai>div b{font-size:11px}.mini-ai>div span{background:#fff;border:1px solid #e5d9f0;border-radius:5px;padding:7px}.mini-network>div{background:linear-gradient(25deg,#0000 48%,#9cc0ef 49% 51%,#0000 52%);height:58px;position:relative}.mini-network i{background:#1459b8;border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 0 1px #8eb2e3}.mini-network i:first-child{top:34%;left:7%}.mini-network i:nth-child(2){top:5%;left:28%}.mini-network i:nth-child(3){top:48%;left:50%}.mini-network i:nth-child(4){top:8%;left:70%}.mini-network i:nth-child(5){background:#f20b91;top:46%;right:5%}.mini-games>div{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mini-games>div span{color:#fff;background:linear-gradient(145deg,#0a244b,#b70a7c);border-radius:5px;align-items:flex-end;height:65px;padding:7px;font-weight:800;display:flex}.mini-games>div span:nth-child(2){background:linear-gradient(145deg,#152355,#5e35c9)}.mini-games>div span:nth-child(3){background:linear-gradient(145deg,#082b37,#078a82)}.mini-metal>div{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.mini-metal>div span{color:#fff;background:#26364d;border-radius:4px;padding:7px;font-size:6px}.mini-metal i{background:repeating-linear-gradient(90deg,#21c78d 0 5px,#182437 5px 8px);border-radius:2px;height:8px;margin-top:5px;display:block}.mini-edge>div,.mini-sdwan>div{justify-content:center;align-items:center;gap:5px;height:55px;display:flex}.mini-edge>div span,.mini-sdwan>div span{background:#fff;border:2px solid #12a091;border-radius:50%;padding:9px 6px;font-weight:800}.mini-edge>div i,.mini-sdwan>div i{background:#a5bacf;width:25px;height:2px}.mini-sdwan>div span{border-color:#2b70d8}.mini-sdwan>div span:nth-of-type(2){border-radius:5px}.mini-sdwan>div i{background:#6c9cdb}.template-card>p{min-height:34px!important;line-height:1.45!important}
.runtime-page:has(.dash-nav){color:#10213b;background:#f4f7fb}.dash-nav{color:#fff;background:#06172f;border-bottom:1px solid #29405a;align-items:center;gap:34px;height:68px;padding:0 max(24px,50% - 620px);display:flex}.dash-brand{align-items:center;gap:10px;font-weight:850;display:flex}.dash-brand i{background:linear-gradient(135deg,#f20b91,#9a38dc);border-radius:8px;width:25px;height:25px;box-shadow:10px 0 0 -6px #d23dd1}.dash-nav nav{align-self:stretch;align-items:stretch;gap:24px;display:flex}.dash-nav nav a{color:#d9e3f1;align-items:center;font-size:12px;display:flex;position:relative}.dash-nav nav a:first-child:after{content:"";background:#f20b91;height:2px;position:absolute;bottom:0;left:0;right:0}.dash-nav>button{color:#fff;background:#f20b91;border:0;border-radius:8px;margin-left:auto;padding:10px 15px;font-weight:750}.dash-user{background:#1659b5;border-radius:50%;place-items:center;width:35px;height:35px;font-size:11px;display:grid}.dash-title{justify-content:space-between;align-items:end;max-width:1240px;margin:0 auto;padding:30px 24px 18px;display:flex}.dash-title>div>span{letter-spacing:.16em;color:#1559ad;font-size:9px;font-weight:850}.dash-title h1{letter-spacing:-.03em;margin:7px 0 4px;font-size:30px}.dash-title p{color:#6b7890;margin:0;font-size:12px}.dash-title>small{color:#77869b;font-size:10px}.dash-kpis,.dash-split,.dash-grid-card,.dash-workflow,.dash-topology,.dash-catalogue{max-width:1192px;margin:0 auto 18px}.dash-kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.dash-kpis article{background:#fff;border:1px solid #dfe6ef;border-radius:12px;flex-direction:column;min-width:0;padding:18px 19px;display:flex;position:relative;box-shadow:0 7px 22px #0b1e3b08}.dash-kpis span{color:#68778c;font-size:10px}.dash-kpis strong{color:#10213b;margin:7px 0;font-size:25px}.dash-kpis small{color:#087f5b;font-size:8px}.dash-kpis small.attention{color:#bf3049}.dash-kpis i{background:linear-gradient(90deg,#1559b5,#f20b91);height:2px;position:absolute;bottom:0;left:19px;right:19px}.dash-split{grid-template-columns:1.45fr 1fr;gap:14px;display:grid}.dash-split>article,.dash-grid-card,.dash-topology,.dash-catalogue{background:#fff;border:1px solid #dfe6ef;border-radius:13px;box-shadow:0 7px 22px #0b1e3b08}.dash-chart,.dash-activity{padding:20px}.dash-chart header,.dash-grid-card>header,.dash-topology>header{justify-content:space-between;align-items:start;display:flex}.dash-chart h2,.dash-activity h2,.dash-grid-card h2,.dash-topology h2,.dash-catalogue h2{margin:0;font-size:15px}.dash-chart p,.dash-grid-card p,.dash-topology p,.dash-catalogue>header p{color:#728096;margin:5px 0 0;font-size:9px}.dash-chart header>strong{color:#1459b8;font-size:22px}.bar-chart{background:repeating-linear-gradient(0deg,#eef2f7 0 1px,#0000 1px 36px);border-bottom:1px solid #dce4ef;align-items:end;gap:8px;height:145px;margin-top:18px;display:flex}.bar-chart i{background:linear-gradient(#f20b91,#713bd0);border-radius:4px 4px 0 0;flex:1;min-height:5px}.dash-chart footer{color:#8a96a8;justify-content:space-between;margin-top:7px;font-size:7px;display:flex}.dash-activity>div{border-bottom:1px solid #edf0f5;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:12px 0;display:grid}.dash-activity>div>i{background:#13a978;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #13a97815}.dash-activity>div>span{flex-direction:column;gap:3px;display:flex}.dash-activity>div strong{font-size:9px}.dash-activity>div small{color:#77859a;font-size:7px}.dash-activity em{color:#1758a9;background:#edf4ff;border-radius:4px;padding:4px 5px;font-size:7px;font-style:normal}.dash-grid-card{padding:20px}.dash-grid-card>header button{color:#1459b8;background:#fff;border:1px solid #d6deea;border-radius:6px;padding:7px 10px;font-size:8px;font-weight:750}.dash-table{border:1px solid #e0e6ef;border-radius:8px;margin-top:15px;overflow:hidden}.dash-table-head,.dash-table-row{align-items:center;gap:8px;padding:10px 12px;display:grid}.dash-table-head{color:#53637a;background:#f2f5f9}.dash-table-head strong{font-size:8px}.dash-table-row{background:#fff;border-top:1px solid #e8ecf2}.dash-table-row span{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.dash-table-row span.healthy{color:#07825e;font-weight:750}.dash-table-row span.warning{color:#b8790b;font-weight:750}.dash-workflow{color:#fff;background:radial-gradient(circle at 92% 25%,#512578,#0000 35%),linear-gradient(120deg,#06172f,#102c60);border-radius:14px;grid-template-columns:1.05fr 1fr;align-items:center;gap:50px;min-height:210px;padding:28px 34px;display:grid;box-shadow:0 12px 35px #05152d24}.dash-workflow>div>span{letter-spacing:.16em;color:#ef73c2;font-size:8px;font-weight:850}.dash-workflow h2{margin:8px 0;font-size:23px}.dash-workflow p{color:#c7d3e4;font-size:10px;line-height:1.6}.dash-workflow button{color:#fff;background:#f20b91;border:0;border-radius:7px;margin-top:8px;padding:10px 13px;font-size:9px;font-weight:800}.dash-workflow ol{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.dash-workflow li{text-align:center;flex-direction:column;align-items:center;gap:7px;display:flex;position:relative}.dash-workflow li:not(:last-child):after{content:"";background:#ffffff45;height:1px;position:absolute;top:14px;left:65%;right:-35%}.dash-workflow li i{color:#fff;background:#ffffff12;border:1px solid #fff6;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;font-style:normal;display:grid}.dash-workflow li strong{font-size:8px}.dash-topology{padding:20px}.dash-topology>header>span{color:#07815e;background:#edfdf7;border-radius:5px;padding:6px 8px;font-size:8px}.dash-topology>div{background:radial-gradient(circle,#173f79,#06172f 72%);border-radius:9px;justify-content:center;align-items:center;min-height:150px;margin-top:16px;padding:25px;display:flex}.dash-topology>div>span{align-items:center;display:flex;position:relative}.dash-topology>div i{color:#9ecbff;background:#0c356b;border:1px solid #5e9eeb;border-radius:50%;place-items:center;width:47px;height:47px;font-size:9px;font-style:normal;display:grid}.dash-topology>div strong{color:#fff;white-space:nowrap;font-size:8px;position:absolute;top:55px;left:50%;transform:translate(-50%)}.dash-topology>div b{background:linear-gradient(90deg,#2c7dde,#f20b91);width:72px;height:2px;box-shadow:0 0 8px #2c7dde}.dash-catalogue{padding:20px}.dash-catalogue>header{margin-bottom:14px}.dash-catalogue>div{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.dash-catalogue article{border:1px solid #e0e6ef;border-radius:9px;padding:11px}.catalogue-art{background:radial-gradient(circle at 70% 20%,#ef58bb,#281767 55%,#071934);border-radius:7px;height:70px;display:block}.catalogue-art.art-1{background:radial-gradient(circle at 30% 70%,#23b6de,#173e84 45%,#08162f)}.catalogue-art.art-2{background:radial-gradient(circle at 68% 40%,#30c88f,#145e6e 45%,#071b2f)}.catalogue-art.art-3{background:radial-gradient(circle at 45% 25%,#f6a039,#b34a32 45%,#26152b)}.dash-catalogue h3{margin:9px 0 3px;font-size:10px}.dash-catalogue article p{color:#6f7d92;margin:0;font-size:7px}.dash-catalogue article footer{justify-content:space-between;align-items:center;margin-top:9px;display:flex}.dash-catalogue article small{color:#07815e;font-size:7px}.dash-catalogue article button{color:#fff;background:#1559b5;border:0;border-radius:5px;padding:5px 7px;font-size:7px}@media (max-width:900px){.dash-nav nav{display:none}.dash-title,.dash-kpis,.dash-split,.dash-grid-card,.dash-workflow,.dash-topology,.dash-catalogue{margin-left:18px;margin-right:18px}.dash-kpis{grid-template-columns:repeat(2,1fr)}.dash-split,.dash-workflow{grid-template-columns:1fr}.dash-catalogue>div{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.dash-kpis,.dash-catalogue>div{grid-template-columns:1fr}.dash-topology>div{justify-content:flex-start;overflow:auto}.dash-workflow ol{grid-template-columns:repeat(2,1fr)}}
.template-details-page{color:#0b1d3a;background:#f6f8fb;min-height:100vh}.details-site-header{color:#fff;background:#030d1d;border-bottom:1px solid #2c3b50;align-items:center;gap:19px;height:78px;padding:0 max(30px,50% - 620px);display:flex}.details-site-header>a{display:flex}.details-site-header img{width:210px;height:auto}.details-site-header>span{background:#ffffff38;width:1px;height:34px}.details-site-header>strong{font-size:17px}.details-site-header nav{align-self:stretch;gap:28px;margin-left:auto;display:flex}.details-site-header nav a{color:#e2e9f3;align-items:center;height:100%;font-size:12px;display:flex;position:relative}.details-site-header nav a:nth-child(2):after{content:"";background:#f20b91;height:2px;position:absolute;bottom:0;left:0;right:0}.details-hero{color:#fff;background:radial-gradient(circle at 80% 25%,#54206f,#0000 34%),linear-gradient(120deg,#06172f,#0b2a5b 68%,#28124d);grid-template-columns:1.08fr .92fr;align-items:center;gap:75px;min-height:430px;padding:58px max(30px,50% - 620px);display:grid}.details-back{color:#bfcee3;align-items:center;gap:7px;margin-bottom:34px;font-size:11px;display:flex}.details-back svg{width:16px}.details-badge{letter-spacing:.14em;color:#f36cbd;font-size:9px;font-weight:850}.details-hero h1{letter-spacing:-.045em;margin:12px 0 19px;font-size:clamp(42px,5vw,65px);line-height:1}.details-hero-copy>p{color:#cfdaea;max-width:650px;font-size:15px;line-height:1.7}.details-actions{gap:11px;margin-top:27px;display:flex}.details-actions a{border:1px solid #fff5;border-radius:8px;align-items:center;gap:8px;height:43px;padding:0 17px;font-size:12px;font-weight:750;display:flex}.details-actions svg{width:17px}.details-actions .details-use{background:linear-gradient(135deg,#f20b91,#9a38dc);border:0}.details-stat-preview{background:#ffffff0b;border:1px solid #ffffff3b;border-radius:16px;padding:24px;box-shadow:0 26px 70px #0003}.details-stat-preview>span{letter-spacing:.15em;color:#efa0d2;font-size:8px}.details-stat-preview h2{margin:8px 0 20px;font-size:20px}.details-stat-preview>div{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.details-stat-preview article{color:#10213b;background:#fff;border-radius:8px;flex-direction:column;gap:5px;min-width:0;padding:15px 12px;display:flex;position:relative}.details-stat-preview small{color:#69788e;font-size:7px}.details-stat-preview strong{font-size:18px}.details-stat-preview article i{background:linear-gradient(90deg,#1459b8,#f20b91);height:2px;position:absolute;bottom:0;left:12px;right:12px}.details-stat-preview footer{color:#aebdd1;margin-top:13px;font-size:8px}.details-content{max-width:1240px;margin:0 auto;padding:62px 24px}.details-intro{max-width:750px;margin-bottom:34px}.details-intro>span,.details-blueprint header span{letter-spacing:.14em;color:#1459b8;font-size:9px;font-weight:850}.details-intro h2{letter-spacing:-.03em;margin:10px 0;font-size:32px}.details-intro p{color:#68778c;line-height:1.7}.details-blueprint{background:#fff;border:1px solid #dce4ee;border-radius:15px;padding:25px;box-shadow:0 9px 30px #071b3b0b}.details-blueprint>header{align-items:center;gap:13px;margin-bottom:20px;display:flex}.details-blueprint>header>svg{color:#1459b8;background:#f0f5ff;border-radius:10px;width:42px;height:42px;padding:10px}.details-blueprint h2{margin:5px 0 0;font-size:19px}.details-blueprint>div{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.details-blueprint article{border:1px solid #e1e7ef;border-radius:9px;align-items:center;gap:11px;padding:13px;display:flex}.details-blueprint article>i{color:#f20b91;font-size:9px;font-style:normal;font-weight:850}.details-blueprint article>span{flex-direction:column;gap:3px;min-width:0;display:flex}.details-blueprint article strong{font-size:10px}.details-blueprint article small{color:#7b889a;font-size:8px}.details-blueprint article>svg{color:#0b9e70;width:15px;margin-left:auto}.details-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px;display:grid}.details-grid>article{background:#fff;border:1px solid #dce4ee;border-radius:13px;padding:24px;box-shadow:0 7px 22px #071b3b08}.details-grid>article>svg{color:#f20b91;width:28px}.details-grid h2{margin:13px 0 7px;font-size:17px}.details-grid>article>p{color:#718096;min-height:42px;font-size:10px;line-height:1.5}.details-grid>article>div{flex-direction:column;gap:8px;margin-top:16px;display:flex}.details-grid>article span{background:#f7f9fc;border-radius:6px;align-items:center;gap:7px;padding:8px;font-size:9px;display:flex}.details-grid>article span svg{color:#0b9e70;width:13px}.details-footer{color:#fff;background:#06172f;justify-content:space-between;align-items:center;padding:25px max(30px,50% - 620px);display:flex}.details-footer>div{flex-direction:column;gap:4px;display:flex}.details-footer strong{font-size:12px}.details-footer span{color:#9eacc1;font-size:9px}@media (max-width:850px){.details-site-header nav{display:none}.details-hero{grid-template-columns:1fr;gap:35px}.details-blueprint>div,.details-grid{grid-template-columns:1fr}.details-footer{flex-direction:column;align-items:flex-start;gap:20px}}@media (max-width:560px){.details-stat-preview>div{grid-template-columns:1fr}.details-actions{flex-direction:column}.details-actions a{justify-content:center}}
.template-preview-bar{color:#fff;background:#030d1d;border-bottom:1px solid #32445b;justify-content:space-between;align-items:center;min-height:58px;padding:8px 22px;display:flex}.template-preview-bar>a{align-items:center;gap:7px;font-size:11px;display:flex}.template-preview-bar>a svg{width:16px}.template-preview-bar>div{align-items:center;gap:10px;display:flex}.template-preview-bar>div>svg{color:#f20b91;width:20px}.template-preview-bar>div>span{flex-direction:column;gap:3px;display:flex}.template-preview-bar>div strong{font-size:12px}.template-preview-bar>div small{color:#aebcd0;font-size:8px}.template-preview-bar .preview-use{background:linear-gradient(135deg,#f20b91,#9a38dc);border-radius:7px;padding:9px 12px;font-weight:750}.preview-fingerprint{color:#506078;background:#edf3fb;border-bottom:1px solid #dbe3ee;align-items:center;gap:12px;padding:8px 22px;font-size:8px;display:flex}.preview-fingerprint strong{color:#1459b8;text-transform:uppercase;letter-spacing:.1em}.preview-safety{color:#6c4b00;text-align:center;background:#fff6dc;padding:10px 18px;font-size:12px}@media (max-width:700px){.template-preview-bar>div small,.preview-fingerprint span{display:none}.template-preview-bar{padding:8px 12px}.preview-fingerprint{padding:7px 12px}}
.template-draft-page{color:#071a3b;background:#f4f7fb;height:100vh;overflow:hidden}.template-draft-bar{color:#fff;z-index:40;background:linear-gradient(105deg,#020d20 0%,#071c43 72%,#152967 100%);border-bottom:1px solid #263f72;grid-template-columns:auto minmax(180px,.7fr) minmax(520px,1.8fr) auto;align-items:center;gap:22px;min-height:116px;padding:12px 24px;display:grid;position:relative;box-shadow:0 8px 24px #06183620}.template-draft-brand{white-space:nowrap;align-items:center;gap:13px;display:flex}.template-draft-brand>a{border:1px solid #ffffff32;border-radius:10px;place-items:center;width:38px;height:38px;transition:all .2s;display:grid}.template-draft-brand>a:hover{background:#ffffff12;border-color:#ffffff68}.template-draft-brand>a svg{width:18px}.template-draft-brand img{width:126px;height:auto}.template-draft-divider{background:#ffffff38;width:1px;height:31px}.template-draft-brand>strong{font-size:13px}.template-draft-identity{flex-direction:column;padding-left:3px;display:flex}.template-draft-identity>span{color:#ff38ad;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800}.template-draft-identity strong{margin-top:3px;font-size:15px}.template-draft-identity small{color:#afbdd4;margin-top:3px;font-size:8px}.template-draft-fields{grid-template-columns:1fr 1.08fr 1fr 1fr;gap:10px;display:grid}.template-draft-fields label{color:#b7c4d9;text-transform:uppercase;letter-spacing:.055em;flex-direction:column;gap:5px;font-size:7px;font-weight:800;display:flex}.template-draft-fields input,.template-draft-fields select{color:#fff;background:#0b2145;border:1px solid #506384;border-radius:8px;outline:none;min-width:0;height:38px;padding:0 11px;font-size:10px}.template-draft-fields input:focus{border-color:#f20b91;box-shadow:0 0 0 3px #f20b9128}.template-draft-domain small{color:#b7c4d9;letter-spacing:0;text-transform:none;align-items:center;gap:4px;min-height:13px;font-size:7px;font-weight:500;display:flex}.template-draft-domain small svg{color:#fc279f;width:10px;height:10px}.template-draft-domain small strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.template-draft-reference{color:#fff;white-space:nowrap;border:1px solid #ffffff38;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:39px;padding:0 13px;font-size:9px;font-weight:750;display:flex}.template-draft-reference:hover{background:#ffffff10}.template-draft-reference svg{width:14px}.template-draft-error{z-index:70;color:#a82443;background:#fff1f5;border:1px solid #ffc4d2;border-radius:9px;max-width:430px;padding:11px 14px;font-size:10px;position:fixed;top:126px;right:20px;box-shadow:0 12px 32px #0002}.template-draft-puck{height:calc(100vh - 188px)}.template-draft-puck>div{height:100%!important}.template-draft-footer{z-index:50;background:#fff;border-top:1px solid #dbe3ee;justify-content:space-between;align-items:center;gap:20px;height:72px;padding:10px 24px;display:flex;position:relative;box-shadow:0 -10px 30px #071a3b12}.template-draft-footer>div{align-items:center;gap:11px;display:flex}.template-draft-footer>div>svg{color:#e51093;background:#fff0f9;border-radius:9px;width:35px;height:35px;padding:8px}.template-draft-footer>div>span{flex-direction:column;gap:2px;display:flex}.template-draft-footer>div strong{font-size:11px}.template-draft-footer>div small{color:#687892;font-size:8px}.template-draft-footer button{color:#fff;cursor:pointer;background:linear-gradient(110deg,#f20b91,#a035da);border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-width:270px;height:46px;padding:0 22px;font-size:10px;font-weight:800;transition:all .18s;display:flex;box-shadow:0 8px 22px #c21aa43d}.template-draft-footer button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 28px #c21aa552}.template-draft-footer button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.template-draft-footer button svg{width:16px}.spin{animation:1s linear infinite draft-spin}@keyframes draft-spin{to{transform:rotate(360deg)}}@media (max-width:1250px){.template-draft-bar{grid-template-columns:auto 1fr auto}.template-draft-identity{display:none}.template-draft-fields{grid-area:2/1/auto/4}.template-draft-puck{height:calc(100vh - 229px)}}@media (max-width:740px){.template-draft-bar{gap:10px;padding:10px 13px}.template-draft-brand img,.template-draft-divider{display:none}.template-draft-fields{grid-template-columns:1fr 1fr}.template-draft-fields label:last-child{display:none}.template-draft-reference{width:39px;padding:0;font-size:0}.template-draft-puck{height:calc(100vh - 229px)}.template-draft-footer{padding:8px 12px}.template-draft-footer>div{display:none}.template-draft-footer button{width:100%;min-width:0}}
.compute-widget{background:#fff;border:1px solid #dce4ef;border-radius:15px;width:min(1180px,100% - 44px);margin:26px auto;padding:22px;box-shadow:0 13px 35px #071a3b0b}.compute-widget>header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.compute-widget>header span,.compute-provision-copy>span,.compute-activity>div>span{letter-spacing:.13em;color:#ec148f;font-size:8px;font-weight:850}.compute-widget h2,.compute-provision h2,.compute-activity h2{color:#071a3b;margin:5px 0 0;font-size:19px}.compute-widget>header button{color:#124da0;cursor:pointer;background:#fff;border:1px solid #dce4ef;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.compute-widget>header svg{width:15px}.compute-live{color:#6f7e94;align-items:center;gap:7px;margin-bottom:11px;font-size:8px;display:flex}.compute-live i{background:#15b886;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #15b88618}.compute-live b{text-transform:uppercase;color:#124da0;margin-left:auto}.compute-table{border:1px solid #e2e8f1;border-radius:10px;overflow:auto}.compute-table-head,.compute-table-row{min-width:680px;display:grid}.compute-table-head{background:#f3f6fa}.compute-table-head strong{color:#53637b;text-transform:uppercase;padding:10px;font-size:8px}.compute-table-row{border-top:1px solid #e8edf4}.compute-table-row span{color:#253650;padding:11px 10px;font-size:9px}.compute-table-row span.healthy{color:#07855f;font-weight:750}.compute-table-row span.warning{color:#ba7021;font-weight:750}.compute-widget>footer{color:#7d899b;margin-top:10px;font-size:8px}.compute-state{text-align:center;color:#718096;padding:30px;font-size:10px}.compute-state.error{color:#b02d4a;background:#fff3f6;border-radius:8px}.compute-provision{color:#fff;background:linear-gradient(125deg,#061a3b,#102f68);border-radius:16px;grid-template-columns:1fr 1fr;gap:22px;width:min(1180px,100% - 44px);margin:26px auto;padding:28px;display:grid}.compute-provision-copy>span{align-items:center;gap:7px;display:flex}.compute-provision-copy>span svg{width:15px}.compute-provision h2{color:#fff;font-size:25px}.compute-provision-copy p{color:#c5d1e4;max-width:540px;font-size:11px;line-height:1.6}.compute-provision ol{gap:8px;padding:0;list-style:none;display:flex}.compute-provision ol li{border:1px solid #ffffff25;border-radius:7px;padding:7px 9px;font-size:8px}.compute-request-card{background:#ffffff0d;border:1px solid #fff2;border-radius:12px;padding:18px}.compute-request-card>header{align-items:center;gap:10px;display:flex}.compute-request-card>header>svg{background:#ed168f;border-radius:8px;width:32px;height:32px;padding:7px}.compute-request-card>header div{flex-direction:column;display:flex}.compute-request-card>header strong{font-size:11px}.compute-request-card>header small{color:#b7c4d8;font-size:8px}.compute-request-card form{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.compute-request-card label{color:#b7c4d8;flex-direction:column;gap:4px;font-size:7px;display:flex}.compute-request-card input,.compute-request-card select{color:#fff;background:#071a3b;border:1px solid #ffffff30;border-radius:6px;height:33px;padding:0 8px;font-size:9px}.compute-request-card>button{color:#fff;cursor:pointer;background:linear-gradient(100deg,#ed168f,#a43adb);border:0;border-radius:8px;width:100%;height:38px;margin-top:14px;font-size:9px;font-weight:800}.compute-request-card>small{color:#aebed5;text-align:center;margin-top:8px;font-size:7px;display:block}.compute-activity{grid-template-columns:auto 1fr;align-items:start;gap:14px;width:min(1180px,100% - 44px);margin:26px auto;display:grid}.compute-activity>svg{color:#e91490;background:#fff0f8;border-radius:9px;width:38px;height:38px;padding:9px}.compute-activity>div p{color:#6b7890;margin:6px 0;font-size:10px}.compute-activity>.compute-widget{grid-column:1/3;width:100%;margin:4px 0}@media (max-width:760px){.compute-provision{grid-template-columns:1fr}.compute-provision ol{flex-wrap:wrap}.compute-request-card form{grid-template-columns:1fr}}
.compute-workspace{color:#0a1e3d;background:#f5f7fb;border:1px solid #dbe3ef;border-radius:18px;grid-template-columns:220px 1fr;width:min(1320px,100% - 32px);min-height:720px;margin:24px auto 40px;display:grid;overflow:hidden;box-shadow:0 18px 52px #071a3b16}.compute-workspace>aside{color:#fff;background:#071a3b;flex-direction:column;padding:18px 12px;display:flex}.compute-workspace-brand{border-bottom:1px solid #ffffff16;align-items:center;gap:10px;padding:6px 8px 22px;display:flex}.compute-workspace-brand>svg{background:linear-gradient(135deg,#ed168f,#953ddd);border-radius:10px;width:36px;height:36px;padding:8px}.compute-workspace-brand span{flex-direction:column;display:flex}.compute-workspace-brand small{letter-spacing:.16em;color:#ed168f;font-size:7px}.compute-workspace-brand strong{margin-top:3px;font-size:12px}.compute-workspace aside nav{flex-direction:column;gap:3px;padding-top:14px;display:flex}.compute-workspace aside nav button{color:#bbc8dc;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;height:39px;padding:0 11px;font-size:9px;display:flex}.compute-workspace aside nav button svg{width:15px}.compute-workspace aside nav button:hover,.compute-workspace aside nav button.active{color:#fff;background:#ffffff12}.compute-workspace aside nav button.active{box-shadow:inset 3px 0 #ed168f}.compute-workspace aside footer{border-top:1px solid #ffffff16;flex-direction:column;gap:4px;margin-top:auto;padding:14px 9px 3px;display:flex}.compute-workspace aside footer span{font-size:8px;font-weight:800}.compute-workspace aside footer small{color:#8fa1bb;font-size:7px}.compute-workspace>main{min-width:0}.compute-workspace-top{background:#fff;border-bottom:1px solid #dfe6f0;grid-template-columns:1fr 230px auto;align-items:end;gap:14px;padding:20px 24px;display:grid}.compute-workspace-top>div>span,.compute-region-gate>span,.compute-overview>section>span,.compute-launch header span,.compute-launch-review>span{letter-spacing:.14em;color:#e91490;font-size:7px;font-weight:900}.compute-workspace-top h2{margin:4px 0 0;font-size:22px}.compute-workspace-top label{color:#5d6b80;flex-direction:column;gap:5px;font-size:8px;font-weight:800;display:flex}.compute-workspace-top select{color:#142944;background:#fff;border:1px solid #cfd9e6;border-radius:8px;height:38px;padding:0 10px;font-size:10px}.compute-workspace-top>button{color:#fff;cursor:pointer;background:linear-gradient(100deg,#ed168f,#9c3dde);border:0;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 16px;font-size:9px;font-weight:850;display:flex}.compute-workspace-top>button svg{width:13px}.compute-workspace-top>button:disabled{filter:grayscale();opacity:.45;cursor:not-allowed}.compute-region-gate{text-align:center;align-content:center;place-items:center;min-height:570px;display:grid}.compute-region-gate>svg{color:#1650a7;background:#e9eff9;border-radius:16px;width:56px;height:56px;margin-bottom:14px;padding:13px}.compute-region-gate h3{margin:6px 0;font-size:20px}.compute-region-gate p{color:#6c7990;max-width:480px;margin:0;font-size:10px;line-height:1.55}.compute-overview{padding:22px}.compute-overview>section{background:linear-gradient(135deg,#fff,#f7f9fd);border:1px solid #dce4ef;border-radius:14px;padding:20px}.compute-overview>section h3{margin:5px 0 16px;font-size:18px}.compute-overview>section>div{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.compute-overview article{background:#fff;border:1px solid #e0e7f1;border-radius:10px;flex-direction:column;padding:14px;display:flex}.compute-overview article small{color:#68778d;font-size:8px}.compute-overview article strong{color:#114d9c;margin:7px 0 4px;font-size:22px}.compute-overview article em{color:#0a8a63;font-size:7px;font-style:normal}.compute-overview>.compute-widget{width:100%;margin:18px 0 0}.compute-workspace main>.compute-widget{width:calc(100% - 44px);margin:22px}.compute-launch-shade{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#041127b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.compute-launch{background:#fff;border-radius:16px;width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 28px 80px #0006}.compute-launch>header{border-bottom:1px solid #e1e7f0;justify-content:space-between;padding:22px 24px;display:flex}.compute-launch h2{margin:5px 0 3px;font-size:23px}.compute-launch header p{color:#69778e;margin:0;font-size:9px}.compute-launch header>button{color:#516078;cursor:pointer;background:#fff;border:1px solid #dce4ef;border-radius:8px;width:32px;height:32px;font-size:20px}.compute-launch form{grid-template-columns:1fr 1fr;gap:14px;padding:22px 24px;display:grid}.compute-launch form label{color:#263852;flex-direction:column;gap:6px;font-size:9px;font-weight:800;display:flex}.compute-launch form label small{color:#7c899c;font-size:7px;font-weight:500}.compute-launch input,.compute-launch select{color:#132944;background:#fff;border:1px solid #cfd9e6;border-radius:8px;height:40px;padding:0 11px;font-size:10px}.compute-launch input:focus,.compute-launch select:focus{border-color:#ed168f;outline:2px solid #ed168f33}.compute-launch input:disabled{color:#5e6d82;background:#f1f4f8}.compute-launch-primary{cursor:pointer;border:0;border-radius:8px;height:42px;font-size:9px;font-weight:850;color:#fff!important;background:linear-gradient(100deg,#ed168f,#9c3dde)!important}.compute-launch form>.compute-launch-primary{grid-column:1/3}.compute-launch-primary:disabled{opacity:.45;cursor:not-allowed}.compute-launch-review{padding:22px 24px}.compute-launch-review h3{margin:5px 0 16px;font-size:19px}.compute-launch-review dl{border:1px solid #dfe6f0;border-radius:10px;grid-template-columns:1fr 1fr;margin:0;display:grid;overflow:hidden}.compute-launch-review dl>div{border-bottom:1px solid #e4e9f1;padding:12px}.compute-launch-review dl>div:nth-child(odd){border-right:1px solid #e4e9f1}.compute-launch-review dt{color:#77859a;text-transform:uppercase;font-size:7px}.compute-launch-review dd{color:#152a47;margin:4px 0 0;font-size:10px;font-weight:750}.compute-confirm{color:#253750;align-items:center;gap:8px;margin-top:16px;font-size:9px;display:flex}.compute-confirm input{width:16px;height:16px}.compute-runtime-note{color:#8a5d0b;background:#fff4d9;border-radius:8px;padding:10px 12px;font-size:8px;line-height:1.5}.compute-launch-actions{grid-template-columns:120px 1fr;gap:10px;margin-top:16px;display:grid}.compute-launch-actions>button{color:#27405f;cursor:pointer;background:#fff;border:1px solid #ccd6e4;border-radius:8px;height:42px;font-size:9px;font-weight:800}.compute-launch-error,.compute-launch-success{border-radius:8px;margin:0 24px 20px;padding:10px;font-size:8px}.compute-launch-error{color:#a92543;background:#fff0f3}.compute-launch-success{color:#087456;background:#e9fbf5}@media (max-width:900px){.compute-workspace{grid-template-columns:74px 1fr}.compute-workspace-brand span,.compute-workspace aside nav button{font-size:0}.compute-workspace aside nav button{justify-content:center}.compute-workspace aside footer{display:none}.compute-workspace-top{grid-template-columns:1fr 180px}.compute-workspace-top>button{grid-column:1/3;justify-self:end}.compute-overview>section>div{grid-template-columns:1fr 1fr}}@media (max-width:620px){.compute-workspace{border-radius:0;grid-template-columns:1fr;width:100%;margin:0}.compute-workspace>aside{padding:10px}.compute-workspace-brand{display:none}.compute-workspace aside nav{flex-direction:row;padding:0;overflow:auto}.compute-workspace aside nav button{min-width:45px;height:36px;font-size:0}.compute-workspace-top{grid-template-columns:1fr;padding:16px}.compute-workspace-top>button{grid-column:auto;justify-content:center;justify-self:stretch}.compute-overview{padding:12px}.compute-overview>section>div{grid-template-columns:1fr}.compute-workspace main>.compute-widget{width:calc(100% - 24px);margin:12px}.compute-launch form{grid-template-columns:1fr}.compute-launch form>.compute-launch-primary{grid-column:auto}.compute-launch-review dl{grid-template-columns:1fr}.compute-launch-review dl>div:nth-child(odd){border-right:0}.compute-launch-actions{grid-template-columns:1fr}.compute-launch-shade{padding:0}.compute-launch{border-radius:0;max-height:100vh}}
.portal-settings-form{flex-direction:column;gap:16px;margin-top:22px;display:flex}.portal-settings-form label{color:#d8d2ec;flex-direction:column;gap:7px;font-size:10px;font-weight:800;display:flex}.portal-settings-form input,.portal-settings-form select{color:#fff;background:#0d0a1a;border:1px solid #453b66;border-radius:8px;height:43px;padding:0 12px;font-size:11px}.portal-settings-form input:focus,.portal-settings-form select:focus{border-color:#ed168f;outline:2px solid #ed168f55}.portal-settings-form small{color:#aba4c6;overflow-wrap:anywhere;align-items:center;gap:6px;font-size:8px;font-weight:500;display:flex}.portal-settings-form small svg{width:13px}.settings-save{justify-content:center;width:100%;margin-top:22px}.template-draft-fields select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.template-draft-fields label>small{color:#b7c4d9;letter-spacing:0;text-transform:none;align-items:center;gap:4px;min-height:13px;font-size:7px;font-weight:500;display:flex}.template-draft-fields label>small svg{color:#fc279f;width:10px;height:10px}
.studio-nav{align-items:center;gap:18px;display:flex}.studio-nav a,.studio-nav button{color:#d6dfec;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.studio-nav button{align-items:center;gap:6px;display:flex}.studio-nav a:hover,.studio-nav button:hover{color:#fff}.workspace-card{position:relative}.portal-delete{z-index:2;color:#af2849;opacity:0;cursor:pointer;background:#fff;border:1px solid #e4d2d9;border-radius:8px;place-items:center;width:31px;height:31px;transition:all .2s;display:grid;position:absolute;top:16px;right:16px}.workspace-card:hover .portal-delete,.portal-delete:focus{opacity:1}.portal-delete svg{width:14px}.systems-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#031027b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.systems-dialog{background:#fff;border-radius:18px;width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 35px 90px #0008}.systems-dialog>header{color:#fff;background:linear-gradient(115deg,#061a3b,#132f68);justify-content:space-between;padding:25px 28px;display:flex}.systems-dialog>header span{letter-spacing:.14em;color:#f52aa3;font-size:9px;font-weight:900}.systems-dialog>header h2{margin:6px 0;font-size:25px}.systems-dialog>header p{color:#c3cfe1;max-width:560px;margin:0;font-size:11px;line-height:1.55}.systems-dialog>header button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff35;border-radius:9px;width:36px;height:36px}.systems-dialog>header button svg{width:17px}.systems-list{gap:9px;padding:22px 28px;display:grid}.systems-list article{border:1px solid #dce4ef;border-radius:10px;align-items:center;gap:12px;padding:13px;display:flex}.systems-list article>svg{color:#1650a7;background:#edf3ff;border-radius:8px;width:35px;height:35px;padding:8px}.systems-list article>span{flex-direction:column;gap:4px;display:flex}.systems-list article strong{font-size:11px}.systems-list article small{color:#6c7990;font-size:8px}.systems-list article>button{color:#a92a49;cursor:pointer;background:#fff5f7;border:1px solid #f0cdd6;border-radius:7px;width:31px;height:31px;margin-left:auto}.systems-list article>button svg{width:13px}.system-form{background:#f6f8fc;border-top:1px solid #e1e7f0;grid-template-columns:1fr 1.4fr;gap:12px;padding:22px 28px;display:grid}.system-form h3{grid-column:1/3;margin:0;font-size:15px}.system-form label{color:#41516a;flex-direction:column;gap:5px;font-size:8px;font-weight:800;display:flex}.system-form label:nth-of-type(3){grid-column:1/3}.system-form input{color:#132944;background:#fff;border:1px solid #ccd7e5;border-radius:8px;height:40px;padding:0 11px}.system-form>p{color:#a82543;background:#fff0f3;border-radius:7px;grid-column:1/3;margin:0;padding:9px;font-size:9px}.system-form>button{color:#fff;cursor:pointer;background:linear-gradient(100deg,#ed168f,#9c3dde);border:0;border-radius:8px;grid-column:1/3;justify-content:center;align-items:center;gap:7px;height:42px;font-size:10px;font-weight:850;display:flex}.system-form>button:disabled{opacity:.45}.systems-permission{color:#66758b;background:#f6f8fc;border-top:1px solid #e1e7f0;margin:0;padding:18px 28px;font-size:10px}.template-draft-fields label{letter-spacing:.035em!important;color:#dbe4f2!important;font-size:9px!important}.template-draft-fields input,.template-draft-fields select{font-weight:650;height:42px!important;font-size:12px!important}.template-draft-fields label>small{color:#c8d3e4!important;font-size:8px!important}.template-draft-domain small strong{max-width:280px!important}.template-draft-bar{min-height:132px!important}.template-draft-puck{height:calc(100vh - 204px)!important}@media (max-width:900px){.studio-nav{display:none}.systems-dialog{border-radius:0;max-height:100vh}.systems-overlay{padding:0}.system-form{grid-template-columns:1fr}.system-form h3,.system-form label:nth-of-type(3),.system-form>p,.system-form>button{grid-column:1}.portal-delete{opacity:1}}
.delete-portal-button{color:#a62b4b;cursor:pointer;background:#fff7f9;border:1px solid #efc8d3;border-radius:7px;grid-column:1/3;justify-content:center;align-items:center;gap:6px;height:32px;font-size:10px;font-weight:750;display:flex}.delete-portal-button:hover{background:#ffedf2;border-color:#db7894}.card-actions .publish-button{color:#1459b8;text-align:center;white-space:nowrap;background:#f5f8fd;border-color:#c9d7ea}.card-actions .publish-button:hover{background:#eaf2ff;border-color:#1459b8}.user-menu-panel .user-system-action{color:#123f86;background:#eef4ff}.user-menu-panel .user-system-action:hover{background:#e1ebff}.user-menu-panel .user-branding-action{color:#7f206f;background:#fff0fa}.user-menu-panel .user-branding-action:hover{background:#ffe2f5}.user-menu-panel .user-branding-action:disabled{opacity:.45;cursor:not-allowed}.user-menu-panel .user-logout-action{color:#fff;background:linear-gradient(100deg,#ed168f,#9c3dde);justify-content:center}.user-menu-panel .user-logout-action:hover{background:linear-gradient(100deg,#d70c7e,#8430ca);box-shadow:0 7px 18px #bb198b30}.portal-danger-zone{background:#2a0d19;border:1px solid #74324b;border-radius:10px;align-items:center;gap:16px;margin-top:24px;padding:16px;display:flex}.portal-danger-zone>div{flex:1}.portal-danger-zone strong{color:#fff;font-size:11px}.portal-danger-zone p{color:#cda8b6!important;margin:5px 0 0!important;font-size:8px!important}.portal-danger-zone button{color:#fff;cursor:pointer;background:#50152a;border:1px solid #e5658d;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:9px;font-weight:800;display:flex}.portal-danger-zone button:hover{background:#a6204c}.runtime-page .compute-workspace{width:min(1192px,100% - 48px)}@media (max-width:900px){.runtime-page .compute-workspace{width:auto;margin-left:18px;margin-right:18px}}@media (max-width:620px){.runtime-page .compute-workspace{width:100%;margin-left:0;margin-right:0}}.template-visual .mini-preview>b,.template-visual .mini-ai>div>b,.template-visual .mini-blank>strong,.template-visual .compute-dashboard>small{color:#0b1d3a;letter-spacing:-.01em;align-items:center;gap:7px;min-height:18px;margin:0;font-size:12px;font-weight:850;line-height:1.25;display:flex}.template-visual .mini-preview>b:before,.template-visual .mini-ai>div>b:before,.template-visual .mini-blank>strong:before,.template-visual .compute-dashboard>small:before{content:"";background:linear-gradient(#ed168f,#9c3dde);border-radius:3px;flex:0 0 3px;width:3px;height:15px}.template-visual .compute-dashboard>small{letter-spacing:.045em;font-size:10px}.template-visual .compute-dashboard>strong{color:#243650;margin:5px 0 3px;font-size:8px;font-weight:800;display:block}.template-card-title h3{color:#071a3b;letter-spacing:-.015em;font-size:17px;font-weight:750}.editor-left>.studio-back-link{color:#102443;white-space:nowrap;background:#fff;border:1px solid #d5deec;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:8px 11px;font-size:12px;font-weight:750;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:inline-flex}.editor-left>.studio-back-link svg{width:16px;height:16px}.editor-left>.studio-back-link:hover{color:#bd0f72;background:#fff5fb;border-color:#ed168f}.editor-left>.studio-back-link:focus-visible{outline-offset:2px;border-color:#ed168f;outline:3px solid #ed168f25}@media (max-width:1180px){.editor-left>.studio-back-link span{display:none}.editor-left>.studio-back-link{justify-content:center;width:38px;padding:8px}}.branding-overlay{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#041127b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.branding-dialog{color:#10213b;background:#fff;border-radius:18px;width:min(1120px,100%);max-height:calc(100vh - 44px);overflow:auto;box-shadow:0 35px 100px #0007}.branding-dialog>header{color:#fff;background:radial-gradient(circle at 90% 0,#263f80,#0000 38%),linear-gradient(115deg,#06172f,#102c60);border-bottom:2px solid #ed168f;justify-content:space-between;align-items:flex-start;padding:25px 28px;display:flex}.branding-dialog>header span{color:#ff4daf;letter-spacing:.14em;font-size:10px;font-weight:850}.branding-dialog>header h2{margin:7px 0 6px;font-size:25px}.branding-dialog>header p{color:#cad5e7;margin:0;font-size:12px}.branding-dialog>header button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.branding-dialog>header button:hover{background:#ed168f;border-color:#ed168f}.branding-dialog>header button svg{width:18px}.branding-content{background:#f4f7fc;grid-template-columns:390px 1fr;gap:24px;padding:26px;display:grid}.branding-content>aside{background:#fff;border:1px solid #dce4f0;border-radius:13px;flex-direction:column;gap:14px;padding:20px;display:flex}.branding-content label{color:#20334f;flex-direction:column;gap:7px;font-size:11px;font-weight:800;display:flex}.branding-content input,.branding-content select,.branding-content textarea{color:#10213b;background:#fff;border:1px solid #ccd7e7;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px;font-weight:550}.branding-content input,.branding-content select{height:42px}.branding-content textarea{resize:vertical;line-height:1.5}.branding-content input:focus,.branding-content select:focus,.branding-content textarea:focus{border-color:#ed168f;box-shadow:0 0 0 3px #ed168f18}.branding-upload{grid-template-columns:1fr 1fr;gap:9px;display:grid}.branding-upload label,.branding-upload button{color:#174c96;cursor:pointer;background:#f5f8fd;border:1px solid #c9d6e9;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;gap:7px;height:40px;font-size:10px;font-weight:800;display:flex}.branding-upload input{display:none}.branding-upload button{color:#704d81}.branding-upload svg{width:14px}.branding-status{color:#2c568f;background:#eef5ff;border-radius:7px;margin:0;padding:10px;font-size:10px;line-height:1.45}.branding-save{color:#fff;cursor:pointer;background:linear-gradient(100deg,#ed168f,#9c3dde);border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:45px;font-size:11px;font-weight:850;display:flex}.branding-save:disabled{opacity:.5;cursor:not-allowed}.branding-save svg{width:15px}.branding-preview{background-position:50%;background-size:cover;border-radius:14px;min-height:570px;padding:26px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff2}.branding-preview:after{content:"";background:linear-gradient(90deg,#02091624,#02091608);position:absolute;inset:0}.branding-preview>img{z-index:2;width:180px;height:auto;position:absolute;top:24px;left:25px}.branding-preview article{z-index:2;background:#fffffff2;border-radius:14px;align-self:center;width:min(310px,80%);padding:25px;position:relative;box-shadow:0 20px 55px #0006}.branding-preview article>svg{color:#fff;background:linear-gradient(135deg,#ed168f,#9c3dde);border-radius:9px;width:34px;height:34px;padding:8px}.branding-preview h3{letter-spacing:-.025em;margin:18px 0 8px;font-size:24px}.branding-preview p{color:#607087;min-height:48px;margin:0 0 18px;font-size:11px;line-height:1.55}.branding-preview article span{color:#fff;background:linear-gradient(100deg,#ed168f,#9c3dde);border-radius:8px;justify-content:center;align-items:center;gap:8px;height:39px;font-size:11px;font-weight:850;display:flex}.branding-preview article span svg{width:14px}.preview-top-left{justify-content:flex-start;align-items:flex-start}.preview-top-centre{justify-content:center;align-items:flex-start}.preview-top-right{justify-content:flex-end;align-items:flex-start}.preview-centre-left{justify-content:flex-start;align-items:center}.preview-centre{justify-content:center;align-items:center}.preview-centre-right{justify-content:flex-end;align-items:center}.preview-bottom-left{justify-content:flex-start;align-items:flex-end}.preview-bottom-centre{justify-content:center;align-items:flex-end}.preview-bottom-right{justify-content:flex-end;align-items:flex-end}.branding-dialog>footer{color:#65748a;background:#fff;border-top:1px solid #dce4f0;padding:15px 28px;font-size:11px}.branding-dialog>footer strong{color:#133d7d}@media (max-width:900px){.branding-content{grid-template-columns:1fr}.branding-preview{min-height:480px}.branding-dialog{max-height:calc(100vh - 20px)}.branding-overlay{padding:10px}}@media (max-width:560px){.branding-content{padding:14px}.branding-upload{grid-template-columns:1fr}.branding-preview{min-height:520px;padding:16px}.branding-preview article{width:100%}.branding-preview>img{width:155px;top:18px;left:18px}}.systems-dialog>header{background:radial-gradient(circle at 92% 0,#203d7a 0,#0000 38%),linear-gradient(115deg,#06172f,#102c60);border-bottom:2px solid #ed168f}.systems-dialog>header .systems-close{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;line-height:1;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.systems-dialog>header .systems-close svg{stroke-width:2px;width:18px;height:18px;display:block}.systems-dialog>header .systems-close:hover,.systems-dialog>header .systems-close:focus-visible{background:#ed168f;border-color:#ff65bb;outline:none;transform:translateY(-1px)}.systems-list article>.system-delete{color:#c51d59;background:#fff2f7;border-color:#f1bfd0;justify-content:center;align-items:center;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.systems-list article>.system-delete:hover,.systems-list article>.system-delete:focus-visible{color:#fff;background:#ed168f;border-color:#ed168f;outline:none}.system-form>button:not(:disabled){background:linear-gradient(100deg,#ed168f,#9c3dde);box-shadow:0 8px 20px #bd218b2b}.systems-dialog .system-form{background:#f6f8fc;gap:16px;padding:26px 28px 28px}.systems-dialog .system-form h3{color:#10213b;letter-spacing:-.01em;margin:0 0 2px;font-size:18px;line-height:1.25}.systems-dialog .system-form h3:after{content:"Connect another approved ActivePort or ActivePortal environment to this organisation.";color:#68778c;letter-spacing:0;margin-top:7px;font-size:11px;font-weight:500;line-height:1.5;display:block}.systems-dialog .system-form label{color:#263852;gap:7px;font-size:11px;font-weight:800;line-height:1.3}.systems-dialog .system-form input{color:#10213b;border-color:#bdcbe0;border-radius:9px;height:46px;padding:0 13px;font-size:13px;font-weight:600;box-shadow:0 1px 2px #071a3b08}.systems-dialog .system-form input::placeholder{color:#7a889c;opacity:1;font-weight:500}.systems-dialog .system-form input:hover{border-color:#91a6c3}.systems-dialog .system-form input:focus{border-color:#ed168f;outline:3px solid #ed168f20;box-shadow:0 1px 2px #071a3b08}.systems-dialog .system-form>button{letter-spacing:.005em;border-radius:9px;height:48px;margin-top:2px;font-size:12px}.systems-dialog .system-form>button:disabled{color:#68778c;opacity:1;cursor:not-allowed;box-shadow:none;background:#e1e6ef}.json-drawer{width:min(560px,94vw);padding:30px}.json-drawer .drawer-head{gap:18px}.json-drawer .page-kicker{letter-spacing:.15em;font-size:10px}.json-drawer .drawer-head h2{margin:8px 0 0;font-size:23px;line-height:1.25}.json-drawer>p{color:#bdb6d1;font-size:13px;line-height:1.65}.json-drawer .drawer-head .icon-button{background:#251d3b;border-color:#594b7d;flex:0 0 38px;width:38px;height:38px}.json-drawer .drawer-head .icon-button:hover,.json-drawer .drawer-head .icon-button:focus-visible{background:#ed168f;border-color:#ed168f;outline:none}.portal-settings-form{gap:19px;margin-top:25px}.portal-settings-form label{color:#f0edf7;gap:8px;font-size:12px;line-height:1.35}.portal-settings-form input,.portal-settings-form select{border-color:#584a79;border-radius:9px;height:48px;padding:0 14px;font-size:14px;font-weight:650}.portal-settings-form input:hover,.portal-settings-form select:hover{border-color:#79689e}.portal-settings-form input:focus,.portal-settings-form select:focus{border-color:#ed168f;outline:3px solid #ed168f29}.portal-settings-form small{color:#bdb6d1;gap:7px;font-size:10px;line-height:1.45}.portal-settings-form small svg{width:15px;height:15px}.settings-save{min-height:48px;margin-top:24px;font-size:12px}.portal-danger-zone{margin-top:26px;padding:18px}.portal-danger-zone strong{font-size:12px}.portal-danger-zone p{line-height:1.45;font-size:10px!important}.portal-danger-zone button{justify-content:center;min-width:126px;height:39px;font-size:10px}.json-drawer pre{font-size:12px;line-height:1.65}.json-drawer .revision-list>div{background:#0d0a1a;border-color:#413657;padding:15px}.json-drawer .revision-list strong{color:#fff;font-size:13px}.json-drawer .revision-list small{color:#bdb6d1;font-size:10px;line-height:1.45}.json-drawer .revision-list button{font-size:10px}.systems-dialog .systems-list article strong{font-size:13px}.systems-dialog .systems-list article small{color:#68778c;font-size:10px}.systems-dialog>header p{font-size:12px}.compute-launch form label{font-size:11px}.compute-launch form label small{font-size:9px}.compute-launch input,.compute-launch select{height:44px;font-size:12px}.compute-launch-primary,.compute-launch-actions>button{font-size:11px}.compute-launch-review dt{font-size:9px}.compute-launch-review dd,.compute-confirm{font-size:11px}.compute-runtime-note,.compute-launch-error,.compute-launch-success{font-size:10px}@media (max-width:620px){.json-drawer{width:100%;padding:22px}.portal-danger-zone{flex-direction:column;align-items:stretch}.portal-danger-zone button{width:100%}}.import-template-banner{background:linear-gradient(120deg,#fff 0%,#fff7fc 100%);border:1px solid #dce3ee;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px;padding:20px 22px;display:flex;box-shadow:0 8px 22px #071b3b08}.import-template-banner>div{align-items:center;gap:14px;display:flex}.import-template-banner>div>svg{color:#ed168f;width:34px;height:34px}.import-template-banner span{flex-direction:column;gap:4px;display:flex}.import-template-banner strong{font-size:17px}.import-template-banner small{color:#68788f;max-width:700px;line-height:1.45}.import-template-banner>a{white-space:nowrap;color:#fff;background:#ed168f;border-radius:8px;align-items:center;gap:7px;padding:11px 15px;font-weight:800;text-decoration:none;display:flex}.branding-position-controls{flex-direction:column;gap:8px;display:flex}.branding-position-controls>strong{font-size:13px}.branding-position-controls>small{color:#718096;font-size:11px;line-height:1.45}.branding-coordinates{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.branding-coordinates label{font-size:10px}.branding-coordinates input{height:38px!important}.branding-presets{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.branding-presets button{color:#43516a;background:#fff;border:1px solid #d6deea;border-radius:6px;height:30px;font-size:9px;font-weight:700}.branding-presets button:hover{color:#b20a70;border-color:#ed168f}.branding-preview{display:block!important}.branding-preview .branding-draggable{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);align-self:auto!important;max-width:none!important;position:absolute!important}.branding-preview .branding-draggable:active{cursor:grabbing;outline-offset:3px;outline:2px solid #ed168f}.branding-preview .branding-draggable:before{content:"Drag";letter-spacing:.08em;color:#9b2a73;background:#fff1f9;border:1px solid #f2bfdc;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:900;position:absolute;top:10px;right:10px}@media (max-width:700px){.import-template-banner{flex-direction:column;align-items:flex-start}.branding-coordinates{grid-template-columns:1fr}.branding-presets{grid-template-columns:repeat(2,1fr)}}.editor-page-tabs{background:#f7f9fc;border-bottom:1px solid #dbe2ec;gap:6px;padding:8px 14px;display:flex;overflow-x:auto}.editor-page-tabs button{text-align:left;color:#42516a;background:#fff;border:1px solid #d7dfeb;border-radius:7px;min-width:120px;padding:7px 10px}.editor-page-tabs button span,.editor-page-tabs button small{white-space:nowrap;display:block}.editor-page-tabs button span{font-size:10px;font-weight:800}.editor-page-tabs button small{color:#8390a4;margin-top:2px;font-size:8px}.editor-page-tabs button.active{color:#9e0a65;border-color:#ed168f;box-shadow:0 0 0 2px #ed168f18}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas-page:#f5f7fb;--canvas-surface:#fff;--canvas-surface-2:#f7f9fc;--canvas-text:#0b1d3a;--canvas-muted:#66758c;--canvas-line:#dfe5ee;--canvas-top:#06172f;--canvas-shadow:#09224b12;--canvas-input:#fff;--canvas-hover:#f5f8fc}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas-page:#07111f;--canvas-surface:#0f1c2e;--canvas-surface-2:#142238;--canvas-text:#edf4ff;--canvas-muted:#9fb0c8;--canvas-line:#2b3c54;--canvas-top:#020a16;--canvas-shadow:#00000050;--canvas-input:#0c1828;--canvas-hover:#172740}html[data-theme=dark] body{background:var(--canvas-page);color:var(--canvas-text)}html[data-theme=dark] .studio-home,html[data-theme=dark] .jobs-page,html[data-theme=dark] .import-page,html[data-theme=dark] .template-details-page,html[data-theme=dark] .template-preview-page,html[data-theme=dark] .template-create-page,html[data-theme=dark] .editor-page,html[data-theme=dark] .center-state{background:var(--canvas-page)!important;color:var(--canvas-text)!important}html[data-theme=dark] .portal-workspace,html[data-theme=dark] .catalogue-section{background:0 0!important}html[data-theme=dark] .workspace-card,html[data-theme=dark] .template-card,html[data-theme=dark] .access-panel,html[data-theme=dark] .jobs-table,html[data-theme=dark] .import-form,html[data-theme=dark] .import-progress,html[data-theme=dark] .user-menu-panel,html[data-theme=dark] .systems-dialog,html[data-theme=dark] .branding-dialog,html[data-theme=dark] .json-drawer,html[data-theme=dark] .details-content article,html[data-theme=dark] .portal-total{background:var(--canvas-surface)!important;color:var(--canvas-text)!important;border-color:var(--canvas-line)!important;box-shadow:0 18px 48px var(--canvas-shadow)!important}html[data-theme=dark] .template-visual[class*=visual-],html[data-theme=dark] .portal-feature-preview[class*=visual-],html[data-theme=dark] .import-credentials{background:var(--canvas-surface-2)!important;color:var(--canvas-text)!important;border-color:var(--canvas-line)!important}html[data-theme=dark] .workspace-title p,html[data-theme=dark] .template-card>p,html[data-theme=dark] .jobs-title p,html[data-theme=dark] .jobs-table small,html[data-theme=dark] .import-intro>p,html[data-theme=dark] .import-intro small,html[data-theme=dark] .import-progress p,html[data-theme=dark] .identity small,html[data-theme=dark] .user-menu-panel small,html[data-theme=dark] .job-time{color:var(--canvas-muted)!important}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:var(--canvas-input)!important;color:var(--canvas-text)!important;border-color:var(--canvas-line)!important}html[data-theme=dark] .jobs-table article{border-color:var(--canvas-line)!important}html[data-theme=dark] .jobs-refresh,html[data-theme=dark] .job-actions button,html[data-theme=dark] .job-actions a,html[data-theme=dark] .template-actions-secondary a{background:var(--canvas-surface)!important;color:var(--canvas-text)!important;border-color:var(--canvas-line)!important}html[data-theme=dark] .jobs-page:before,html[data-theme=dark] .import-page:before,html[data-theme=dark] .studio-home:before{filter:brightness(.75)saturate(1.2);opacity:.7}html[data-theme=dark] .jobs-page:after,html[data-theme=dark] .import-page:after{opacity:.45}.preferences-overlay{z-index:120;background:#02081799;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.preferences-dialog{background:var(--canvas-surface);width:min(520px,100%);color:var(--canvas-text);border:1px solid var(--canvas-line);border-radius:18px;padding:24px;box-shadow:0 26px 80px #0005}.preferences-dialog header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.preferences-dialog header span{letter-spacing:.12em;color:#e80b8c;font-size:11px;font-weight:900}.preferences-dialog h2{margin:5px 0 0}.preferences-dialog header button{color:inherit;cursor:pointer;background:0 0;border:0}.preferences-dialog label{color:var(--canvas-muted);margin:15px 0;font-size:12px;font-weight:800;display:block}.preferences-dialog input{border:1px solid var(--canvas-line);background:var(--canvas-input);width:100%;height:44px;color:var(--canvas-text);border-radius:8px;margin-top:7px;padding:0 12px}.theme-choice{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.theme-choice button{border:1px solid var(--canvas-line);background:var(--canvas-surface-2);height:54px;color:var(--canvas-text);cursor:pointer;border-radius:10px;font-weight:800}.theme-choice button.active{color:#ed168f;border-color:#ed168f;box-shadow:inset 0 0 0 1px #ed168f}.preferences-save{color:#fff;cursor:pointer;background:linear-gradient(105deg,#ed168f,#9c3dde);border:0;border-radius:9px;width:100%;height:46px;font-weight:850}.preferences-status{color:var(--canvas-muted);font-size:12px}.user-preferences-action{color:#6333a8!important;background:#f4efff!important}.user-preferences-action:hover{background:#ece2ff!important}html[data-theme=dark] .user-preferences-action{color:#d7bbff!important;background:#251a3b!important}