@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap");:root{--p-vista-blue:#919ede;--p-french-mauve:#d189d0;--p-amaranth-pink:#ff99bd;--p-melon:#ffac99;--p-sunset:#ffd285;--p-mindaro:#fbfb9d;--p-tea-green:#ccf5ac;--p-oxford-blue:#090d1f;--p-vista-blue-rgb:145,158,222;--p-french-mauve-rgb:209,137,208;--p-amaranth-pink-rgb:255,153,189;--p-melon-rgb:255,172,153;--p-sunset-rgb:255,210,133;--p-mindaro-rgb:251,251,157;--p-tea-green-rgb:204,245,172;--p-oxford-blue-rgb:9,13,31;--p-neutral-900-rgb:15,21,41;--p-neutral-850-rgb:20,27,51;--p-neutral-950:#090d1f;--p-neutral-900:#0f1529;--p-neutral-850:#141b33;--p-neutral-800:#1a2140;--p-neutral-700:#252d52;--p-neutral-600:#374068;--p-neutral-500:#4f5a82;--p-neutral-400:#6b7599;--p-neutral-300:#8e96b3;--p-neutral-200:#b4bace;--p-neutral-100:#d5d9e6;--p-neutral-50:#eceef4;--p-space-0:0;--p-space-px:1px;--p-space-2xs:0.125rem;--p-space-xs:0.25rem;--p-space-sm:0.5rem;--p-space-md:0.75rem;--p-space-lg:1rem;--p-space-xl:1.5rem;--p-space-2xl:2rem;--p-space-3xl:3rem;--p-space-4xl:4rem;--p-radius-none:0;--p-radius-sm:2px;--p-radius-md:4px;--p-radius-lg:6px;--p-radius-xl:8px;--p-radius-2xl:12px;--p-radius-3xl:16px;--p-radius-pill:9999px;--p-radius-full:50%;--p-font-sans:"neue-haas-grotesk-display",sans-serif;--p-font-mono:"Space Mono",monospace;--p-text-sm:0.75rem;--p-text-base:0.875rem;--p-text-lg:1rem;--p-text-xl:1.25rem;--p-text-2xl:1.5rem;--p-text-3xl:2rem;--p-text-4xl:3rem;--p-text-display:4rem;--p-weight-normal:400;--p-weight-medium:500;--p-weight-semibold:600;--p-weight-bold:700;--p-leading-none:1;--p-leading-tight:1.25;--p-leading-normal:1.5;--p-tracking-tight:-0.025em;--p-tracking-normal:0;--p-tracking-wide:0.025em;--p-tracking-wider:0.05em;--p-tracking-widest:0.1em;--p-duration-instant:75ms;--p-duration-fast:150ms;--p-duration-base:200ms;--p-duration-slow:300ms;--p-duration-slower:500ms;--p-ease-default:cubic-bezier(0.4,0,0.2,1);--p-ease-in:cubic-bezier(0.4,0,1,1);--p-ease-out:cubic-bezier(0,0,0.2,1);--p-ease-in-out:cubic-bezier(0.4,0,0.2,1);--p-z-base:0;--p-z-raised:1;--p-z-dropdown:10;--p-z-sticky:100;--p-z-overlay:1000;--p-z-modal:10000;--p-z-toast:99999;--s-accent:var(--p-vista-blue);--s-accent-secondary:var(--p-french-mauve);--s-accent-gradient:linear-gradient(to top right,var(--p-vista-blue),var(--p-tea-green));--s-accent-gradient-warm:linear-gradient(to top right,var(--p-amaranth-pink),var(--p-sunset));--s-accent-gradient-rainbow:linear-gradient(to top right,var(--p-vista-blue),var(--p-french-mauve),var(--p-amaranth-pink),var(--p-sunset),var(--p-mindaro),var(--p-tea-green));--s-surface-0:var(--p-oxford-blue);--s-surface-1:var(--p-neutral-900);--s-surface-2:var(--p-neutral-850);--s-surface-3:var(--p-neutral-800);--s-surface-overlay:rgba(var(--p-oxford-blue-rgb),0.85);--s-text:var(--p-neutral-50);--s-text-muted:var(--p-neutral-300);--s-text-disabled:var(--p-neutral-500);--s-text-inverse:var(--p-oxford-blue);--s-text-heading:var(--p-neutral-50);--s-text-link:var(--p-vista-blue);--s-text-link-hover:var(--p-tea-green);--s-border:rgba(var(--p-vista-blue-rgb),0.15);--s-border-subtle:rgba(var(--p-vista-blue-rgb),0.08);--s-border-strong:rgba(var(--p-vista-blue-rgb),0.3);--s-border-focus:var(--p-vista-blue);--s-border-glow:rgba(var(--p-vista-blue-rgb),0.4);--s-border-gradient:linear-gradient(to top right,var(--p-vista-blue),var(--p-french-mauve),var(--p-amaranth-pink),var(--p-sunset),var(--p-mindaro),var(--p-tea-green));--s-success:var(--p-tea-green);--s-success-muted:rgba(var(--p-tea-green-rgb),0.15);--s-danger:var(--p-amaranth-pink);--s-danger-muted:rgba(var(--p-amaranth-pink-rgb),0.15);--s-warning:var(--p-sunset);--s-warning-muted:rgba(var(--p-sunset-rgb),0.15);--s-info:var(--p-vista-blue);--s-info-muted:rgba(var(--p-vista-blue-rgb),0.15);--s-hover:rgba(var(--p-vista-blue-rgb),0.08);--s-active:rgba(var(--p-vista-blue-rgb),0.15);--s-focus-ring:2px solid rgba(var(--p-vista-blue-rgb),0.5);--s-focus-ring-danger:2px solid rgba(var(--p-amaranth-pink-rgb),0.5);--s-focus-ring-success:2px solid rgba(var(--p-tea-green-rgb),0.5);--s-shadow-xs:0 1px 2px rgba(0,0,0,.2),0 1px 3px rgba(var(--p-vista-blue-rgb),0.04);--s-shadow-sm:0 2px 4px rgba(0,0,0,.2),-2px 2px 8px rgba(var(--p-vista-blue-rgb),0.06),2px 2px 8px rgba(var(--p-french-mauve-rgb),0.04);--s-shadow-md:0 4px 12px rgba(0,0,0,.25),-4px 4px 16px rgba(var(--p-vista-blue-rgb),0.07),4px 4px 16px rgba(var(--p-amaranth-pink-rgb),0.05),0 4px 16px rgba(var(--p-french-mauve-rgb),0.04);--s-shadow-lg:0 8px 24px rgba(0,0,0,.3),-6px 8px 24px rgba(var(--p-vista-blue-rgb),0.08),6px 8px 24px rgba(var(--p-amaranth-pink-rgb),0.06),0 8px 24px rgba(var(--p-sunset-rgb),0.04);--s-shadow-xl:0 16px 40px rgba(0,0,0,.35),-8px 16px 40px rgba(var(--p-vista-blue-rgb),0.1),8px 16px 40px rgba(var(--p-amaranth-pink-rgb),0.07),0 12px 32px rgba(var(--p-tea-green-rgb),0.05);--s-glow-primary:0 0 20px rgba(var(--p-vista-blue-rgb),0.25);--s-glow-secondary:0 0 20px rgba(var(--p-french-mauve-rgb),0.2);--s-glow-success:0 0 12px rgba(var(--p-tea-green-rgb),0.3);--s-glow-danger:0 0 12px rgba(var(--p-amaranth-pink-rgb),0.3);--s-glow-warning:0 0 12px rgba(var(--p-sunset-rgb),0.3);--s-transition-fast:var(--p-duration-fast) var(--p-ease-default);--s-transition-base:var(--p-duration-base) var(--p-ease-default);--s-transition-slow:var(--p-duration-slow) var(--p-ease-default);--s-font-body:var(--p-font-sans);--s-font-code:var(--p-font-mono);--s-container-2xs:360px;--s-container-xs:480px;--s-container-sm:640px;--s-container-md:768px;--s-container-lg:1024px;--s-container-xl:1280px;--c-bg:var(--s-surface-2);--c-bg-elevated:var(--s-surface-3);--c-border:var(--s-border-strong);--c-accent:var(--s-accent);--c-text:var(--s-text);--c-text-muted:var(--s-text-muted);--c-input-bg:var(--s-surface-2);--c-input-border:var(--s-border);--c-input-focus:var(--s-border-focus);--c-radius:var(--p-radius-lg)}@keyframes tabContentFadeIn{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}a{color:var(--s-accent);text-decoration:none;transition:color var(--s-transition-fast)}a:hover{color:var(--s-success);text-decoration:underline}html{scrollbar-gutter:stable}body{background:var(--s-surface-0);color:var(--s-text);display:flex;flex-direction:column;font-family:var(--s-font-body);font-size:var(--p-text-base);line-height:var(--p-leading-normal);margin:0;min-height:100vh;padding:0;position:relative}.header{backdrop-filter:blur(20px);background:var(--s-surface-1);border-bottom:1px solid var(--s-border-subtle);box-shadow:var(--s-shadow-md);padding:var(--p-space-lg) var(--p-space-xl);position:sticky;top:0;z-index:var(--p-z-sticky)}.header-brand{align-items:center;display:flex;flex-grow:1;gap:var(--p-space-lg)}.logo-link{display:inline-block;text-decoration:none}.logo{height:40px;opacity:.9;transition:opacity var(--s-transition-base);width:auto}.logo:hover{opacity:1}.brand-text h1,.header h1{background:var(--s-accent-gradient-rainbow);-webkit-background-clip:text;color:var(--s-text-heading);font-size:var(--p-text-3xl);font-weight:var(--p-weight-bold);-webkit-text-fill-color:transparent;background-clip:text;width:fit-content}.brand-text p,.header p{color:var(--s-text-muted);margin:0}.brand-text p{font-size:var(--p-text-base)}.header p{font-size:var(--p-text-xl);margin-bottom:var(--p-space-xl)}.header hr{background:var(--s-accent-gradient-rainbow);border:none;border-radius:var(--p-radius-sm);height:1px;margin:var(--p-space-xl) 0;opacity:.3}#workflow-title{font-size:var(--p-text-3xl);font-weight:var(--p-weight-semibold)}.main-content{display:flex;flex:1;gap:var(--p-space-lg);overflow:hidden;padding:var(--p-space-lg)}body.index-page .main-content{display:block;height:auto;margin:0 auto;max-width:1400px;padding:var(--p-space-2xl);position:relative;width:100%;z-index:5}.action-slots{margin-left:var(--p-space-2xl);margin-top:var(--p-space-lg)}.action-slot{background:linear-gradient(var(--s-surface-1),var(--s-surface-1)) padding-box,var(--s-border-gradient) border-box;border:1px solid transparent;border-radius:var(--p-radius-xl);margin-bottom:var(--p-space-xl);overflow:hidden}.slot-header{align-items:center;background:rgba(var(--p-vista-blue-rgb),.1);border-bottom:1px solid var(--s-border-subtle);display:flex;justify-content:space-between;padding:var(--p-space-md) var(--p-space-lg)}.slot-label{color:var(--s-text);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold)}.add-slot-step-btn{background:rgba(var(--p-vista-blue-rgb),.2);border:1px solid rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-md);color:var(--s-text);cursor:pointer;font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-md);transition:all var(--s-transition-base)}.add-slot-step-btn:hover{background:rgba(var(--p-vista-blue-rgb),.3);border-color:rgba(var(--p-vista-blue-rgb),.5)}.slot-steps{list-style:none;margin:0;padding:var(--p-space-lg)}.slot-steps li{background:rgba(var(--p-oxford-blue-rgb),.4);border:1px solid rgba(var(--p-vista-blue-rgb),.15);margin-bottom:var(--p-space-md);position:relative}.slot-steps li:before{align-items:center;background:var(--s-accent-gradient);border-radius:var(--p-radius-3xl);box-shadow:0 2px 10px rgba(var(--p-vista-blue-rgb),.3);color:var(--s-surface-0);content:var(--step-number,"1.1");display:flex;font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);height:30px;justify-content:center;left:-15px;position:absolute;top:50%;transform:translateY(-50%);width:35px}.slot-steps:empty{display:none}dialog{backdrop-filter:blur(10px);border:none;border-radius:var(--p-radius-2xl);box-shadow:0 10px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;left:50%;margin:0;max-height:90vh;max-width:500px;overflow:hidden;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw}dialog::backdrop{backdrop-filter:blur(5px);background:rgba(0,0,0,.7)}dialog form{backdrop-filter:blur(20px);background:linear-gradient(var(--s-surface-1),var(--s-surface-1)) padding-box,var(--s-border-gradient) border-box;border:1px solid transparent;border-radius:var(--p-radius-2xl);flex:1;min-height:0;overflow-y:auto;padding:var(--p-space-2xl)}dialog p{color:var(--s-text-heading);font-size:var(--p-text-2xl);font-weight:var(--p-weight-semibold);margin-bottom:var(--p-space-lg)}dialog hr{background:var(--s-accent-gradient-rainbow);border:none;border-radius:var(--p-radius-sm);height:2px;margin-bottom:var(--p-space-xl)}dialog label{color:var(--p-neutral-200);display:block;font-weight:var(--p-weight-semibold);margin-bottom:var(--p-space-sm)}dialog input,dialog select{background:rgba(var(--p-oxford-blue-rgb),.8);border:1px solid rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-xl);color:var(--s-text);font-family:inherit;font-size:var(--p-text-lg);margin-bottom:var(--p-space-lg);padding:var(--p-space-md);transition:border-color var(--s-transition-slow);width:100%}dialog input:focus,dialog select:focus{border-color:var(--s-accent);outline:none;outline:var(--s-focus-ring);outline-offset:2px}dialog select[multiple]{min-height:120px}dialog small{color:var(--s-text-muted);display:block;font-size:var(--p-text-sm);margin-bottom:var(--p-space-lg)}dialog button{background:var(--s-accent-gradient);border:none;border-radius:var(--p-radius-xl);color:var(--s-surface-0);cursor:pointer;font-size:var(--p-text-lg);font-weight:var(--p-weight-semibold);margin:var(--p-space-sm) var(--p-space-sm) 0 0;padding:var(--p-space-md) var(--p-space-xl);transition:all var(--s-transition-slow)}dialog button:hover{box-shadow:0 4px 15px rgba(var(--p-vista-blue-rgb),.4);transform:translateY(-2px)}dialog button[type=button]{background:rgba(var(--p-oxford-blue-rgb),.8);border:1px solid rgba(var(--p-vista-blue-rgb),.2);color:var(--s-text)}dialog button[type=button]:hover{background:rgba(var(--p-oxford-blue-rgb),1);border-color:rgba(var(--p-vista-blue-rgb),.4);box-shadow:0 4px 15px rgba(var(--p-oxford-blue-rgb),.4);transform:translateY(-2px)}#edit-step-inputs,#new-step-inputs{background:hsla(0,0%,100%,.05);border:2px dashed rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-xl);display:flex;flex-direction:column;gap:var(--p-space-xl);margin-bottom:var(--p-space-lg);min-height:80px;padding:var(--p-space-lg)}.variable-badge{align-items:center;animation:slideIn .2s ease-out;background:var(--s-accent-gradient);border-radius:var(--p-radius-2xl);box-shadow:0 2px 4px rgba(var(--p-vista-blue-rgb),.3);color:var(--s-surface-0);cursor:pointer;display:inline-flex;font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);margin:0 var(--p-space-2xs);padding:var(--p-space-2xs) var(--p-space-sm);transition:all var(--s-transition-base);user-select:none;white-space:nowrap}.variable-badge:hover{box-shadow:0 4px 8px rgba(var(--p-vista-blue-rgb),.4);transform:translateY(-1px)}.variable-badge .remove-variable{cursor:pointer;font-weight:var(--p-weight-bold);margin-left:var(--p-space-xs);opacity:.5;transition:opacity var(--s-transition-base)}.variable-badge .remove-variable:hover{opacity:1}.variable-input-container{display:flex;flex-direction:column;gap:var(--p-space-xs);position:relative;width:100%}.variable-input-field{align-items:center;backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.6)!important;border:2px solid rgba(var(--p-vista-blue-rgb),.2)!important;border-radius:var(--p-radius-xl);color:var(--s-text-heading)!important;cursor:text;display:flex;flex-wrap:wrap;min-height:40px;padding:var(--p-space-sm);position:relative;transition:all var(--s-transition-base)}.variable-input-field[data-is-textarea=true]{align-items:flex-start;display:block;flex-wrap:nowrap;gap:initial;height:auto;min-height:80px;overflow-y:auto;padding-bottom:var(--p-space-md);padding-top:var(--p-space-md);resize:vertical}.variable-input-field[data-is-textarea=true] .text-line{display:block;line-height:1.2;margin-bottom:var(--p-space-xs);min-height:1.2em;width:100%}.variable-input-field[data-is-textarea=true] .text-segment{white-space:pre-wrap;word-wrap:break-word;display:inline;line-height:1.2}.variable-input-field:hover{border-color:var(--p-neutral-200)}.variable-input-field:focus-within{border-color:var(--s-accent);box-shadow:0 0 0 3px rgba(var(--p-vista-blue-rgb),.1)}.variable-input-field.has-variables{background:linear-gradient(135deg,var(--p-neutral-50) 0,var(--p-neutral-50) 100%)}.variable-input-field .text-segment{background:transparent;border:none;color:inherit;display:inline-block;font-family:inherit;font-size:inherit;margin:0;min-height:1em;min-width:2px;outline:none;padding:0;vertical-align:baseline;white-space:pre}.variable-input-field .text-segment.empty-segment{position:relative}.variable-input-field .placeholder-text{color:var(--s-text-muted);font-family:var(--s-font-body);font-size:inherit;left:8px;line-height:inherit;margin-left:var(--p-space-sm);opacity:1;pointer-events:none;position:absolute;top:8px;user-select:none;white-space:pre-wrap;z-index:var(--p-z-dropdown)}.variable-picker{animation:dropdownSlide .2s ease-out;background:#fff;border:2px solid var(--p-neutral-100);border-radius:0 0 8px 8px;border-top:none;box-shadow:var(--s-shadow-md);max-height:250px;min-width:200px;overflow-y:auto;position:fixed;z-index:var(--p-z-modal)}.variable-picker-header{background:var(--p-neutral-50);color:var(--p-neutral-600);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold);position:sticky;top:0}.variable-picker-header,.variable-picker-item{border-bottom:1px solid var(--p-neutral-100);padding:var(--p-space-sm) var(--p-space-md)}.variable-picker-item{align-items:center;border-left:3px solid transparent;cursor:pointer;display:flex;justify-content:space-between;transition:all var(--s-transition-base)}.variable-picker-item:not(.empty-message):focus,.variable-picker-item:not(.empty-message):hover{background:linear-gradient(135deg,var(--p-neutral-50) 0,var(--p-neutral-50) 100%);border-left:3px solid var(--s-accent);outline:none}.variable-picker-item:last-child{border-bottom:none}.variable-picker-item .variable-name{color:var(--p-neutral-800);font-weight:var(--p-weight-medium)}.variable-picker-item .variable-type{background:var(--p-neutral-100);border-radius:var(--p-radius-md);color:var(--s-text-muted);font-size:var(--p-text-sm);padding:var(--p-space-2xs) var(--p-space-sm);transition:all var(--s-transition-base)}.variable-picker-item:focus .variable-type,.variable-picker-item:hover .variable-type{background:var(--s-accent);color:var(--s-text-inverse)}.variable-picker-item .variable-source{color:var(--s-text-muted);font-size:var(--p-text-sm)}.add-variable-btn{background:var(--s-success);border:none;border-radius:var(--p-radius-lg);box-shadow:0 1px 3px rgba(var(--p-tea-green-rgb),.2);color:var(--s-text-inverse);cursor:pointer;font-size:var(--p-text-sm);margin-top:var(--p-space-xs);padding:var(--p-space-xs) var(--p-space-sm);transition:all var(--s-transition-base)}.add-variable-btn:hover{box-shadow:0 2px 6px rgba(var(--p-tea-green-rgb),.3);transform:translateY(-1px)}.add-variable-btn:active{transform:translateY(0)}.variable-picker-loading{color:var(--s-text-muted);font-style:italic;padding:var(--p-space-md);text-align:center}.variable-picker-loading:after{animation:spin 1s linear infinite;border-top:2px solid var(--p-neutral-200);border:2px solid var(--p-neutral-200);border-radius:var(--p-radius-full);border-top-color:var(--s-accent);content:"";display:inline-block;height:12px;margin-left:var(--p-space-sm);width:12px}.object-input-container{display:flex;flex-direction:column;gap:var(--p-space-sm)}.array-input-fields,.object-input-fields{background:hsla(0,0%,100%,.05);border:2px dashed rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-xl);display:flex;flex-direction:column;gap:var(--p-space-2xl);margin-bottom:var(--p-space-lg);min-height:60px;padding:var(--p-space-lg)}.object-field-row{align-items:stretch}.array-field-row{align-items:flex-start;display:flex;gap:var(--p-space-sm)}.object-field-row{display:flex;flex-direction:column;gap:var(--p-space-sm)}.object-field-bottom-row,.object-field-top-row{align-items:flex-start;display:flex;gap:var(--p-space-sm)}.array-field-inputs{display:flex;flex:1;flex-direction:column;gap:var(--p-space-sm)}.array-field-inputs input,.object-field-key-input,.object-field-type-select,.object-field-value-input{background:rgba(var(--p-oxford-blue-rgb),.8);border:1px solid rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-lg);color:var(--s-text);font-size:var(--p-text-base);padding:var(--p-space-sm);transition:border-color var(--s-transition-slow);width:100%}.array-field-inputs input:focus,.object-field-key-input:focus,.object-field-type-select:focus,.object-field-value-input:focus{border-color:var(--s-accent);outline:none;outline:var(--s-focus-ring);outline-offset:2px}.object-field-key-input::placeholder,.object-field-value-input::placeholder{color:var(--s-text-muted)}.array-field-inputs input::placeholder{color:var(--s-text-muted)}.object-field-remove-btn{align-items:center;background:rgba(var(--p-amaranth-pink-rgb),.8);border:none;border-radius:var(--p-radius-lg);color:var(--s-text-inverse);cursor:pointer;display:flex;font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);height:32px;justify-content:center;margin-top:var(--p-space-xs);min-width:32px;padding:var(--p-space-sm);transition:all var(--s-transition-base)}.object-field-remove-btn:hover{background:rgba(var(--p-amaranth-pink-rgb),.9);box-shadow:0 2px 6px rgba(var(--p-amaranth-pink-rgb),.3);transform:translateY(-1px)}.add-field-btn{align-self:flex-start;background:var(--s-success);border:none;border-radius:var(--p-radius-lg);box-shadow:0 2px 4px rgba(var(--p-tea-green-rgb),.2);color:var(--s-text-inverse);cursor:pointer;font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);padding:var(--p-space-sm) var(--p-space-lg);transition:all var(--s-transition-base)}.add-field-btn:hover{background:var(--s-success);box-shadow:0 4px 8px rgba(var(--p-tea-green-rgb),.3);transform:translateY(-1px)}.add-field-btn:active{transform:translateY(0)}.array-input-container{display:flex;flex-direction:column;gap:var(--p-space-sm)}.unified-input-container{margin-bottom:var(--p-space-lg)}.input-label-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--p-space-sm)}.input-label-wrapper label{font-size:var(--p-text-base);font-weight:var(--p-weight-semibold)}.input-mode-toggle{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-3xl);display:flex;font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);gap:var(--p-space-sm);letter-spacing:.5px;padding:var(--p-space-xs);text-transform:uppercase}.input-mode-toggle span{border-radius:var(--p-radius-2xl);cursor:pointer;padding:var(--p-space-2xs) var(--p-space-sm);transition:all var(--s-transition-base);user-select:none}.input-mode-toggle span:hover{opacity:.8}.reference-input-field,.reference-mode-field,.value-mode-field{width:100%}.reference-display{background-color:rgba(var(--p-vista-blue-rgb),.05);cursor:pointer;width:100%}.reference-display:hover{background-color:rgba(var(--p-vista-blue-rgb),.1)}.variable-dropdown{background:var(--s-surface-2);border:1px solid var(--p-neutral-700);border-radius:var(--p-radius-md);box-shadow:var(--s-shadow-md);display:none;margin-top:var(--p-space-2xs);max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:var(--p-z-overlay)}.variable-option{border-bottom:1px solid var(--p-neutral-800);cursor:pointer;padding:var(--p-space-sm);transition:background var(--s-transition-base)}.variable-option:hover{background:var(--s-surface-3)}.variable-option:last-child{border-bottom:none}.single-variable-selector{position:relative;width:100%}.variable-selector-display{align-items:center;background:rgba(var(--p-vista-blue-rgb),.05);border:1px solid rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-lg);cursor:pointer;display:flex;justify-content:space-between;min-height:38px;padding:var(--p-space-sm) var(--p-space-md);transition:all var(--s-transition-base)}.variable-selector-display:hover{background:rgba(var(--p-vista-blue-rgb),.08);border-color:rgba(var(--p-vista-blue-rgb),.4)}.variable-text{color:var(--s-accent);font-family:var(--s-font-code);font-size:var(--p-text-base)}.variable-text.empty{color:var(--s-text-muted);font-family:inherit}.variable-selector-dropdown{background:var(--s-surface-2);border:1px solid rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.4);display:none;max-height:300px;min-width:200px;overflow-y:auto;position:fixed;z-index:var(--p-z-modal)}.variable-selector-option{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.05);cursor:pointer;padding:var(--p-space-md);transition:background var(--s-transition-base)}.variable-selector-option:hover{background:rgba(var(--p-vista-blue-rgb),.08)}.variable-selector-option:last-child{border-bottom:none}.variable-selector-option.clear-option{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.1);color:var(--s-text-muted);font-style:italic}.variable-selector-option.clear-option:hover{background:rgba(var(--p-vista-blue-rgb),.1)}.input-mode-toggle-header{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-xl);display:flex;justify-content:space-between;margin-bottom:var(--p-space-sm);padding:var(--p-space-sm) var(--p-space-md)}.mode-label{font-weight:var(--p-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.mode-label,.mode-toggle-btn{color:var(--s-accent);font-size:var(--p-text-sm)}.mode-toggle-btn{background:rgba(var(--p-vista-blue-rgb),.1);border:1px solid rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-lg);cursor:pointer;font-weight:var(--p-weight-medium);padding:var(--p-space-sm) var(--p-space-md);transition:all var(--s-transition-base)}.mode-toggle-btn:hover{background:rgba(var(--p-vista-blue-rgb),.2);border-color:rgba(var(--p-vista-blue-rgb),.5);box-shadow:0 2px 4px rgba(var(--p-vista-blue-rgb),.2);transform:translateY(-1px)}.mode-toggle-btn:active{transform:translateY(0)}.array-reference-input,.object-reference-input{background:rgba(var(--p-oxford-blue-rgb),.8);border:1px solid rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-xl);color:var(--s-text);font-family:var(--s-font-code);font-size:var(--p-text-base);padding:var(--p-space-md);transition:border-color var(--s-transition-slow);width:100%}.array-reference-input:focus,.object-reference-input:focus{border-color:var(--s-accent);outline:none;outline:var(--s-focus-ring);outline-offset:2px}.array-reference-input::placeholder,.object-reference-input::placeholder{color:var(--s-text-muted);font-style:italic}.header-content{justify-content:space-between;margin:0 auto;position:relative;width:100%;z-index:var(--p-z-dropdown)}.header-content,.user-menu{align-items:center;display:flex;gap:var(--p-space-lg)}.user-menu{color:var(--s-text)}#user-name{color:var(--s-text-heading);font-weight:var(--p-weight-medium)}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--p-space-lg);justify-content:space-between}.dashboard-title{color:var(--s-text-heading);font-size:var(--p-text-3xl);font-weight:var(--p-weight-semibold)}.btn{align-items:center;border:1px solid transparent;border-radius:var(--p-radius-xl);cursor:pointer;display:inline-flex;font-family:var(--s-font-body);font-size:var(--p-text-base);font-weight:var(--p-weight-medium);gap:var(--p-space-sm);justify-content:center;padding:var(--p-space-md) var(--p-space-xl);text-decoration:none;transition:all var(--s-transition-base);white-space:nowrap}.btn:active,.btn:focus,.btn:hover{color:inherit;text-decoration:none}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--s-accent)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{background:var(--s-accent-gradient-rainbow);background-position:0 50%;background-size:150% 150%;border:1px solid var(--s-border);color:var(--s-text-inverse);font-weight:var(--p-weight-semibold);transition:all var(--s-transition-slow)}.btn-primary:hover:not(:disabled){background-position:50% 50%;box-shadow:0 4px 12px rgba(var(--p-vista-blue-rgb),.4)}.btn-secondary{background:rgba(var(--p-oxford-blue-rgb),.8);border:1px solid rgba(var(--p-oxford-blue-rgb),.5);color:var(--s-text)}.btn-secondary:hover:not(:disabled){background:rgba(var(--p-oxford-blue-rgb),1);box-shadow:var(--s-shadow-md)}.btn-icon{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.8);border:1px solid rgba(var(--p-oxford-blue-rgb),.5);border-radius:var(--p-radius-lg);color:var(--s-text-muted);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:background var(--s-transition-fast),color var(--s-transition-fast);width:32px}.btn-icon:hover{background:rgba(var(--p-oxford-blue-rgb),1);color:var(--s-text)}.btn-danger{background:var(--s-danger);color:var(--s-text-inverse)}.btn-danger:hover:not(:disabled){background:var(--s-danger);box-shadow:0 4px 12px rgba(var(--p-amaranth-pink-rgb),.4)}.btn-success{background:var(--s-success);border:1px solid rgba(var(--p-tea-green-rgb),.3);color:var(--s-text-inverse)}.btn-success:hover:not(:disabled){background:var(--s-success);box-shadow:0 4px 12px rgba(var(--p-tea-green-rgb),.4)}.btn-warning{background:rgba(var(--p-sunset-rgb),.2);border:1px solid rgba(var(--p-sunset-rgb),.4);color:var(--s-warning)}.btn-warning:hover:not(:disabled){background:rgba(var(--p-sunset-rgb),.3);border-color:rgba(var(--p-sunset-rgb),.6);color:var(--s-warning)}.btn-outline{border:1px solid var(--s-border)}.btn-outline:hover:not(:disabled){background:rgba(var(--p-vista-blue-rgb),.1);border-color:var(--s-accent)}.btn-outline-danger:hover:not(:disabled){background:var(--s-danger);color:var(--s-text-inverse)}.apps-grid{display:grid;gap:var(--p-space-2xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:var(--p-space-2xl)}.app-card{backdrop-filter:blur(10px);background:linear-gradient(var(--s-surface-1),var(--s-surface-1)) padding-box,var(--s-border-gradient) border-box;border:1px solid transparent;border-radius:var(--p-radius-2xl);box-shadow:var(--s-shadow-md);overflow:hidden;transition:all var(--s-transition-slow)}.app-card:hover{border-color:rgba(var(--p-vista-blue-rgb),.4);box-shadow:0 12px 30px rgba(0,0,0,.3);transform:translateY(-4px)}.app-header{background:rgba(var(--p-oxford-blue-rgb),.6);border-bottom:1px solid rgba(var(--p-oxford-blue-rgb),.3);padding:var(--p-space-xl)}.app-name{color:var(--s-text-heading);font-size:var(--p-text-2xl);margin-bottom:var(--p-space-sm)}.app-name,.app-status{font-weight:var(--p-weight-semibold)}.app-status{border-radius:var(--p-radius-3xl);color:var(--s-text-inverse);display:inline-block;font-size:var(--p-text-sm);padding:var(--p-space-xs) var(--p-space-md)}.app-status.active,.domain-status-badge.active{background:var(--s-success);box-shadow:0 2px 8px rgba(var(--p-tea-green-rgb),.3)}.app-status.inactive,.domain-status-badge.inactive{background:var(--p-neutral-600);box-shadow:0 2px 8px rgba(var(--p-vista-blue-rgb),.2);color:var(--p-neutral-50)}.app-status.error,.domain-status-badge.error{background:var(--s-danger);box-shadow:0 2px 8px rgba(var(--p-amaranth-pink-rgb),.2)}.app-status.starting,.domain-status-badge.starting{background:var(--s-warning);box-shadow:0 2px 8px rgba(var(--p-sunset-rgb),.3)}.app-status.suspended{background:var(--s-danger);box-shadow:0 2px 8px rgba(var(--p-amaranth-pink-rgb),.3)}.app-details{padding:var(--p-space-xl)}.app-details,.content-area{background:rgba(var(--p-oxford-blue-rgb),.3)}.content-area{flex:1;min-width:0;overflow-y:auto;padding:var(--p-space-2xl)}.sidebar-launch-btn{align-items:center;border-radius:var(--p-radius-xl);display:flex;font-size:var(--p-text-lg);font-weight:var(--p-weight-semibold);gap:var(--p-space-sm);justify-content:center;margin:0 var(--p-space-lg) var(--p-space-sm) var(--p-space-lg);margin-bottom:var(--p-space-lg);padding:var(--p-space-lg);text-decoration:none;width:calc(100% - 2rem)}.split-button-group{display:flex;margin:0 var(--p-space-lg) var(--p-space-lg) var(--p-space-lg);position:relative;width:calc(100% - 2rem)}.split-button-main{border-bottom-right-radius:0!important;border-right:1px solid hsla(0,0%,100%,.2);border-top-right-radius:0!important;flex:1;margin:0;width:auto}.split-button-dropdown{border-bottom-left-radius:0!important;border-left:none;border-top-left-radius:0!important;flex-shrink:0;margin:0;min-width:auto;padding:var(--p-space-lg) var(--p-space-md);width:auto}.split-button-main.split-button-solo{border-bottom-right-radius:var(--p-radius-xl)!important;border-right:none;border-top-right-radius:var(--p-radius-xl)!important}.launch-dropdown{backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.95);border:1px solid rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-xl);bottom:100%;box-shadow:0 -4px 6px -1px rgba(0,0,0,.1),0 -2px 4px -1px rgba(0,0,0,.06);left:0;margin-bottom:var(--p-space-sm);opacity:0;position:absolute;right:0;transform:translateY(10px);transition:all var(--s-transition-base);visibility:hidden;z-index:var(--p-z-overlay)}.launch-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.launch-dropdown-item{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.1);color:var(--s-text);display:block;padding:var(--p-space-md) var(--p-space-lg);text-decoration:none;transition:background-color var(--s-transition-base)}.launch-dropdown-item:last-child{border-bottom:none}.launch-dropdown-item:hover{background:rgba(var(--p-vista-blue-rgb),.1);color:var(--p-neutral-50);text-decoration:none}.content-area .tab-content{animation:fadeIn .3s ease-in-out;background:transparent;max-width:1200px;padding:0}.tab-content h1{font-size:var(--p-text-3xl)}.tab-content h1,.tab-content h2{background:var(--s-accent-gradient-rainbow);-webkit-background-clip:text;color:var(--s-text-heading);font-weight:var(--p-weight-bold);margin-bottom:var(--p-space-xl);-webkit-text-fill-color:transparent;background-clip:text;width:fit-content}.tab-content h2{font-size:var(--p-text-2xl)}.tab-content h3{color:var(--s-text-heading);margin-bottom:var(--p-space-lg)}.tab-content h3,.tab-content h4{background:var(--s-accent-gradient-rainbow);-webkit-background-clip:text;font-size:var(--p-text-xl);font-weight:var(--p-weight-semibold);-webkit-text-fill-color:transparent;background-clip:text;width:fit-content}.tab-content h4{color:var(--s-text);margin-bottom:var(--p-space-md)}.tab-content h5{color:var(--s-text);font-size:var(--p-text-lg)}.tab-content h5,.tab-content h6{background:var(--s-accent-gradient-rainbow);-webkit-background-clip:text;font-weight:var(--p-weight-semibold);margin-bottom:var(--p-space-sm);-webkit-text-fill-color:transparent;background-clip:text;width:fit-content}.tab-content h6{color:var(--p-neutral-200);font-size:var(--p-text-base)}#logic-list ul{color:var(--s-text);list-style:disc inside;margin:var(--p-space-lg) 0 0 var(--p-space-lg)}#logic-list li{font-size:var(--p-text-lg);margin-bottom:var(--p-space-sm)}.mobile-menu-toggle{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.95);border:2px solid rgba(var(--p-vista-blue-rgb),.5);border-radius:var(--p-radius-xl);box-shadow:var(--s-shadow-xs);cursor:pointer;display:none;flex-direction:column;gap:var(--p-space-xs);height:40px;justify-content:center;margin-left:auto;padding:var(--p-space-sm);position:relative;width:40px;z-index:99}.hamburger-line{background:var(--s-accent);border-radius:var(--p-radius-sm);box-shadow:0 1px 2px rgba(0,0,0,.2);display:block;height:2px;width:20px}.mobile-menu-toggle:hover{background:rgba(var(--p-oxford-blue-rgb),1);border-color:rgba(var(--p-vista-blue-rgb),.7)}.detail-row{align-items:center;border-bottom:1px solid rgba(var(--p-oxford-blue-rgb),.3);display:flex;justify-content:space-between;padding:var(--p-space-sm) 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--s-text-muted);font-weight:var(--p-weight-medium)}.detail-value{color:var(--s-text);font-weight:var(--p-weight-semibold)}.app-actions{background:rgba(var(--p-oxford-blue-rgb),.6);border-top:1px solid rgba(var(--p-oxford-blue-rgb),.3);display:flex;flex-wrap:wrap;gap:var(--p-space-sm);padding:var(--p-space-lg) var(--p-space-xl)}.app-actions .btn{flex:1;justify-content:center}.app-actions .split-button-group{flex:1;margin:0;width:auto}.app-actions .split-button-main{margin:0}.app-actions .split-button-dropdown{flex-shrink:0;flex:none;margin:0}.empty-state{backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-oxford-blue-rgb),.3);border-radius:var(--p-radius-2xl);box-shadow:var(--s-shadow-md);padding:var(--p-space-3xl) var(--p-space-2xl);text-align:center}.empty-icon{color:var(--s-text-muted);font-size:var(--p-text-3xl);margin-bottom:var(--p-space-lg)}.empty-title{color:var(--s-text);font-size:var(--p-text-2xl);font-weight:var(--p-weight-semibold)}.empty-description{color:var(--s-text-muted);margin-bottom:var(--p-space-xl)}body.login-page{display:flex;flex-direction:column;min-height:100vh}.auth-container{backdrop-filter:blur(20px);background:rgba(var(--p-oxford-blue-rgb),.95);border:1px solid rgba(var(--p-vista-blue-rgb),.15);border-radius:var(--p-radius-3xl);box-shadow:0 20px 25px -5px rgba(0,0,0,.3);margin:auto;max-width:420px;padding:var(--p-space-3xl);width:100%}.auth-header{margin-bottom:var(--p-space-2xl);text-align:center}.auth-logo{height:48px;margin-bottom:var(--p-space-lg);opacity:.9;width:auto}.auth-title{background:var(--s-accent-gradient-rainbow);-webkit-background-clip:text;color:var(--s-text-heading);font-size:var(--p-text-3xl);font-weight:var(--p-weight-bold);margin-bottom:var(--p-space-sm);-webkit-text-fill-color:transparent;background-clip:text;margin-inline:auto;width:fit-content}.auth-subtitle{color:var(--s-text-muted);font-size:var(--p-text-lg)}.auth-tabs{background:rgba(var(--p-oxford-blue-rgb),.3);border:1px solid rgba(var(--p-vista-blue-rgb),.1);border-radius:var(--p-radius-xl);display:flex;margin-bottom:var(--p-space-2xl);padding:var(--p-space-xs)}.auth-tab{background:transparent;border:none;border-radius:var(--p-radius-lg);color:var(--s-text-muted);cursor:pointer;flex:1;font-weight:var(--p-weight-medium);padding:var(--p-space-md) var(--p-space-lg);text-align:center;transition:all var(--s-transition-base)}.auth-tab.active{background:rgba(var(--p-vista-blue-rgb),.2);border:1px solid rgba(var(--p-vista-blue-rgb),.3);box-shadow:var(--s-shadow-sm);color:var(--s-text-heading);font-weight:var(--p-weight-semibold)}.dashboard-tab-nav{max-width:450px}.dashboard-tab-nav .auth-tab{display:block;text-decoration:none}#dashboard-tabs .auth-tab[data-tab=blueprints],#dashboard-tabs .auth-tab[data-tab=settings]{display:none}#dashboard-tabs.is-elevated .auth-tab[data-tab=blueprints],#dashboard-tabs.is-elevated .auth-tab[data-tab=settings]{display:block}.auth-form{display:none}.auth-form.active{display:block}.form-group{margin-bottom:var(--p-space-xl)}.cc-field-stack{display:flex;flex-direction:column;gap:var(--p-space-xl)}.cc-field-stack>.db-form-group,.cc-field-stack>.form-group,.cc-field-stack>.form-row{margin-bottom:0}.form-group label{color:var(--s-text-heading);display:block;font-weight:var(--p-weight-semibold);margin-bottom:var(--p-space-sm)}.form-group input,.form-group select,.form-group textarea{background:rgba(var(--p-oxford-blue-rgb),.5);border:2px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-xl);color:var(--s-text);font-size:var(--p-text-lg);padding:var(--p-space-md) var(--p-space-lg);transition:border-color var(--s-transition-base),box-shadow var(--s-transition-base);width:100%}body.login-page .form-group input{background:rgba(var(--p-oxford-blue-rgb),.7);border:2px solid rgba(var(--p-vista-blue-rgb),.2);color:var(--s-text);padding:var(--p-space-lg) var(--p-space-lg)}body.login-page .form-group input::placeholder{color:var(--s-text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:rgba(var(--p-oxford-blue-rgb),.8);border-color:var(--s-accent);box-shadow:0 0 0 3px rgba(var(--p-vista-blue-rgb),.1);outline:none}.form-group input.touched:invalid{background:rgba(var(--p-amaranth-pink-rgb),.05);border-color:var(--s-danger)}.form-group select.touched:invalid{background:rgba(var(--p-amaranth-pink-rgb),.05);border-color:var(--s-danger)}.form-group textarea{min-height:80px;resize:vertical}.form-help{color:var(--s-text-muted);font-size:var(--p-text-base);margin-top:var(--p-space-xs)}.form-help code{background:rgba(var(--p-oxford-blue-rgb),.8);border-radius:var(--p-radius-sm);color:var(--s-accent);font-family:var(--s-font-code);padding:var(--p-space-2xs) var(--p-space-sm)}.category-input-container{flex:1;position:relative}.category-input-container .dark-input{padding-right:var(--p-space-2xl);width:100%}.category-input-container .dark-input.dropdown-open{border-radius:var(--p-radius-lg) 6px 0 0}.category-dropdown-toggle{align-items:center;background:none;border:none;color:var(--s-text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--p-space-xs);position:absolute;right:6px;top:50%;transform:translateY(-50%)}.category-dropdown-toggle:hover{color:var(--s-text)}.category-dropdown-toggle.open svg{transform:rotate(180deg)}.category-dropdown{background:rgba(var(--p-oxford-blue-rgb),.98);border:1px solid rgba(var(--p-vista-blue-rgb),.3);border-radius:0 0 6px 6px;border-top:none;display:none;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--p-z-sticky)}.category-dropdown.open{display:block}.category-dropdown-item{color:var(--s-text);cursor:pointer;font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-md);transition:background-color var(--p-duration-instant)}.category-dropdown-item:hover{background:rgba(var(--p-vista-blue-rgb),.15)}.category-dropdown-empty{color:var(--s-text-muted);font-size:var(--p-text-sm);font-style:italic;padding:var(--p-space-md);text-align:center}.password-toggle{position:relative}.password-toggle-btn{background:none;border:none;color:var(--s-text-muted);cursor:pointer;font-size:var(--p-text-xl);padding:var(--p-space-xs);position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color var(--s-transition-base)}.password-toggle-btn:hover{color:var(--s-text)}.loading{align-items:center;display:inline-flex;gap:var(--p-space-sm)}.spinner{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:var(--p-radius-full);border-top-color:currentcolor;height:16px;width:16px}.error-message{background:rgba(var(--p-amaranth-pink-rgb),.1);border:1px solid rgba(var(--p-amaranth-pink-rgb),.3);border-radius:var(--p-radius-xl);color:var(--s-danger)}.error-message,.success-message{font-size:var(--p-text-base);margin-bottom:var(--p-space-lg);padding:var(--p-space-md) var(--p-space-lg)}.success-message{background:rgba(var(--p-tea-green-rgb),.1);border:1px solid rgba(var(--p-tea-green-rgb),.3);border-radius:var(--p-radius-xl);color:var(--s-success)}.forgot-password{margin-top:var(--p-space-lg);text-align:center}.forgot-password a{color:var(--s-accent);font-size:var(--p-text-base);text-decoration:none}.forgot-password a:hover{text-decoration:underline}.divider{color:var(--s-text-muted);font-size:var(--p-text-base);margin:var(--p-space-xl) 0;position:relative;text-align:center}.divider:before{background:rgba(var(--p-vista-blue-rgb),.2);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.divider span{background:rgba(var(--p-oxford-blue-rgb),.95);padding:0 var(--p-space-lg);position:relative;z-index:2}.container{margin:var(--p-space-2xl) auto;max-width:1200px;padding:0 var(--p-space-2xl);width:100%}.back-link{align-items:center;border-radius:var(--p-radius-lg);color:var(--s-text-inverse);display:flex;gap:var(--p-space-sm);padding:var(--p-space-sm) var(--p-space-lg);text-decoration:none;transition:background-color var(--s-transition-base)}.back-link:hover{background-color:hsla(0,0%,100%,.1)}.wizard-container{backdrop-filter:blur(20px);background:rgba(var(--p-oxford-blue-rgb),.8);border:1px solid rgba(var(--p-vista-blue-rgb),.15);border-radius:var(--p-radius-2xl);box-shadow:var(--s-shadow-md);overflow:clip;position:relative}.wizard-container:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border-radius:var(--p-radius-2xl);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.progress-bar{backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.6);border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.15);padding:var(--p-space-xl) var(--p-space-2xl);position:relative;z-index:1}.progress-steps{align-items:center;display:flex;gap:var(--p-space-lg);justify-content:space-between;position:relative}.progress-steps:before{background:rgba(var(--p-vista-blue-rgb),.2);content:"";height:2px;transform:translateY(-50%);z-index:1}.progress-line-wrapper,.progress-steps:before{left:20px;position:absolute;right:20px;top:20px}.progress-line-wrapper{z-index:2}.progress-line{background:var(--s-accent-gradient-rainbow);height:2px;transform:translateY(-50%);transition:width var(--s-transition-slow)}.step{flex-direction:column;position:relative;z-index:3}.step,.step-circle{align-items:center;display:flex}.step-circle{backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-full);color:var(--s-text-muted);font-size:var(--p-text-lg);font-weight:var(--p-weight-semibold);height:40px;justify-content:center;margin-bottom:var(--p-space-sm);transition:all var(--s-transition-slow);width:40px}.step.active .step-circle{background:var(--s-accent-gradient);box-shadow:0 4px 12px rgba(var(--p-vista-blue-rgb),.4);color:var(--s-surface-0);transform:scale(1.1)}.step.completed .step-circle{background:var(--s-success);color:var(--s-text-inverse)}.step-label{color:var(--s-text-muted);font-size:var(--p-text-base);font-weight:var(--p-weight-medium);text-align:center}.step.active .step-label{color:var(--s-text-heading);font-weight:var(--p-weight-semibold)}.wizard-content{background:rgba(var(--p-oxford-blue-rgb),.3);padding:var(--p-space-2xl);position:relative;z-index:1}.step-content{display:none}.step-content.active{display:block}.step-title{background:var(--s-accent-gradient-rainbow);-webkit-background-clip:text;color:var(--s-text-heading);font-size:var(--p-text-2xl);font-weight:var(--p-weight-semibold);-webkit-text-fill-color:transparent;background-clip:text;width:fit-content}.step-description{color:var(--s-text-muted);margin-bottom:var(--p-space-2xl)}.bundle-grid{display:grid;gap:var(--p-space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--p-space-lg)}.bundle-option{backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.6);border:2px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-xl);cursor:pointer;padding:var(--p-space-xl);position:relative;transition:all var(--s-transition-base)}.bundle-option:before{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border-radius:var(--p-radius-xl);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.bundle-option:hover{border-color:var(--s-accent);box-shadow:0 4px 12px rgba(var(--p-vista-blue-rgb),.3);transform:translateY(-2px)}.bundle-option.selected{background:rgba(var(--p-vista-blue-rgb),.1);border-color:var(--s-accent);box-shadow:0 4px 12px rgba(var(--p-vista-blue-rgb),.4)}.bundle-option input[type=radio]{position:absolute;visibility:hidden}.bundle-name{color:var(--s-text-heading);font-weight:var(--p-weight-semibold);margin-bottom:var(--p-space-sm)}.bundle-specs{color:var(--s-text-muted);font-size:var(--p-text-base)}.bundle-price{color:var(--s-accent);font-weight:var(--p-weight-semibold);margin-top:var(--p-space-sm)}.bundle-option.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.bundle-option.disabled:hover{border-color:rgba(var(--p-vista-blue-rgb),.2);box-shadow:none;transform:none}.bundle-unavailable{background:rgba(var(--p-sunset-rgb),.2);color:var(--s-warning);margin-top:var(--p-space-sm)}.bundle-trial-badge,.bundle-unavailable{border-radius:var(--p-radius-md);font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);padding:var(--p-space-xs) var(--p-space-sm);text-transform:uppercase}.bundle-trial-badge{background:var(--s-success);box-shadow:0 2px 6px rgba(var(--p-tea-green-rgb),.4);color:var(--s-text-inverse);letter-spacing:.025em;position:absolute;right:.75rem;top:-.5rem;z-index:1}.summary-section{backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.15);border-radius:var(--p-radius-xl);margin-bottom:var(--p-space-xl);padding:var(--p-space-xl);position:relative}.summary-section:before{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border-radius:var(--p-radius-xl);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.summary-title{color:var(--s-text-heading);font-size:var(--p-text-xl);font-weight:var(--p-weight-semibold);margin-bottom:var(--p-space-lg);position:relative;z-index:1}.summary-item{align-items:center;border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.15);display:flex;justify-content:space-between;padding:var(--p-space-sm) 0}.summary-item:last-child{border-bottom:none}.summary-label{color:var(--s-text-muted);font-weight:var(--p-weight-medium)}.summary-value{color:var(--s-text-heading);font-weight:var(--p-weight-semibold)}.wizard-actions{align-items:center;backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.6);border-top:1px solid rgba(var(--p-vista-blue-rgb),.15);display:flex;gap:var(--p-space-lg);justify-content:space-between;padding:var(--p-space-xl) var(--p-space-2xl);position:relative;z-index:1}.success-state{padding:var(--p-space-3xl);position:relative;text-align:center;z-index:1}.success-icon{color:var(--s-success);font-size:var(--p-text-3xl);margin-bottom:var(--p-space-lg)}.success-title{color:var(--s-text-heading);font-size:var(--p-text-3xl);font-weight:var(--p-weight-semibold);margin-bottom:var(--p-space-sm)}.success-description{color:var(--s-text-muted);margin-bottom:var(--p-space-2xl)}body.create-app-page .header{padding:var(--p-space-xl) 0}body.create-app-page .header h1{color:var(--s-text-inverse);font-size:var(--p-text-3xl);font-weight:var(--p-weight-semibold);margin-bottom:0}body.index-page .header h1{color:var(--s-text-inverse);font-size:var(--p-text-3xl);font-weight:var(--p-weight-bold);margin-bottom:var(--p-space-sm)}body.index-page .header p{color:var(--s-text-inverse);font-size:var(--p-text-xl);margin-bottom:0;opacity:.9}body.index-page .user-menu .btn{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:var(--s-text-inverse)}body.index-page .user-menu .btn:hover{background:hsla(0,0%,100%,.3);transform:translateY(-1px)}body.login-page .btn{justify-content:center;margin-bottom:var(--p-space-lg);padding:var(--p-space-lg) var(--p-space-lg);width:100%}body.create-app-page .wizard-actions .btn{justify-content:center;min-width:120px}body.create-app-page .form-group label{color:var(--s-text-heading);font-weight:var(--p-weight-semibold)}body.create-app-page .form-group input,body.create-app-page .form-group select,body.create-app-page .form-group textarea{backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.6);border:2px solid rgba(var(--p-vista-blue-rgb),.2);color:var(--s-text-heading)}body.create-app-page .form-group input::placeholder,body.create-app-page .form-group select::placeholder,body.create-app-page .form-group textarea::placeholder{color:var(--s-text-muted)}body.create-app-page .form-group input:focus,body.create-app-page .form-group select:focus,body.create-app-page .form-group textarea:focus{border-color:var(--s-accent);outline:var(--s-focus-ring);outline-offset:2px}body.create-app-page .form-help{color:var(--s-text-muted)}body.create-app-page .form-group input.touched:invalid{border-color:var(--s-danger)}body.create-app-page .form-group select.touched:invalid{border-color:var(--s-danger)}.dark-input{backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.6)!important;border:2px solid rgba(var(--p-vista-blue-rgb),.2)!important;color:var(--s-text-heading)!important}.dark-input::placeholder{color:var(--s-text-muted)!important}.dark-input:focus{border-color:var(--s-accent)!important;outline:var(--s-focus-ring)!important;outline:none!important;outline-offset:2px!important}.dark-input.touched:invalid{border-color:var(--s-danger)!important}.dark-input:disabled{cursor:not-allowed;opacity:.5}.editor-field-container{border:2px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-xl);overflow:hidden}.editor-field-container:focus-within{border-color:var(--s-accent);outline:var(--s-focus-ring);outline-offset:2px}.editor-field-container .ql-toolbar{background:rgba(var(--p-oxford-blue-rgb),.8);border:none!important;border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.2)!important;border-radius:var(--p-radius-lg) 6px 0 0}.editor-field-container .ql-toolbar .ql-stroke{stroke:var(--p-neutral-200)}.editor-field-container .ql-toolbar .ql-fill{fill:var(--p-neutral-200)}.editor-field-container .ql-toolbar .ql-picker,.editor-field-container .ql-toolbar .ql-picker-label{color:var(--p-neutral-200)}.editor-field-container .ql-toolbar .ql-picker-options{background:rgba(var(--p-oxford-blue-rgb),.95);border:1px solid rgba(var(--p-vista-blue-rgb),.2)}.editor-field-container .ql-toolbar .ql-picker-item{color:var(--s-text)}.editor-field-container .ql-toolbar .ql-picker-item:hover{color:var(--s-accent)}.editor-field-container .ql-toolbar .ql-picker:hover .ql-stroke,.editor-field-container .ql-toolbar button:hover .ql-stroke{stroke:var(--p-neutral-50)}.editor-field-container .ql-toolbar .ql-picker:hover .ql-fill,.editor-field-container .ql-toolbar button:hover .ql-fill{fill:var(--p-neutral-50)}.editor-field-container .ql-toolbar .ql-picker:hover .ql-picker-label{color:var(--p-neutral-50)}.editor-field-container .ql-toolbar button.ql-active .ql-stroke{stroke:var(--s-accent)}.editor-field-container .ql-toolbar button.ql-active .ql-fill{fill:var(--s-accent)}.editor-field-container .ql-container{background:rgba(var(--p-oxford-blue-rgb),.5);border:none!important;color:var(--s-text);font-family:inherit;min-height:120px}.editor-field-container .ql-editor{min-height:100px;padding:var(--p-space-md)}.editor-field-container .ql-editor.ql-blank:before{color:var(--s-text-muted);font-style:normal}.editor-field-container .ql-editor a{color:var(--s-accent)}.editor-field-container .ql-tooltip{background:rgba(var(--p-oxford-blue-rgb),.95);border:1px solid rgba(var(--p-vista-blue-rgb),.2);box-shadow:var(--s-shadow-md);color:var(--s-text)}.editor-field-container .ql-tooltip input[type=text]{background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.2);color:var(--s-text)}.editor-field-container .ql-tooltip a.ql-action,.editor-field-container .ql-tooltip a.ql-remove{color:var(--s-accent)}.geopoint-field-container{align-items:center;background:transparent!important;border:none!important;display:flex;flex-wrap:nowrap;gap:var(--p-space-lg);padding:0!important}.geopoint-field-container .geopoint-input-group{align-items:center;display:flex;flex:1;gap:var(--p-space-sm)}.geopoint-field-container input{background:rgba(var(--p-oxford-blue-rgb),.6);border:2px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-xl);color:var(--s-text-heading);flex:1;font-size:var(--p-text-base);min-width:80px;padding:var(--p-space-sm) var(--p-space-md)}.geopoint-field-container input::placeholder{color:var(--s-text-muted)}.geopoint-field-container input:focus{border-color:var(--s-accent);outline:var(--s-focus-ring);outline:none;outline-offset:2px}.geopoint-field-container label{color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-medium);white-space:nowrap}.bool-toggle-container{align-items:center;background:transparent!important;border:none!important;display:flex;flex-direction:row;gap:var(--p-space-md);padding:0!important}.bool-toggle-container .bool-toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:26px;margin-bottom:0!important;position:relative;width:48px}.bool-toggle-input{height:0;opacity:0;width:0}.bool-toggle-slider{background-color:rgba(var(--p-vista-blue-rgb),.5);border-radius:var(--p-radius-pill);bottom:0;left:0;position:absolute;right:0;top:0;transition:background-color var(--s-transition-slow)}.bool-toggle-slider:before{background-color:var(--s-text);border-radius:var(--p-radius-full);bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:transform var(--s-transition-slow);width:20px}.bool-toggle-input:checked+.bool-toggle-slider{background-color:var(--s-success)}.bool-toggle-input:checked+.bool-toggle-slider:before{transform:translateX(22px)}.bool-toggle-input:focus+.bool-toggle-slider{outline:var(--s-focus-ring);outline-offset:2px}.bool-toggle-label{color:var(--s-text);font-size:var(--p-text-base);font-weight:var(--p-weight-medium);min-width:40px}.link-type-container{display:flex;flex-direction:column;gap:var(--p-space-sm);width:100%}.link-type-toggle{border:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-md);display:flex;gap:0;overflow:hidden}.link-type-btn{background:rgba(var(--p-oxford-blue-rgb),.6);border:none;color:var(--s-text-muted);cursor:pointer;flex:1;font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-sm);transition:background var(--s-transition-fast),color var(--s-transition-fast)}.link-type-btn:not(:last-child){border-right:1px solid rgba(var(--p-vista-blue-rgb),.2)}.link-type-btn:hover{background:rgba(var(--p-vista-blue-rgb),.1)}.link-type-btn.active{background:rgba(var(--p-vista-blue-rgb),.2);color:var(--s-text)}.link-input-wrapper{width:100%}.link-input-wrapper .hidden{display:none}.link-input-wrapper .link-input{width:100%}.json-field-container{border:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-xl);overflow:hidden;width:100%}.json-field-container .CodeMirror{background:rgba(var(--p-oxford-blue-rgb),.5)!important;font-size:var(--p-text-sm);min-height:40px!important;overflow-x:hidden}.json-field-container .CodeMirror-scroll{overflow-x:hidden!important}.json-field-container .CodeMirror-gutters{background:rgba(var(--p-oxford-blue-rgb),.8)!important;border-right:1px solid rgba(var(--p-vista-blue-rgb),.2)!important}.json-field-container .CodeMirror.validation-error,.json-field-container.validation-error{border-color:var(--s-danger)!important}.json-input-textarea{background:rgba(var(--p-oxford-blue-rgb),.5);border:none;color:var(--s-text);font-family:var(--s-font-code);font-size:var(--p-text-sm);min-height:100px;padding:var(--p-space-md);resize:vertical;width:100%}.json-field-container.codemirror-active .json-input-textarea{display:none}.json-field-container:not(.codemirror-active) .json-input-textarea{display:block}.file-field-container{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.3);border:2px dashed rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-xl);display:flex;justify-content:center;padding:var(--p-space-md) var(--p-space-lg);width:100%}.file-field-hint{color:var(--s-text-muted);font-size:var(--p-text-sm);font-style:italic}.validation-error{animation:shake .5s ease-in-out;border-color:var(--s-danger)!important;border-width:2px!important;box-shadow:0 0 0 3px rgba(var(--p-amaranth-pink-rgb),.2)!important}.code-input-container{display:block!important;margin-bottom:var(--p-space-lg)!important;position:relative!important}.code-input-container,.code-input-textarea{box-sizing:border-box!important;width:100%!important}.code-input-textarea{backdrop-filter:blur(10px)!important;background:rgba(var(--p-oxford-blue-rgb),.6)!important;border:2px solid rgba(var(--p-vista-blue-rgb),.2)!important;border-radius:var(--p-radius-xl)!important;color:var(--s-text-heading)!important;font-family:var(--s-font-code);font-size:var(--p-text-base)!important;line-height:1.4!important;max-height:300px!important;min-height:120px!important;outline:none!important;padding:var(--p-space-md)!important;resize:vertical!important;transition:all var(--s-transition-slow)!important}.CodeMirror-focused,.code-input-textarea:focus{border-color:var(--s-accent)!important;outline:var(--s-focus-ring)!important;outline:none!important;outline-offset:2px!important}.CodeMirror{backdrop-filter:blur(10px)!important;background:rgba(var(--p-oxford-blue-rgb),.6)!important;border:1px solid rgba(var(--p-vista-blue-rgb),.2)!important;border-radius:0 0 8px 8px!important;box-shadow:var(--s-shadow-md)!important;color:var(--s-text-heading)!important;font-family:var(--s-font-code);font-size:var(--p-text-base)!important;height:100%!important;line-height:1.4!important}.CodeMirror-lines,.codeMirror-gutters{padding:var(--p-space-sm) 0!important}.CodeMirror-line{padding:0 var(--p-space-sm)!important}.CodeMirror-gutters{background:rgba(var(--p-oxford-blue-rgb),.8)!important;border-right:1px solid rgba(var(--p-vista-blue-rgb),.3)!important;width:40px!important}.CodeMirror-linenumber{color:var(--s-text-muted)!important;font-size:var(--p-text-sm)!important;line-height:1.6rem;min-width:20px!important;padding:0 var(--p-space-sm) 0 var(--p-space-xs)!important;text-align:right!important}.CodeMirror-cursor{border-left:1px solid var(--s-text-heading)!important}.CodeMirror-selected{background:rgba(var(--p-vista-blue-rgb),.6)!important}.CodeMirror-activeline-background{background:rgba(var(--p-oxford-blue-rgb),.6)!important}.CodeMirror-filler{background:transparent!important}.cm-keyword{color:var(--p-amaranth-pink)!important;font-weight:700!important}.cm-string,.cm-string-2{color:var(--p-mindaro)!important}.cm-number{color:var(--p-french-mauve)!important}.cm-def,.cm-variable-2{color:var(--p-tea-green)!important}.cm-comment{color:var(--s-text-muted)!important;font-style:italic!important}.cm-operator{color:var(--p-amaranth-pink)!important}.cm-atom{color:var(--p-french-mauve)!important}.cm-property{color:var(--p-vista-blue)!important}.code-input-container textarea.code-input-textarea{backdrop-filter:blur(10px)!important;background:rgba(var(--p-oxford-blue-rgb),.6)!important;background-attachment:local!important;background-image:linear-gradient(to right,rgba(var(--p-oxford-blue-rgb),.8) 40px,rgba(var(--p-vista-blue-rgb),.3) 40px)!important;background-repeat:no-repeat!important;background-size:100% 100%!important;border:2px solid rgba(var(--p-vista-blue-rgb),.2)!important;border-radius:var(--p-radius-xl)!important;color:var(--s-text-heading)!important;font-family:var(--s-font-code);font-size:var(--p-text-base)!important;line-height:1.4!important;margin:0!important;max-height:300px!important;min-height:120px!important;overflow-wrap:normal!important;overflow-x:auto!important;padding:var(--p-space-md) var(--p-space-md) var(--p-space-md) var(--p-space-3xl)!important;resize:vertical!important;tab-size:2!important;transition:all var(--s-transition-slow)!important;white-space:pre!important;width:100%!important}.code-editor-wrapper{backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.6);border:2px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-xl);box-shadow:var(--s-shadow-md);overflow:hidden;position:relative}.code-editor{background:transparent;border:none;color:var(--s-text-heading);font-family:var(--s-font-code);font-size:var(--p-text-base)!important;line-height:1.4!important;max-height:300px;min-height:120px;outline:none;overflow-wrap:normal;overflow-y:auto;padding:var(--p-space-md);position:relative;resize:none;tab-size:2;white-space:pre;z-index:2}.code-editor:empty:before{color:var(--s-text-muted);content:attr(data-placeholder);pointer-events:none}.code-highlight-layer{bottom:0;color:transparent;left:0;margin:0!important;overflow:hidden;padding:var(--p-space-md);pointer-events:none;position:absolute;right:0;tab-size:2;top:0;white-space:pre;z-index:1}.code-highlight-layer,.code-highlight-layer code{background:transparent!important}.code-highlight-layer,.code-highlight-layer code,.code-input{font-family:var(--s-font-code);font-size:var(--p-text-base)!important;line-height:1.4!important}.code-input{overflow-wrap:normal;overflow-x:auto;tab-size:2;white-space:pre}.code-preview-container{backdrop-filter:blur(10px);background:linear-gradient(var(--s-surface-1),var(--s-surface-1)) padding-box,var(--s-border-gradient) border-box;border:1px solid transparent;border-radius:var(--p-radius-xl);box-shadow:var(--s-shadow-md);max-height:300px;overflow:auto}.code-preview-container pre{background:transparent!important;margin:0!important;padding:var(--p-space-md)!important}.code-preview-container code{font-family:var(--s-font-code);font-size:var(--p-text-base)!important;line-height:1.4!important}.code-preview-toggle{background:var(--p-neutral-700);border:1px solid var(--s-text-disabled);border-radius:var(--p-radius-md);color:var(--s-text-heading);cursor:pointer;font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-md);transition:all var(--s-transition-base)}.code-preview-toggle:hover{background:var(--s-text-disabled)}.code-preview{backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.6);border:2px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-xl);box-shadow:var(--s-shadow-md);color:var(--s-text-heading);font-family:var(--s-font-code);font-size:var(--p-text-base);line-height:1.4;max-height:600px;min-height:200px;overflow-y:auto;padding:var(--p-space-md)}body.app-details-page .form-group label{color:var(--s-text-heading);font-weight:var(--p-weight-semibold)}body.app-details-page .form-help{color:var(--s-text-muted)}.logic-header{margin-bottom:var(--p-space-2xl)}.logic-header p{color:var(--p-neutral-200);font-size:var(--p-text-lg);line-height:var(--p-leading-normal);margin-bottom:var(--p-space-xl)}#logic-container{margin-top:var(--p-space-lg)}.logic-tab-header{align-items:flex-start;display:flex;gap:var(--p-space-lg);justify-content:space-between;margin-bottom:var(--p-space-lg)}.logic-tab-header-left h2{margin:0 0 var(--p-space-xs) 0}.logic-tab-header-left p{color:var(--s-text-muted);font-size:var(--p-text-base);margin:0}.logic-tab-header-right{display:flex;flex-shrink:0;gap:var(--p-space-sm)}.logic-layout{border:1px solid rgba(var(--p-vista-blue-rgb),.5);border-radius:var(--p-radius-xl);display:flex;gap:0;height:calc(100vh - 260px);min-height:400px;overflow:hidden}.logic-sidebar-panel{background:rgba(var(--p-oxford-blue-rgb),.6);border-right:1px solid rgba(var(--p-vista-blue-rgb),.5);display:flex;flex-direction:column;min-width:220px;overflow:hidden;width:220px}.logic-sidebar-header{align-items:center;border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.3);display:flex;justify-content:space-between;padding:var(--p-space-md)}.logic-sidebar-header h4{color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);letter-spacing:.05em;margin:0;text-transform:uppercase}.logic-sidebar-header .btn-icon{align-items:center;background:none;border:1px solid rgba(var(--p-vista-blue-rgb),.5);border-radius:var(--p-radius-md);color:var(--s-text-muted);cursor:pointer;display:flex;font-size:var(--p-text-base);height:24px;justify-content:center;padding:0;transition:all var(--s-transition-fast);width:24px}.logic-sidebar-header .btn-icon:hover{background:rgba(var(--p-oxford-blue-rgb),.5);color:var(--s-text)}.logic-sidebar-list{flex:1;overflow-y:auto}.logic-sidebar-group{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.2)}.logic-sidebar-group-header{align-items:center;color:var(--s-text-muted);cursor:pointer;display:flex;font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);gap:var(--p-space-2xs);letter-spacing:.03em;padding:var(--p-space-sm) var(--p-space-sm) var(--p-space-sm) var(--p-space-xs);text-transform:uppercase;transition:background var(--s-transition-fast)}.logic-sidebar-group-header:hover{background:rgba(var(--p-oxford-blue-rgb),.2)}.logic-sidebar-expand-arrow{flex-shrink:0;font-size:var(--p-text-base);text-align:center;transition:transform var(--s-transition-fast);width:16px}.logic-sidebar-expand-arrow.expanded{transform:rotate(90deg)}.logic-sidebar-group-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logic-sidebar-group-count{background:rgba(var(--p-oxford-blue-rgb),.5);border-radius:var(--p-radius-xl);color:var(--s-text-muted);flex-shrink:0;font-size:var(--p-text-sm);padding:var(--p-space-px) var(--p-space-sm)}.logic-sidebar-group-menu-btn{background:none;border:none;color:var(--s-text-muted);cursor:pointer;flex-shrink:0;font-size:var(--p-text-base);line-height:var(--p-leading-none);opacity:0;padding:0 var(--p-space-xs);transition:opacity var(--s-transition-fast)}.logic-sidebar-group-header:hover .logic-sidebar-group-menu-btn{opacity:1}.logic-sidebar-group-menu-btn:hover{color:var(--s-text)}.logic-sidebar-group-items{padding-bottom:var(--p-space-xs)}.logic-workflow-item{align-items:center;border-left:3px solid transparent;color:var(--p-neutral-200);cursor:pointer;display:flex;font-size:var(--p-text-sm);gap:var(--p-space-xs);padding:var(--p-space-sm) var(--p-space-md) var(--p-space-sm) var(--p-space-xl);transition:all var(--s-transition-fast)}.logic-workflow-item:hover{background:rgba(var(--p-oxford-blue-rgb),.3)}.logic-workflow-item.active{background:rgba(var(--p-vista-blue-rgb),.1);border-left-color:var(--s-accent);color:var(--s-text)}.logic-workflow-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logic-workflow-delete-btn{background:none;border:none;border-radius:var(--p-radius-sm);color:var(--s-danger);cursor:pointer;flex-shrink:0;font-size:var(--p-text-base);line-height:var(--p-leading-none);opacity:0;padding:0 var(--p-space-xs);transition:opacity var(--s-transition-fast)}.logic-workflow-item:hover .logic-workflow-delete-btn{opacity:1}.logic-add-workflow{cursor:pointer;font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-md) var(--p-space-sm) var(--p-space-xl);transition:color var(--s-transition-fast)}.logic-add-workflow,.logic-add-workflow:hover{color:var(--s-text-muted)}.logic-context-menu{background:rgba(var(--p-oxford-blue-rgb),.95);border:1px solid rgba(var(--p-vista-blue-rgb),.5);border-radius:var(--p-radius-lg);box-shadow:var(--s-shadow-md);min-width:120px;padding:var(--p-space-xs) 0}.logic-context-menu-item{color:var(--p-neutral-200);cursor:pointer;font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-md);transition:background var(--p-duration-instant)}.logic-context-menu-item:hover{background:rgba(var(--p-oxford-blue-rgb),.5)}.logic-context-menu-item.danger{color:var(--s-danger)}.logic-context-menu-item.danger:hover{background:rgba(var(--p-amaranth-pink-rgb),.1)}.logic-editor-panel{display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative}.logic-editor-placeholder{align-items:center;color:var(--s-text-muted);gap:var(--p-space-sm);justify-content:center}.logic-editor-area,.logic-editor-placeholder{display:flex;flex-direction:column;height:100%}.logic-editor-area{overflow:hidden}.logic-editor-toolbar{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.4);border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.3);display:flex;flex-shrink:0;gap:var(--p-space-md);padding:var(--p-space-sm) var(--p-space-lg)}.logic-editor-toolbar h3{color:var(--s-text-heading);flex:1;font-size:var(--p-text-base);font-weight:var(--p-weight-semibold);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logic-editor-content{flex:1;overflow:auto}.dashboard-header{border-bottom:1px solid rgba(var(--p-oxford-blue-rgb),.2);margin-bottom:var(--p-space-3xl);padding:var(--p-space-lg) 0}.dashboard-header .btn{box-shadow:var(--s-shadow-sm)}.app-card:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border-radius:var(--p-radius-2xl);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.app-card{position:relative}.btn:focus-visible{outline:2px solid rgba(var(--p-vista-blue-rgb),.5);outline-offset:2px}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,rgba(var(--p-oxford-blue-rgb),.1) 0,rgba(var(--p-vista-blue-rgb),.2) 40px,rgba(var(--p-oxford-blue-rgb),.1) 80px);background-size:200px 100%}body.app-details-page .main-content{display:block;height:auto;margin:0 auto;max-width:1600px;padding:var(--p-space-xl);position:relative;width:calc(100% - 2rem);z-index:5}.app-overview-section{backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.8);border:1px solid rgba(var(--p-oxford-blue-rgb),.3);border-radius:var(--p-radius-2xl);box-shadow:var(--s-shadow-md);margin-bottom:var(--p-space-2xl);overflow:hidden;position:relative}.settings-section{background:rgba(var(--p-oxford-blue-rgb),.4);border:1px solid rgba(var(--p-vista-blue-rgb),.15);border-radius:var(--p-radius-2xl);margin-top:var(--p-space-2xl);padding:var(--p-space-2xl)}.settings-section h3{color:var(--s-text-heading);font-size:var(--p-text-xl)}.export-section,.settings-section h3{margin-bottom:var(--p-space-xl)}.export-section h4{color:var(--s-text-heading);font-size:var(--p-text-xl);margin-bottom:var(--p-space-md)}.export-description{color:var(--s-text-muted);font-size:var(--p-text-base);margin-bottom:var(--p-space-lg)}.export-options{margin-bottom:var(--p-space-xl)}.checkbox-label{align-items:center;color:var(--s-text);cursor:pointer;display:flex;font-size:var(--p-text-base);gap:var(--p-space-sm)}.checkbox-label input[type=checkbox]{accent-color:var(--s-accent);cursor:pointer;height:18px;width:18px}.export-options .form-help{color:var(--s-warning);margin-left:var(--p-space-xl);margin-top:var(--p-space-sm)}.danger-zone{border-top:1px solid rgba(var(--p-amaranth-pink-rgb),.2);margin-top:var(--p-space-3xl);padding-top:var(--p-space-2xl)}.danger-zone h4{color:var(--s-danger);font-size:var(--p-text-xl);margin-bottom:var(--p-space-lg)}.danger-zone-text{color:var(--s-text-muted);font-size:var(--p-text-base);margin-bottom:var(--p-space-xl)}.btn-outline-danger{background:transparent;border:1px solid var(--s-danger);border-radius:var(--p-radius-xl);color:var(--s-danger);cursor:pointer;font-weight:var(--p-weight-semibold);padding:var(--p-space-md) var(--p-space-xl);transition:all var(--s-transition-slow)}.btn-outline-danger:hover{background:rgba(var(--p-amaranth-pink-rgb),.1);border-color:var(--s-danger);transform:translateY(-1px)}.domain-card,.plan-card{backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.15);border-radius:var(--p-radius-xl);margin-bottom:var(--p-space-lg);padding:var(--p-space-xl);position:relative}.domain-card:before,.plan-card:before{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border-radius:var(--p-radius-xl);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.domain-card:last-child,.plan-card:last-child{margin-bottom:0}.domain-info,.plan-info{position:relative;z-index:1}.domain-url{color:var(--s-text-heading);font-size:var(--p-text-xl);font-weight:var(--p-weight-semibold);margin-bottom:var(--p-space-sm);word-break:break-all}.domain-type{color:var(--s-text-muted);font-size:var(--p-text-base)}.domain-actions,.plan-actions{display:flex;flex-wrap:wrap;gap:var(--p-space-sm);margin-top:var(--p-space-lg);position:relative;z-index:1}.domain-status-badge{border-radius:var(--p-radius-3xl);display:inline-block;font-size:var(--p-text-sm);font-weight:var(--p-weight-medium);margin-top:var(--p-space-sm);padding:var(--p-space-xs) var(--p-space-md)}.domain-status-badge.inactive{background:var(--p-neutral-600);box-shadow:0 2px 8px rgba(var(--p-vista-blue-rgb),.2);color:var(--p-neutral-50)}.dns-instructions{background:rgba(var(--p-vista-blue-rgb),.1);border:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-xl);margin-top:var(--p-space-lg);padding:var(--p-space-lg)}.dns-instructions h4{color:var(--s-accent);margin-bottom:var(--p-space-sm)}.dns-instructions p{color:var(--p-neutral-200);margin-bottom:var(--p-space-sm)}.dns-instructions code{background:rgba(var(--p-oxford-blue-rgb),.8);border-radius:var(--p-radius-md);color:var(--s-accent);font-family:var(--s-font-code);padding:var(--p-space-xs) var(--p-space-sm)}.cname-instructions{background:rgba(var(--p-vista-blue-rgb),.1);border:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-xl);font-size:var(--p-text-base);margin-top:var(--p-space-lg);padding:var(--p-space-lg)}.cname-title{align-items:center;color:var(--s-accent);display:flex;font-weight:var(--p-weight-semibold);gap:var(--p-space-sm);margin-bottom:var(--p-space-sm)}.cname-message{color:var(--p-neutral-200);line-height:var(--p-leading-normal);margin-bottom:var(--p-space-lg)}.cname-record{background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-lg);margin-bottom:var(--p-space-md);padding:var(--p-space-md)}.cname-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--p-space-sm)}.cname-row:last-child{margin-bottom:0}.cname-label{color:var(--s-text-muted);font-weight:var(--p-weight-medium);min-width:80px}.cname-value-row{align-items:center;display:flex;flex:1;gap:var(--p-space-sm)}.cname-value{background:rgba(var(--p-oxford-blue-rgb),.5);border-radius:var(--p-radius-md);color:var(--s-text);flex:1;font-family:var(--s-font-code);font-size:var(--p-text-sm);padding:var(--p-space-xs) var(--p-space-sm)}.copy-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.8);border:1px solid rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-lg);color:var(--s-text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--p-text-base);height:32px;justify-content:center;min-width:32px;padding:0;transition:all var(--s-transition-base);width:32px}.copy-btn:hover{background:rgba(var(--p-oxford-blue-rgb),1);border-color:rgba(var(--p-vista-blue-rgb),.5);box-shadow:0 2px 8px rgba(0,0,0,.3);color:var(--s-text);transform:translateY(-1px)}.copy-btn:active{box-shadow:0 1px 4px rgba(0,0,0,.2);transform:translateY(0)}.copy-btn:focus{outline:none;outline:var(--s-focus-ring);outline-offset:2px}.copy-btn.success{background:rgba(var(--p-tea-green-rgb),.2);border-color:rgba(var(--p-tea-green-rgb),.5);color:var(--s-success)}.copy-btn.success:hover{background:rgba(var(--p-tea-green-rgb),.3);border-color:rgba(var(--p-tea-green-rgb),.6)}.cname-note{color:var(--s-warning);font-size:var(--p-text-sm);font-style:italic}.toast-container{background:transparent;border:none;inset:auto;bottom:20px;flex-direction:column-reverse;isolation:isolate;left:50%;margin:0;overflow:visible;padding:0;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:var(--p-z-toast)}.toast,.toast-container{align-items:center;display:flex;gap:var(--p-space-sm)}.toast{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.98);border:1px solid rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-xl);box-shadow:var(--s-shadow-md);color:var(--s-text);font-size:var(--p-text-base);font-weight:var(--p-weight-medium);max-width:90vw;opacity:0;overflow:hidden;padding:var(--p-space-md) var(--p-space-lg);pointer-events:auto;position:relative;transform:translateY(100%);transition:all var(--s-transition-slow);width:350px}.toast.show{opacity:1;transform:translateY(0)}.toast.hide{opacity:0;transform:translateY(100%)}.toast span{flex:1;white-space:pre-line;word-break:break-word}.toast-close{background:none;border:none;color:var(--s-text-muted);cursor:pointer;flex-shrink:0;font-size:var(--p-text-xl);font-weight:var(--p-weight-bold);line-height:var(--p-leading-none);margin-left:var(--p-space-sm);padding:0;transition:color var(--s-transition-base)}.toast-close:hover{color:var(--s-text)}.toast-progress{background:rgba(var(--p-vista-blue-rgb),.4);border-radius:0 0 8px 8px;bottom:0;height:2px;left:0;position:absolute;transition:width linear}.toast.success{background:rgba(var(--p-tea-green-rgb),.7);border-color:rgba(var(--p-tea-green-rgb),.9)}.toast.success:before{background:currentColor;color:var(--p-neutral-50);content:"";display:inline-block;flex-shrink:0;font-size:var(--p-text-lg);font-weight:var(--p-weight-bold);height:var(--p-text-lg);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center /contain no-repeat;width:var(--p-text-lg)}.toast.success .toast-progress{background:rgba(var(--p-tea-green-rgb),.6)}.toast.error{background:rgba(var(--p-amaranth-pink-rgb),.7);border-color:rgba(var(--p-amaranth-pink-rgb),.9)}.toast.error:before{background:currentColor;color:var(--p-neutral-50);content:"";display:inline-block;flex-shrink:0;font-size:var(--p-text-lg);font-weight:var(--p-weight-bold);height:var(--p-text-lg);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' viewBox='0 0 24 24'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' viewBox='0 0 24 24'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center /contain no-repeat;width:var(--p-text-lg)}.toast.error .toast-progress{background:rgba(var(--p-amaranth-pink-rgb),.6)}.toast.warning{background:rgba(var(--p-sunset-rgb),.7);border-color:rgba(var(--p-sunset-rgb),.9)}.toast.warning:before{background:currentColor;color:var(--p-neutral-50);content:"";display:inline-block;flex-shrink:0;font-size:var(--p-text-lg);font-weight:var(--p-weight-bold);height:var(--p-text-lg);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4M12 17h.01'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4M12 17h.01'/%3E%3C/svg%3E") center /contain no-repeat;width:var(--p-text-lg)}.toast.warning .toast-progress{background:rgba(var(--p-sunset-rgb),.6)}.toast.info{background:rgba(var(--p-vista-blue-rgb),.7);border-color:rgba(var(--p-vista-blue-rgb),.9)}.toast.info:before{background:currentColor;color:var(--p-neutral-50);content:"";display:inline-block;flex-shrink:0;font-size:var(--p-text-lg);font-weight:var(--p-weight-bold);height:var(--p-text-lg);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E") center /contain no-repeat;width:var(--p-text-lg)}.toast.info .toast-progress{background:rgba(var(--p-vista-blue-rgb),.6)}.modal{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(0,0,0,.7);box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:var(--p-space-lg);position:fixed;top:0;width:100%;z-index:var(--p-z-toast)}.modal-content{animation:modalSlideIn .2s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(var(--s-surface-1),var(--s-surface-1)) padding-box,var(--s-border-gradient) border-box;border:1px solid transparent;border-radius:var(--p-radius-2xl);box-shadow:0 20px 40px rgba(0,0,0,.5);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-content.modal-sm{max-width:400px}.modal-content.modal-sm .modal-header{padding:var(--p-space-lg) var(--p-space-lg)}.modal-content.modal-sm .modal-header h3{font-size:var(--p-text-xl)}.modal-content.modal-sm .modal-body{padding:var(--p-space-lg) var(--p-space-lg)}.modal-content.modal-sm .modal-body p{margin:0}.modal-content.modal-sm .modal-body .text-muted{margin-top:var(--p-space-sm)}.modal-content.modal-sm .modal-footer{padding:var(--p-space-md) var(--p-space-lg) var(--p-space-lg)}.modal-body .text-muted{color:var(--s-text-muted);font-size:var(--p-text-sm)}.db-delete-record-detail{border:1px solid rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-lg);font-size:var(--p-text-sm);margin-top:var(--p-space-sm);max-height:300px;overflow-y:auto}.db-delete-record-row{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.15);display:flex;padding:var(--p-space-sm) var(--p-space-sm)}.db-delete-record-row:last-child{border-bottom:none}.db-delete-record-key{color:var(--s-text-muted);flex-shrink:0;font-family:var(--s-font-code);font-weight:var(--p-weight-medium);min-width:120px}.db-delete-record-val{color:var(--p-neutral-200);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal.closing{animation:modalFadeOut .15s ease forwards}.modal.closing .modal-content{animation:modalSlideOut .15s ease forwards}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.95)}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}.modal-header{align-items:center;border-bottom:1px solid var(--s-border-subtle);display:flex;justify-content:space-between;padding:var(--p-space-xl) var(--p-space-xl) var(--p-space-lg) var(--p-space-xl)}.modal-header h2,.modal-header h3{color:var(--s-text);font-size:var(--p-text-2xl);font-weight:var(--p-weight-semibold);margin:0}.modal-close-btn{align-items:center;background:transparent;border:none;border-radius:var(--p-radius-md);color:var(--s-text-muted);cursor:pointer;display:flex;font-size:var(--p-text-2xl);height:32px;justify-content:center;padding:0;transition:all var(--s-transition-base);width:32px}.modal-close-btn:hover{background:rgba(var(--p-vista-blue-rgb),.1);color:var(--s-text)}.modal-body{padding:var(--p-space-xl)}.modal-body p{color:var(--p-neutral-200);line-height:var(--p-leading-normal);margin:0 0 var(--p-space-lg) 0}.credentials-info{margin:var(--p-space-lg) 0}.credential-item{margin-bottom:var(--p-space-lg)}.credential-item:last-child{margin-bottom:0}.credential-item label{color:var(--s-text-muted);display:block;font-size:var(--p-text-base);font-weight:var(--p-weight-medium);margin-bottom:var(--p-space-sm)}.credential-row{align-items:center;display:flex;gap:var(--p-space-sm)}.credential-value{background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-lg);color:var(--s-text);flex:1;font-family:var(--s-font-code);font-size:var(--p-text-base);padding:var(--p-space-sm) var(--p-space-md);word-break:break-all}.modal-warning{background:rgba(var(--p-sunset-rgb),.15);border:1px solid rgba(var(--p-sunset-rgb),.3);border-radius:var(--p-radius-xl);color:var(--s-warning);font-size:var(--p-text-base);line-height:var(--p-leading-normal);margin-top:var(--p-space-lg);padding:var(--p-space-lg)}.modal-footer{border-top:1px solid var(--s-border-subtle);display:flex;gap:var(--p-space-sm);justify-content:flex-end;padding:var(--p-space-lg) var(--p-space-xl) var(--p-space-xl) var(--p-space-xl)}.modal-footer.unsaved-modal-footer{justify-content:space-between}.modal-footer.unsaved-modal-footer .btn{flex-shrink:0}.hljs{background:transparent}.header-content>*>button:not(:first-child){margin-left:var(--p-space-sm)}.modal-code-content{max-height:90vh;max-width:95vw;width:100%}.modal-code-body{flex:1;overflow:hidden;padding:0}.modal-code-body .code-content{border:1px solid rgba(var(--p-vista-blue-rgb),.15);border-radius:var(--p-radius-xl);height:60vh;margin:var(--p-space-lg)}.btn-outline{background:transparent;border:1px solid rgba(var(--p-vista-blue-rgb),.3);color:var(--s-text)}.btn-outline:hover{background:rgba(var(--p-vista-blue-rgb),.1);border-color:rgba(var(--p-vista-blue-rgb),.5);box-shadow:0 4px 12px rgba(var(--p-vista-blue-rgb),.2);transform:translateY(-1px)}@keyframes slideInDown{0%{margin-bottom:0;opacity:0;transform:translateY(-20px) scale(.95)}to{margin-bottom:var(--p-space-md);opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOutUp{0%{margin-bottom:var(--p-space-md);opacity:1;transform:translateY(0) scale(1)}to{margin-bottom:0;opacity:0;transform:translateY(-20px) scale(.95)}}@keyframes swapUp{0%{transform:translateY(0);z-index:1}50%{transform:translateY(-120%);z-index:var(--p-z-dropdown)}to{transform:translateY(0);z-index:1}}@keyframes swapDown{0%{transform:translateY(0);z-index:1}50%{transform:translateY(120%);z-index:var(--p-z-dropdown)}to{transform:translateY(0);z-index:1}}.step-slide-in{animation:slideInDown .4s ease forwards}.step-slide-out{animation:slideOutUp .4s ease forwards}.step-swap-up{animation:swapUp .1s ease}.step-swap-down{animation:swapDown .1s ease}#workflow-list li.animating{pointer-events:none}.workflow-list-empty{background:rgba(var(--p-oxford-blue-rgb),.2);border:2px dashed rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-2xl);color:rgba(var(--p-neutral-50-rgb,236,238,244),.6);display:none;font-size:var(--p-text-base);margin:0;padding:var(--p-space-3xl) var(--p-space-2xl);text-align:center;transition:all var(--s-transition-slow)}.workflow-list-empty:hover{background:rgba(var(--p-oxford-blue-rgb),.3);border-color:rgba(var(--p-vista-blue-rgb),.5)}.workflow-list-empty .empty-icon{font-size:var(--p-text-3xl);margin-bottom:var(--p-space-lg);opacity:.5}.workflow-list-empty .empty-title{color:rgba(var(--p-neutral-50-rgb,236,238,244),.8);font-weight:var(--p-weight-semibold);margin-bottom:var(--p-space-sm)}.workflow-list-empty .empty-description{font-size:var(--p-text-sm);opacity:.7}.workflow-list-empty[data-for=nested]{background:rgba(var(--p-oxford-blue-rgb),.15);border-color:rgba(var(--p-vista-blue-rgb),.2);margin-top:var(--p-space-lg);padding:var(--p-space-2xl) var(--p-space-xl)}.workflow-list-empty[data-for=nested] .empty-icon{font-size:var(--p-text-2xl);margin-bottom:var(--p-space-sm)}.workflow-list-empty[data-for=nested] .empty-description,.workflow-list-empty[data-for=nested] .empty-title{font-size:var(--p-text-sm)}#workflow-list,.slot-steps{transition:opacity var(--s-transition-slow)}.secrets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--p-space-2xl)}.secrets-actions{align-items:center;display:flex;gap:var(--p-space-lg)}.secret-row,.secrets-table-header{align-items:center;display:grid;gap:var(--p-space-md);grid-template-columns:1fr 1fr 1fr auto}.secrets-table-single .secret-row,.secrets-table-single .secrets-table-header{grid-template-columns:1fr 1fr auto}.secrets-table-header{border-bottom:1px solid hsla(0,0%,100%,.1);padding:var(--p-space-md) var(--p-space-lg)}.secrets-table-header .secrets-col{color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:500}.secret-row{border-bottom:1px solid hsla(0,0%,100%,.05);border-radius:var(--p-radius-lg);padding:var(--p-space-md) var(--p-space-lg);transition:background var(--s-transition-base)}.secret-row:hover{background:hsla(0,0%,100%,.03)}.secrets-col input{border-radius:var(--p-radius-lg);box-sizing:border-box;font-size:var(--p-text-base);padding:var(--p-space-md) var(--p-space-lg);width:100%}.secrets-col-actions{align-items:center;display:flex;gap:var(--p-space-xs);justify-content:flex-end}.secrets-col-actions .btn-outline{background:transparent;border:1px solid rgba(var(--p-vista-blue-rgb),.3);color:var(--s-text-muted)}.secrets-col-actions .btn-outline:hover{background:rgba(var(--p-vista-blue-rgb),.1);border-color:rgba(var(--p-vista-blue-rgb),.5);color:var(--s-text)}.secret-action-btn{align-items:center;background:transparent;border:none;border-radius:var(--p-radius-md);color:var(--s-text-muted);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:background var(--s-transition-fast),color var(--s-transition-fast);width:32px}.secret-action-btn:hover{background:rgba(var(--p-vista-blue-rgb),.1);color:var(--s-text)}.secret-action-btn-danger:hover{background:rgba(239,68,68,.1);color:var(--s-danger)}.secrets-mobile-label{display:none}.secret-key,.secret-value{font-family:var(--s-font-code);font-size:var(--p-text-base)}.secret-key{letter-spacing:.05em;text-transform:uppercase}.tab-description{color:var(--s-text-muted);font-size:var(--p-text-base);line-height:var(--p-leading-normal);margin-bottom:var(--p-space-2xl)}#secrets-empty.empty-state{padding:var(--p-space-2xl) var(--p-space-xl)}#secrets-empty .empty-description{margin-bottom:var(--p-space-xl)}@media (max-width:768px){.main-content{flex-direction:column;height:auto}.header{padding:var(--p-space-lg)}.header h1{font-size:var(--p-text-2xl)}.split-button-group{margin:0 var(--p-space-lg) var(--p-space-lg) var(--p-space-lg);width:calc(100% - 2rem)}.app-actions .split-button-group{margin:0;width:auto}.content-area{margin-left:0;padding:var(--p-space-lg);width:100%}.settings-section{padding:var(--p-space-xl) var(--p-space-lg)}.logic-layout{flex-direction:column;height:auto}.logic-sidebar-panel{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.5);border-right:none;max-height:200px;min-width:100%;width:100%}.secrets-table-header{display:none}.secret-row{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--p-radius-xl);display:flex;flex-direction:column;gap:var(--p-space-md);margin-bottom:var(--p-space-md);padding:var(--p-space-lg)}.secret-row .secrets-col{width:100%}.secrets-mobile-label{color:var(--s-text-muted);display:block;font-size:var(--p-text-sm);font-weight:500;margin-bottom:var(--p-space-xs)}.secrets-col-actions{justify-content:flex-start}.secrets-header{align-items:stretch;flex-direction:column;gap:var(--p-space-lg);width:100%}.secrets-actions{justify-content:space-between;width:100%}.secrets-actions .btn{flex:1;justify-content:center;max-width:calc(50% - .5rem)}.user-menu{width:100%}.wizard-container,.wizard-content{padding:var(--p-space-lg)}#workflow-list li{padding:var(--p-space-md)}#workflow-list li button{font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-sm)}.dashboard-header{align-items:stretch;flex-direction:column}.apps-grid{grid-template-columns:1fr}.container{padding:0 var(--p-space-lg)}.bundle-grid{grid-template-columns:1fr}.step-label{display:none}.auth-container,.login-container{padding:var(--p-space-lg)}.login-box{padding:var(--p-space-xl)}.auth-container{margin:var(--p-space-lg);padding:var(--p-space-2xl)}.auth-title{font-size:var(--p-text-2xl)}.header button{margin-bottom:var(--p-space-sm)}.header-content>*>button:not(:first-child){margin-left:0}button.mobile-menu-toggle{display:flex;margin:0}}.styles-section{padding:var(--p-space-lg)}.styles-header{align-items:start;display:flex;flex-wrap:wrap;gap:var(--p-space-lg);justify-content:space-between;margin-bottom:var(--p-space-2xl)}.styles-header p{color:var(--s-text-muted);flex:1;margin:0;min-width:300px}.styles-actions{display:flex;flex-wrap:wrap;gap:var(--p-space-md)}.style-group-card{background:rgba(var(--p-oxford-blue-rgb),.5);border:1px solid rgba(var(--p-vista-blue-rgb),.5);border-radius:var(--p-radius-2xl);margin-bottom:var(--p-space-xl);overflow:hidden}.style-group-header{align-items:start;background:rgba(var(--p-oxford-blue-rgb),.3);border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.5);display:flex;gap:var(--p-space-lg);justify-content:space-between;padding:var(--p-space-lg)}.style-group-info{flex:1}.style-group-name{color:var(--s-text);font-size:var(--p-text-xl);font-weight:var(--p-weight-semibold);margin:0 0 var(--p-space-sm) 0}.style-group-name .inline-edit-input{font-size:inherit;font-weight:inherit;padding:var(--p-space-xs) var(--p-space-sm)}.style-group-description{color:var(--s-text-muted);font-size:var(--p-text-base);margin:0}.style-group-actions{display:flex;flex-shrink:0;gap:var(--p-space-sm)}.style-variables-table{overflow-x:auto}.styles-table tbody tr{position:relative;transition:transform var(--s-transition-slow),opacity var(--s-transition-slow)}.variable-row-moving-up{animation:moveUp .3s ease forwards}.variable-row-moving-down{animation:moveDown .3s ease forwards}.variable-row-being-displaced-up{animation:displacedUp .3s ease forwards}.variable-row-being-displaced-down{animation:displacedDown .3s ease forwards}@keyframes moveUp{0%{transform:translateY(0);z-index:var(--p-z-dropdown)}to{transform:translateY(-100%);z-index:var(--p-z-dropdown)}}@keyframes moveDown{0%{transform:translateY(0);z-index:var(--p-z-dropdown)}to{transform:translateY(100%);z-index:var(--p-z-dropdown)}}@keyframes displacedUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes displacedDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.styles-table{border-collapse:collapse;table-layout:fixed;width:100%}.styles-table td:first-child,.styles-table th:first-child{width:auto}.styles-table td:nth-child(2),.styles-table td:nth-child(3),.styles-table td:nth-child(4),.styles-table th:nth-child(2),.styles-table th:nth-child(3),.styles-table th:nth-child(4){width:20%}.styles-table td:nth-child(5),.styles-table th:nth-child(5){white-space:nowrap;width:20%}.styles-table thead{background:rgba(var(--p-oxford-blue-rgb),.3)}.styles-table th{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.5);color:var(--s-text-muted);font-size:var(--p-text-base);font-weight:var(--p-weight-medium);padding:var(--p-space-md);text-align:left}.styles-table td{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.3);padding:var(--p-space-md);vertical-align:middle}.styles-table tbody tr:hover{background:rgba(var(--p-oxford-blue-rgb),.2)}.styles-table .empty-row{color:var(--s-text-muted);font-style:italic;padding:var(--p-space-xl);text-align:center}.inline-edit-input{background:transparent;border:1px solid transparent;border-radius:var(--p-radius-md);color:var(--s-text);font-size:var(--p-text-base);padding:var(--p-space-sm) var(--p-space-sm);transition:all var(--s-transition-base);width:100%}.inline-edit-input:hover{background:rgba(var(--p-oxford-blue-rgb),.5);border-color:rgba(var(--p-vista-blue-rgb),.5)}.inline-edit-input:focus{background:rgba(var(--p-oxford-blue-rgb),.8);border-color:var(--s-accent);outline:none}.inline-edit-input::placeholder{color:var(--s-text-disabled)}.inline-edit-select{background:rgba(var(--p-oxford-blue-rgb),.5);border:1px solid rgba(var(--p-vista-blue-rgb),.5);border-radius:var(--p-radius-md);color:var(--s-text);cursor:pointer;font-size:var(--p-text-base);padding:var(--p-space-sm) var(--p-space-sm);transition:all var(--s-transition-base);width:100%}.inline-edit-select:focus,.inline-edit-select:hover{border-color:var(--s-accent)}.inline-edit-select:focus{outline:none}.color-input{background:transparent;border:1px solid rgba(var(--p-vista-blue-rgb),.5);border-radius:var(--p-radius-md);cursor:pointer;height:32px;padding:var(--p-space-2xs);width:60px}.color-input:hover{border-color:var(--s-accent)}.variable-name-cell{align-items:center;display:flex;gap:var(--p-space-sm)}.type-icon-inline{flex-shrink:0;font-size:var(--p-text-lg);opacity:.8;text-align:center;width:20px}.variable-name-input{flex:1;min-width:0}.variable-name{background:rgba(var(--p-vista-blue-rgb),.1);border-radius:var(--p-radius-md);color:var(--s-accent);font-family:var(--s-font-code);font-size:var(--p-text-sm);padding:var(--p-space-xs) var(--p-space-sm);white-space:nowrap}.btn.btn-sm{padding:var(--p-space-sm) var(--p-space-md)}.btn.btn-sm,.btn.btn-xs{font-size:var(--p-text-sm)}.btn.btn-xs{padding:var(--p-space-xs) var(--p-space-sm)}.new-variable-row{background:rgba(var(--p-vista-blue-rgb),.1)}.new-variable-row .inline-edit-input,.new-variable-row .inline-edit-select{background:rgba(var(--p-oxford-blue-rgb),.8);border-color:rgba(var(--p-vista-blue-rgb),.3)}.new-variable-row .inline-edit-input:focus,.new-variable-row .inline-edit-select:focus{border-color:var(--s-accent);outline:var(--s-focus-ring);outline-offset:2px}.variable-type-dropdown{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(var(--p-oxford-blue-rgb),.95);border:1px solid rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-xl);box-shadow:var(--s-shadow-lg);max-width:320px;min-width:280px;overflow:hidden}.dropdown-header{background:rgba(var(--p-oxford-blue-rgb),.5);border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.5);color:var(--s-text-muted);font-size:var(--p-text-base);font-weight:var(--p-weight-medium)}.dropdown-header,.dropdown-item{padding:var(--p-space-md) var(--p-space-lg)}.dropdown-item{align-items:center;background:none;border:none;border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.3);color:var(--s-text);cursor:pointer;display:flex;gap:var(--p-space-md);text-align:left;transition:background-color var(--s-transition-base);width:100%}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:rgba(var(--p-oxford-blue-rgb),.5)}.dropdown-item:active{background:rgba(var(--p-vista-blue-rgb),.2)}.type-icon{flex-shrink:0;font-size:var(--p-text-xl);text-align:center;width:24px}.type-info{display:flex;flex:1;flex-direction:column;gap:var(--p-space-2xs)}.type-info strong{color:var(--s-text);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold)}.type-info small{color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-normal)}@media (max-width:768px){.styles-header{flex-direction:column}.styles-header p{min-width:100%}.style-group-header{flex-direction:column}.styles-table{font-size:var(--p-text-sm)}.styles-table td,.styles-table th{padding:var(--p-space-sm) var(--p-space-xs)}.variable-name{font-size:var(--p-text-sm)}}.relation-field-selector{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--p-radius-xl);display:flex;flex-direction:column;gap:var(--p-space-sm);margin-bottom:var(--p-space-md);padding:var(--p-space-sm)}.field-selector-label{color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-medium);letter-spacing:.5px;text-transform:uppercase}.field-chip-container{display:flex;flex-wrap:wrap;gap:var(--p-space-sm)}.field-chip{align-items:center;background:hsla(0,0%,100%,.08);border:1px solid transparent;border-radius:var(--p-radius-3xl);color:var(--s-text-muted);cursor:pointer;display:inline-flex;font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-md);transition:all var(--s-transition-base);user-select:none}.field-chip:hover{background:hsla(0,0%,100%,.12);color:var(--p-neutral-200)}.field-chip input[type=checkbox]{display:none}.field-chip.active,.field-chip:has(input:checked){background:rgba(var(--p-vista-blue-rgb),.3);border-color:rgba(var(--p-vista-blue-rgb),.5);color:var(--p-neutral-50)}.field-chip.active:hover,.field-chip:has(input:checked):hover{background:rgba(var(--p-vista-blue-rgb),.4)}.relation-field-inputs{display:flex;flex-direction:column;gap:var(--p-space-md)}.frontend-builder-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.builder-topbar{background:var(--p-neutral-900);border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.2);flex-shrink:0;height:44px;justify-content:space-between;padding:0 var(--p-space-lg)}.builder-topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:var(--p-space-md)}.topbar-back{align-items:center;border-radius:var(--p-radius-lg);color:var(--s-text-muted);display:flex;height:32px;justify-content:center;text-decoration:none;transition:background var(--s-transition-base),color var(--s-transition-base);width:32px}.topbar-back:hover{background:rgba(var(--p-vista-blue-rgb),.1);color:var(--s-text)}.topbar-logo{height:24px;width:auto}.topbar-title{color:var(--s-text);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold)}.topbar-right{align-items:center;display:flex;gap:var(--p-space-sm)}.save-status{padding:0 var(--p-space-sm)}.save-status.saving{color:var(--s-accent)}.topbar-btn{align-items:center;background:transparent;border:none;border-radius:var(--p-radius-lg);color:var(--s-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background var(--s-transition-base),color var(--s-transition-base);width:32px}.topbar-btn[aria-disabled=true]{cursor:not-allowed;opacity:.4}.topbar-btn[aria-disabled=true]:hover{background:transparent;color:var(--s-text-muted)}.topbar-btn:hover{background:rgba(var(--p-vista-blue-rgb),.1);color:var(--s-text)}.topbar-btn-primary,.topbar-btn-primary:hover{background:var(--s-success);color:var(--s-text-inverse)}.topbar-btn-primary:disabled{background:var(--p-neutral-700);color:var(--s-text-muted);cursor:not-allowed}.builder-main{display:grid;flex:1;grid-template-columns:324px 1fr;overflow:hidden}body.preview-mode .builder-left-panel{display:none}body.preview-mode .builder-main{grid-template-columns:1fr}#preview-mode-btn .preview-mode-icon-off,body.preview-mode #preview-mode-btn .preview-mode-icon-on{display:none}body.preview-mode #preview-mode-btn .preview-mode-icon-off{display:inline}.builder-left-panel{background:rgba(var(--p-oxford-blue-rgb),.6);border-right:1px solid rgba(var(--p-vista-blue-rgb),.2);display:flex;flex-direction:row;overflow:hidden}.panel-tabs{border-right:1px solid var(--s-border-subtle);flex-direction:column;width:44px}.panel-tab,.panel-tabs{display:flex;flex:0 0 auto}.panel-tab{align-items:center;background:transparent;border:none;border-left:2px solid transparent;color:var(--s-text-muted);cursor:pointer;height:44px;justify-content:center;padding:0;position:relative;transition:color var(--s-transition-base),background var(--s-transition-base),border-color var(--s-transition-base);width:100%}.panel-tab svg{height:18px;width:18px}.panel-tab:hover{background:rgba(var(--p-vista-blue-rgb),.1);color:var(--s-text)}.panel-tab.active{background:rgba(var(--p-vista-blue-rgb),.2);border-left-color:var(--s-accent);color:var(--s-accent)}.builder-left-panel>.panel-content,.builder-left-panel>.panel-content-wrapper{flex:1;min-width:0}.panel-content{animation:tabContentFadeIn .15s ease;flex:1;overflow-y:auto;padding:var(--p-space-lg)}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--p-space-lg)}.panel-header h3{color:var(--s-text);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold);margin:0}.panel-add-btn{align-items:center;background:transparent;border:none;border-radius:var(--p-radius-lg);color:var(--s-text-muted);cursor:pointer;display:flex;font-size:var(--p-text-xl);height:28px;justify-content:center;padding:0;transition:background var(--s-transition-base),color var(--s-transition-base);width:28px}.panel-add-btn:hover:not(:disabled){background:rgba(var(--p-vista-blue-rgb),.1);color:var(--s-text)}.panel-add-btn:disabled{cursor:not-allowed;opacity:.4}.panel-icon-btn{align-items:center;background:transparent;border:none;border-radius:var(--p-radius-lg);color:var(--s-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:background var(--s-transition-base),color var(--s-transition-base),transform var(--s-transition-base);width:28px}.panel-icon-btn:hover{background:rgba(var(--p-vista-blue-rgb),.1);color:var(--s-text)}.pages-tree{display:flex;flex-direction:column;gap:var(--p-space-xs)}.page-item{align-items:center;border-radius:var(--p-radius-lg);color:var(--s-text-muted);cursor:pointer;display:flex;font-size:var(--p-text-sm);gap:var(--p-space-sm);padding:var(--p-space-sm) var(--p-space-md);transition:all var(--s-transition-base)}.page-item:hover{background:rgba(var(--p-vista-blue-rgb),.1);color:var(--s-text)}.page-item.active{background:rgba(var(--p-vista-blue-rgb),.2);color:var(--s-accent)}.page-item-container.nested{padding-left:var(--p-space-lg)}.page-item .page-icon{align-items:center;color:var(--s-text-muted);display:flex;justify-content:center}.page-item .page-icon svg{height:14px;width:14px}.page-item .page-folder-icon{display:flex}.page-item .page-chevron-icon{cursor:pointer;display:none}.page-item:hover .page-folder-icon{display:none}.page-item:hover .page-chevron-icon{display:flex}.page-chevron-icon svg{transition:transform var(--s-transition-base)}.page-item-container.collapsed .page-chevron-icon svg{transform:rotate(-90deg)}.page-item-container{display:flex;flex-direction:column}.page-children-wrapper{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--s-transition-base)}.page-item-container.collapsed .page-children-wrapper{grid-template-rows:0fr}.page-children{min-height:0;overflow:hidden}.page-item .page-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-item .page-actions{display:flex;gap:var(--p-space-xs);opacity:0;transition:opacity var(--s-transition-fast)}.page-item:hover .page-actions{opacity:1}.page-action-btn{align-items:center;border:none;border-radius:var(--p-radius-md);color:var(--s-text-muted);cursor:pointer;display:flex;font-size:var(--p-text-sm);justify-content:center;padding:var(--p-space-xs) var(--p-space-sm);transition:background var(--s-transition-fast),color var(--s-transition-fast)}.page-action-btn,.page-action-btn:hover{background:rgba(var(--p-vista-blue-rgb),.3)}.page-action-btn:hover{color:var(--s-text)}.page-action-btn.page-action-delete:hover{background:rgba(var(--p-amaranth-pink-rgb),.3);color:var(--s-danger)}.page-item.dragging{background:rgba(var(--p-vista-blue-rgb),.1);opacity:.5}.page-item.dragging-child{opacity:.3}.page-item.drag-over-top{box-shadow:inset 0 2px 0 0 var(--s-accent)}.page-item.drag-over-bottom{box-shadow:inset 0 -2px 0 0 var(--s-accent)}.page-item.drag-over-nest{background:rgba(var(--p-vista-blue-rgb),.2);box-shadow:inset 0 0 0 1px var(--s-accent)}.instance-tree{display:flex;flex-direction:column;gap:var(--p-space-xs);padding:0 var(--p-space-xs)}.instance-children-wrapper{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--s-transition-base)}.instance-type-icon{color:var(--s-accent-secondary)}.instance-action-btn{align-items:center;background:rgba(var(--p-vista-blue-rgb),.3);border:none;border-radius:var(--p-radius-md);color:var(--s-text-muted);cursor:pointer;display:flex;font-size:var(--p-text-base);height:22px;justify-content:center;padding:var(--p-space-xs) var(--p-space-sm);transition:all var(--s-transition-fast);width:22px}.instance-action-btn:hover{background:rgba(var(--p-vista-blue-rgb),.3);color:var(--s-text)}.instance-action-btn.instance-action-delete:hover{background:rgba(var(--p-amaranth-pink-rgb),.3);color:var(--s-danger)}.instance-children{min-height:0;overflow:hidden;padding-left:var(--p-space-lg)}.slot-type-icon{color:var(--s-success)}.instance-tree-empty{color:var(--s-text-muted);font-size:var(--p-text-sm);padding:var(--p-space-lg);text-align:center}.component-categories{display:flex;flex-direction:column;gap:var(--p-space-lg)}.component-category{border:1px solid rgba(var(--p-vista-blue-rgb),.15);border-radius:var(--p-radius-xl);overflow:hidden}.category-header{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.6);cursor:pointer;display:flex;gap:var(--p-space-sm);justify-content:space-between;padding:var(--p-space-sm) var(--p-space-md);user-select:none}.category-header h4{flex:1;font-weight:var(--p-weight-semibold);letter-spacing:.5px;margin:0;text-transform:uppercase}.category-header h4,.category-toggle{color:var(--s-text-muted);font-size:var(--p-text-sm)}.category-toggle{transition:transform var(--s-transition-base)}.component-category.collapsed .category-toggle{transform:rotate(-90deg)}.category-items-wrapper{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--s-transition-base)}.component-category.collapsed .category-items-wrapper{grid-template-rows:0fr}.category-items{display:grid;gap:var(--p-space-xs);grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;overflow:hidden;padding:var(--p-space-sm)}.component-category.collapsed .category-items{padding-bottom:0;padding-top:0}.component-tile{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.5);border:1px solid rgba(var(--p-vista-blue-rgb),.15);border-radius:var(--p-radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--p-space-xs);justify-content:center;min-height:76px;padding:var(--p-space-sm) var(--p-space-xs);position:relative;text-align:center;transition:all var(--s-transition-fast)}.component-tile:hover{background:rgba(var(--p-vista-blue-rgb),.15);border-color:rgba(var(--p-vista-blue-rgb),.3)}.component-tile .tile-name{color:var(--s-text);display:-webkit-box;font-size:var(--p-text-xs);-webkit-line-clamp:2;line-height:1.25;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.component-tile .tile-left{align-items:center;display:flex;flex-direction:column;gap:var(--p-space-xs);min-width:0;width:100%}.component-tile .tile-glyph{align-items:center;color:var(--s-text-muted);display:inline-flex;height:26px;justify-content:center;width:26px}.component-tile .tile-glyph svg{height:22px;width:22px}.component-tile:hover .tile-glyph{color:var(--s-text)}.tile-monogram{align-items:center;background:hsl(var(--cc-mono-hue,210) 45% 30%/.55);border-radius:var(--p-radius-md);color:hsl(var(--cc-mono-hue,210) 70% 78%);display:inline-flex;font-size:11px;font-weight:700;height:26px;justify-content:center;letter-spacing:.02em;width:26px}.component-tile .component-drag-handle{font-size:10px;left:5px;opacity:0;position:absolute;top:4px;transition:opacity var(--s-transition-fast)}.component-tile:hover .component-drag-handle{opacity:.5}.component-tile .tile-actions{position:absolute;right:3px;top:3px}.component-search{align-items:center;display:flex;margin-bottom:var(--p-space-lg);padding:0;position:relative}.component-search-icon{color:var(--s-text-muted);display:inline-flex;left:10px;pointer-events:none;position:absolute;z-index:2}.component-search-icon,.component-search-icon svg{height:14px;width:14px}.component-search input{border-radius:var(--p-radius-lg);font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-sm) var(--p-space-sm) 30px;width:100%}.component-search-clear{background:rgba(var(--p-vista-blue-rgb),.3);border:none;border-radius:50%;color:var(--s-text);cursor:pointer;font-size:12px;height:18px;line-height:1;padding:0;position:absolute;right:8px;width:18px;z-index:2}.component-search-clear:before{content:"\00d7"}.component-no-results{color:var(--s-text-muted);font-size:var(--p-text-sm);padding:var(--p-space-xl) var(--p-space-md);text-align:center}.component-no-results .empty-icon svg{height:22px;opacity:.6;width:22px}.category-header h4 svg{height:14px;margin-right:6px;vertical-align:-2px;width:14px}.tile-actions{display:flex;gap:var(--p-space-xs);opacity:0;transition:opacity var(--s-transition-fast)}.component-tile:hover .tile-actions{opacity:1}.tile-action-btn{align-items:center;border:none;border-radius:var(--p-radius-md);color:var(--s-text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--p-space-xs) var(--p-space-sm);transition:all var(--s-transition-fast)}.tile-action-btn,.tile-action-btn:hover{background:rgba(var(--p-vista-blue-rgb),.3)}.tile-action-btn:hover{color:var(--s-text)}.tile-action-btn.tile-action-delete:hover{background:rgba(var(--p-amaranth-pink-rgb),.3);color:var(--s-danger)}.builder-center-panel{background:rgba(var(--p-oxford-blue-rgb),.8);display:flex;flex-direction:column;overflow:hidden}.canvas-header{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.6);border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.2);display:flex;height:40px;justify-content:space-between;padding:0 var(--p-space-lg)}#current-page-path,.viewport-size{color:var(--s-text-muted);font-family:var(--s-font-code);font-size:var(--p-text-sm)}.viewport-size{background:rgba(var(--p-vista-blue-rgb),.1);border-radius:var(--p-radius-md);padding:var(--p-space-xs) var(--p-space-sm)}.canvas-container{align-items:flex-start;display:flex;flex:1;justify-content:center;overflow:hidden;position:relative}.resizable-frame-wrapper{height:600px;max-width:1200px;min-height:400px;min-width:320px;position:relative;width:100%}.preview-frame{background:var(--p-neutral-50);border:none;box-shadow:var(--s-shadow-md);height:100%;width:100%}.resize-handle{background:transparent;position:absolute;z-index:var(--p-z-dropdown)}.resize-handle-left,.resize-handle-right{cursor:ew-resize;height:100%;top:0;width:12px}.resize-handle-left{left:-6px}.resize-handle-right{right:-6px}.resize-handle-left:after,.resize-handle-right:after{background:rgba(var(--p-vista-blue-rgb),.4);border-radius:var(--p-radius-sm);content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background var(--s-transition-base);width:4px}.resize-handle-left:hover:after,.resize-handle-right:hover:after{background:var(--s-accent)}.resize-handle-bottom{bottom:-6px;cursor:ns-resize;height:12px;left:0;width:100%}.resize-handle-bottom:after{background:rgba(var(--p-vista-blue-rgb),.4);border-radius:var(--p-radius-sm);content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background var(--s-transition-base);width:40px}.resize-handle-bottom:hover:after{background:var(--s-accent)}.resize-handle-corner-left,.resize-handle-corner-right{bottom:-8px;height:16px;width:16px}.resize-handle-corner-left{cursor:nesw-resize;left:-8px}.resize-handle-corner-right{cursor:nwse-resize;right:-8px}.resize-handle-corner-left:after,.resize-handle-corner-right:after{background:rgba(var(--p-vista-blue-rgb),.5);border-radius:var(--p-radius-sm);content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background var(--s-transition-base);width:8px}.resize-handle-corner-left:hover:after,.resize-handle-corner-right:hover:after{background:var(--s-accent)}.drop-zone-overlay,.resizable-frame-wrapper.resizing .preview-frame{pointer-events:none}.drop-zone-overlay{display:none;inset:0;position:absolute}.drop-zone-overlay.active{background:rgba(var(--p-vista-blue-rgb),.1);display:block}.drop-indicator{background:rgba(var(--p-vista-blue-rgb),.9);border-radius:var(--p-radius-xl);color:var(--s-text-inverse);font-weight:var(--p-weight-medium);left:50%;padding:var(--p-space-lg) var(--p-space-xl);position:absolute;top:50%;transform:translate(-50%,-50%)}.builder-right-panel{background:rgba(var(--p-oxford-blue-rgb),.6);border-left:1px solid rgba(var(--p-vista-blue-rgb),.2);display:flex;flex-direction:column;overflow:hidden}.builder-right-panel .panel-header{align-items:center;border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.2);display:flex;height:40px;padding:0 var(--p-space-lg)}.attributes-panel{flex:1;overflow-y:auto;padding:var(--p-space-lg)}.empty-state-mini{align-items:center;color:var(--s-text-muted);display:flex;font-size:var(--p-text-sm);height:100%;justify-content:center;padding:var(--p-space-xl);text-align:center}.component-info{background:rgba(var(--p-oxford-blue-rgb),.5);border-radius:var(--p-radius-xl);margin-bottom:var(--p-space-lg);padding:var(--p-space-md)}.component-info strong{color:var(--s-text);display:block;margin-bottom:var(--p-space-xs)}.component-info code{color:var(--s-accent);font-size:var(--p-text-sm)}.attributes-form{display:flex;flex-direction:column;gap:var(--p-space-lg)}.fullscreen-modal{animation:fullscreenModalIn .2s ease forwards;background:var(--s-surface-0);display:flex;flex-direction:column;inset:0;position:fixed;z-index:var(--p-z-overlay)}.fullscreen-modal.closing{animation:fullscreenModalOut .15s ease forwards}@keyframes fullscreenModalIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fullscreenModalOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.fullscreen-content{border-radius:0;display:flex;flex-direction:column;height:100%;max-height:none;max-width:none;width:100%}.modal-topbar{align-items:center;background:var(--p-neutral-900);border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.2);display:flex;flex-shrink:0;height:44px;justify-content:space-between;padding:0 var(--p-space-lg)}.modal-topbar .topbar-left,.modal-topbar .topbar-right{align-items:center;display:flex;gap:var(--p-space-md)}.modal-topbar .topbar-right{gap:var(--p-space-sm)}.modal-topbar .topbar-title{color:var(--s-text);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold)}.topbar-btn-danger{color:var(--s-danger)}.topbar-btn-danger:hover{background:rgba(var(--p-amaranth-pink-rgb),.2);color:var(--s-danger)}.fullscreen-modal .modal-body{flex:1;overflow:hidden}.fullscreen-modal .modal-footer{background:rgba(var(--p-oxford-blue-rgb),.8);border-top:1px solid rgba(var(--p-vista-blue-rgb),.2);display:flex;gap:var(--p-space-md);justify-content:flex-end;padding:var(--p-space-lg) var(--p-space-xl)}.component-builder-body.no-padding{padding:0}.tab-panel{animation:tabContentFadeIn .15s ease;flex:1;overflow-y:auto}.tab-panel-content{display:flex;flex-direction:column;gap:var(--p-space-lg);max-width:600px;padding:var(--p-space-xl)}.component-code-panel{display:flex;flex:1;flex-direction:column;height:100%;overflow:hidden}.code-tabs{background:rgba(var(--p-oxford-blue-rgb),.6);border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.2);display:flex;height:40px}.code-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--s-text-muted);cursor:pointer;font-size:var(--p-text-sm);font-weight:var(--p-weight-medium);padding:0 var(--p-space-xl);transition:color var(--s-transition-base),background var(--s-transition-base),border-color var(--s-transition-base)}.code-tab:hover{background:rgba(var(--p-vista-blue-rgb),.1);color:var(--s-text)}.code-tab.active{background:rgba(var(--p-vista-blue-rgb),.2);border-bottom-color:var(--s-accent);color:var(--s-accent)}.code-editor-container{animation:tabContentFadeIn .15s ease;flex:1;overflow:hidden;position:relative}.editor-pane{inset:0;position:absolute}.editor-pane .CodeMirror{height:100%!important}.component-builder-body .CodeMirror{border-radius:0!important}.component-preview-section{border-top:1px solid rgba(var(--p-vista-blue-rgb),.2);display:flex;flex-direction:column;height:200px}.component-preview-section h4{background:rgba(var(--p-oxford-blue-rgb),.6);border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.2);color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);margin:0;padding:var(--p-space-md) var(--p-space-lg)}.component-preview-frame{background:var(--p-neutral-50);flex:1}.preview-panel{animation:tabContentFadeIn .15s ease;background:rgba(var(--p-vista-blue-rgb),.2);display:flex;flex:1;gap:var(--p-space-px)}.preview-canvas-section{background:var(--p-neutral-900);display:flex;flex:1;flex-direction:column}.preview-canvas-section .component-preview-frame{border:1px solid rgba(var(--p-vista-blue-rgb),.2);flex:1}.preview-attributes-section{background:rgba(var(--p-oxford-blue-rgb),.8);display:flex;flex-direction:column;overflow:hidden;width:280px}.preview-attributes-section h4{background:rgba(var(--p-oxford-blue-rgb),.6);border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.2);color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);letter-spacing:.5px;margin:0;padding:var(--p-space-md) var(--p-space-lg);text-transform:uppercase}#preview-attributes-form{flex:1;overflow-y:auto;padding:var(--p-space-lg)}#preview-attributes-form .form-group,.section-header{margin-bottom:var(--p-space-md)}.section-header{align-items:center;display:flex;justify-content:space-between}.section-header h3{color:var(--s-text);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold);margin:0}.attributes-list{gap:var(--p-space-md)}.attribute-row,.attributes-list{display:flex;flex-direction:column}.attribute-row{background:rgba(var(--p-oxford-blue-rgb),.5);border:1px solid rgba(var(--p-vista-blue-rgb),.15);border-radius:var(--p-radius-xl);cursor:grab;gap:var(--p-space-sm);padding:var(--p-space-md);transition:opacity var(--s-transition-base),border-color var(--s-transition-base)}.attribute-row.dragging{cursor:grabbing;opacity:.5}.attribute-row.drag-over{border-color:var(--s-accent);border-style:dashed}.attribute-row-header{align-items:center;display:flex;justify-content:space-between}.drag-handle{font-size:var(--p-text-base);letter-spacing:-2px}.drag-handle,.drag-handle:hover{color:var(--s-text-muted)}.attribute-row-fields{display:grid;gap:var(--p-space-sm);grid-template-columns:1fr 1fr}.attribute-row-fields .form-group{margin-bottom:0}.attribute-row-fields .form-group.full-width{grid-column:1/-1}.delete-attribute-btn{background:transparent;border:none;border-radius:var(--p-radius-md);color:var(--s-danger);cursor:pointer;font-size:var(--p-text-sm);padding:var(--p-space-xs) var(--p-space-sm)}.delete-attribute-btn:hover{background:rgba(var(--p-amaranth-pink-rgb),.1)}.breakpoints-section{border-top:1px solid rgba(var(--p-vista-blue-rgb),.15);margin-top:var(--p-space-lg);padding-top:var(--p-space-lg)}.breakpoints-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--p-space-md)}.breakpoints-section h3{color:var(--s-text);font-size:var(--p-text-base);font-weight:var(--p-weight-medium);margin:0}.breakpoints-list{display:flex;flex-direction:column;gap:var(--p-space-sm)}.breakpoint-row{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.5);border:1px solid rgba(var(--p-vista-blue-rgb),.15);border-radius:var(--p-radius-lg);display:flex;gap:var(--p-space-md);padding:var(--p-space-sm) var(--p-space-md)}.breakpoint-name{color:var(--s-text);font-weight:var(--p-weight-medium);min-width:60px}.breakpoint-width{color:var(--s-text-muted);flex:1;font-size:var(--p-text-sm)}.breakpoint-actions{display:flex;gap:var(--p-space-xs)}.breakpoints-section .empty-message{color:var(--s-text-muted);font-size:var(--p-text-sm);font-style:italic;margin:var(--p-space-sm) 0}.component-builder-v2 .modal-body{overflow:hidden}.component-builder-body{display:flex;flex-direction:column;height:100%}.cb-canvas-layout{display:flex;flex:1;min-height:0}.cb-structure-pane{background:rgba(var(--p-oxford-blue-rgb),.6);border-right:1px solid rgba(var(--p-vista-blue-rgb),.2);display:flex;flex-direction:column;overflow-y:auto;width:280px}.cb-structure-pane element-tree{flex:1;min-height:0}.cb-preview-pane{background:rgba(var(--p-oxford-blue-rgb),.8);display:flex;flex:1;flex-direction:column}.cb-preview-pane pb-preview{flex:1}.cb-panel-content{display:flex;flex-direction:column;gap:var(--p-space-md);padding:var(--p-space-lg)}.no-selection-msg{color:var(--s-text-muted);padding:var(--p-space-xl);text-align:center}.no-selection-msg p{margin:0}.config-section{display:flex;flex-direction:column;gap:var(--p-space-lg)}.component-config-header{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.2);margin-bottom:var(--p-space-md);padding-bottom:var(--p-space-md)}.component-config-header strong{color:var(--s-text-heading);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold)}.component-attributes{display:flex;flex-direction:column;gap:var(--p-space-md)}.component-attributes .no-attributes{color:var(--s-text-muted);font-style:italic;padding:var(--p-space-md);text-align:center}#element-properties{display:flex;flex-direction:column;gap:var(--p-space-md)}.mini-attrs-list{flex-direction:column;margin-bottom:var(--p-space-sm)}.mini-attr-row,.mini-attrs-list{display:flex;gap:var(--p-space-sm)}.mini-attr-row{align-items:center}.mini-attr-row input{flex:1;font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-sm)}.mini-attr-row .delete-btn{background:transparent;border:none;color:var(--s-text-muted);cursor:pointer;font-size:var(--p-text-base);line-height:var(--p-leading-none);padding:var(--p-space-xs)}.mini-attr-row .delete-btn:hover{color:var(--s-danger)}.label-with-action{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--p-space-sm)}.label-with-action label{margin-bottom:0}.label-with-action .link-toggle-btn{height:22px;width:22px}.value-input-group{align-items:flex-start;display:flex;flex:1;gap:var(--p-space-xs)}.value-input-group input,.value-input-group select,.value-input-group textarea{flex:1;min-width:0}.link-toggle-btn{align-items:center;-webkit-appearance:none;appearance:none;background:none!important;background-color:transparent!important;border:none!important;color:var(--s-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;outline:none;padding:0;transition:all var(--s-transition-fast);width:20px}.link-toggle-btn.linked,.link-toggle-btn:hover{color:var(--s-success)}.link-toggle-btn.disabled,.link-toggle-btn:disabled{cursor:not-allowed;opacity:.3}.link-toggle-btn svg{height:14px;width:14px}.linked-attr-select{background:var(--s-success);border:1px solid var(--s-success);border-radius:var(--p-radius-md);color:var(--p-neutral-800);flex:1;font-size:var(--p-text-sm);font-weight:var(--p-weight-medium);padding:var(--p-space-sm) var(--p-space-sm)}.linked-attr-select:focus{border-color:var(--s-success);outline:none}.linked-attr-label{color:var(--s-success);font-style:italic}.cb-events-panel element-event-editor,.cb-styles-panel element-style-editor{flex:1}#cb-events-panel,#cb-styles-panel{display:flex;flex-direction:column}#cb-events-panel element-event-editor,#cb-styles-panel element-style-editor{flex:1;min-height:0}.builder-empty-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--p-space-xl);text-align:center}.builder-empty-state .empty-icon{font-size:var(--p-text-3xl);margin-bottom:var(--p-space-lg)}.builder-empty-state h3{color:var(--s-text);margin:0 0 var(--p-space-sm) 0}.builder-empty-state p{color:var(--s-text-muted);margin:0 0 var(--p-space-lg) 0}.custom-tooltip{background:rgba(var(--p-oxford-blue-rgb),.95);border:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-md);color:var(--s-text);font-size:var(--p-text-sm);max-width:300px;padding:var(--p-space-sm) var(--p-space-sm);pointer-events:none;position:fixed;white-space:normal;z-index:var(--p-z-modal)0;word-wrap:break-word;box-shadow:var(--s-shadow-md);opacity:0;transition:opacity var(--s-transition-fast)}.custom-tooltip.visible{opacity:1}.component-tile.dragging{opacity:.5}.component-instance{outline:2px solid transparent;outline-offset:2px;position:relative;transition:outline-color var(--s-transition-base)}.component-instance:hover{outline-color:rgba(var(--p-vista-blue-rgb),.5)}.component-instance.selected{outline-color:var(--s-accent)}.page-settings-modal .modal-content{max-width:550px}.jsonld-editor-container .CodeMirror{height:auto!important;max-height:250px!important;min-height:120px!important}.jsonld-editor-container .CodeMirror-scroll{max-height:250px!important;min-height:120px!important;overflow-x:hidden!important;overflow-y:auto!important}.jsonld-editor-container.validation-error .CodeMirror{border-color:var(--s-danger)!important;box-shadow:0 0 0 3px rgba(var(--p-amaranth-pink-rgb),.2)!important}.jsonld-validation-error{background:rgba(var(--p-amaranth-pink-rgb),.1);border-left:3px solid var(--s-danger);border-radius:var(--p-radius-md);color:var(--s-danger);font-size:var(--p-text-sm);margin-top:var(--p-space-sm);padding:var(--p-space-sm)}.token-editor-modal .modal-content{max-width:520px}.theme-selector-row{align-items:center;border-bottom:1px solid var(--s-border);display:flex;gap:var(--p-space-sm);padding:var(--p-space-sm) 0}.theme-select{border-radius:var(--p-radius-xl);flex:1;font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-sm)}.theme-delete-btn{color:var(--s-danger);font-size:var(--p-text-lg)}.token-dimmed{opacity:.45}.token-dimmed .drag-handle{display:none}.token-overridden{border-left:3px solid var(--s-accent)}.u-hidden{display:none}.cc-row-tight{align-items:flex-start;display:flex;gap:.5rem}.u-margin-bottom-1rem{margin-bottom:1rem}.cc-loading-block{align-items:center;color:var(--s-text-muted);display:flex;gap:var(--p-space-md);justify-content:center;padding:var(--p-space-xl) 0}.redirects-table{display:grid;grid-template-columns:2fr 2fr auto auto auto auto auto;margin-bottom:var(--p-space-md)}.redirects-table.is-404s{grid-template-columns:1fr auto auto}.redirect-row,.redirects-table-header{display:contents}.redirect-row>*,.redirects-table-header>*{align-items:center;display:flex;padding:var(--p-space-md) var(--p-space-sm)}.redirects-table-header>*{border-bottom:1px solid var(--s-border)}.redirects-table-header .redirects-col,.redirects-table-header .redirects-col-actions{color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:500}.redirect-row>*{border-bottom:1px solid var(--s-border-subtle);transition:background var(--s-transition-base)}.redirect-row:hover>*{background:var(--s-hover)}.redirect-row.is-disabled>*{opacity:.5}.redirects-col{min-width:0;overflow-wrap:anywhere}.redirects-col code{font-size:var(--p-text-sm)}.redirects-col-actions{align-items:center;display:flex;gap:var(--p-space-xs);justify-content:flex-end}.redirect-note{border-bottom:1px solid var(--s-border-subtle);color:var(--s-text-muted);grid-column:1/-1;padding:0 var(--p-space-sm) var(--p-space-sm)}.redirect-note,.redirects-hint{font-size:var(--p-text-sm)}.iface-section{margin-bottom:var(--p-space-lg)}.iface-section-head{align-items:center;display:flex;justify-content:space-between}.iface-section-head h4{margin:0}.iface-add{background:transparent;border:1px solid rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-lg);color:var(--s-accent);cursor:pointer;padding:4px 10px}.iface-add,.iface-hint{font-size:var(--p-text-sm)}.iface-hint{color:var(--s-text-muted);margin:2px 0 8px}.iface-row{align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1.2fr 1fr auto;margin-bottom:6px}.iface-empty{color:var(--s-text-muted);font-size:var(--p-text-sm);font-style:italic;margin:0 0 8px}.iface-remove{background:transparent;border:0;color:var(--s-text-muted);cursor:pointer;font-size:18px;line-height:1;padding:0 6px}.iface-remove:hover{color:var(--s-danger)}.form-error,.pattern-iface-error,.status-error{color:var(--s-danger);font-size:var(--p-text-sm);white-space:pre-wrap}.token-kind-tabs{display:flex;gap:4px;margin:0 0 var(--p-space-sm)}.token-kind-tab{background:rgba(var(--p-oxford-blue-rgb),.4);border:1px solid rgba(var(--p-vista-blue-rgb),.15);border-radius:var(--p-radius-lg);color:var(--s-text-muted);cursor:pointer;flex:1;font-size:var(--p-text-sm);padding:6px 10px;transition:all var(--s-transition-fast)}.token-kind-tab:hover{background:rgba(var(--p-oxford-blue-rgb),.6);color:var(--s-text)}.token-kind-tab.active{background:rgba(var(--p-vista-blue-rgb),.15);border-color:rgba(var(--p-vista-blue-rgb),.3);color:var(--s-accent)}.token-group{margin-bottom:var(--p-space-sm)}.token-group.collapsed .group-toggle{transform:rotate(-90deg)}.token-group-items-wrapper{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--s-transition-base)}.token-group.collapsed .token-group-items-wrapper{grid-template-rows:0fr}.token-group-header{align-items:center;background:rgba(var(--p-vista-blue-rgb),.05);border-radius:var(--p-radius-lg);cursor:pointer;display:flex;gap:var(--p-space-sm);justify-content:space-between;padding:var(--p-space-sm) var(--p-space-md);transition:background var(--s-transition-base)}.token-group-header:hover{background:rgba(var(--p-vista-blue-rgb),.1)}.token-group-header h4{color:var(--s-text);flex:1;font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);margin:0}.group-toggle{color:var(--s-text-muted);font-size:var(--p-text-sm);transition:transform var(--s-transition-base)}.token-group-items{min-height:0;overflow:hidden;padding:var(--p-space-xs) 0}.token-group.collapsed .token-group-items{padding-bottom:0;padding-top:0}.token-item{border-radius:var(--p-radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--p-space-xs);margin:var(--p-space-2xs) 0;padding:var(--p-space-sm) var(--p-space-md);position:relative;transition:background var(--s-transition-base)}.token-item:hover{background:rgba(var(--p-vista-blue-rgb),.1)}.token-item-header{align-items:center;display:flex;gap:var(--p-space-sm)}.token-name{color:var(--s-text);flex:1;font-size:var(--p-text-sm)}.token-variable{background:rgba(var(--p-vista-blue-rgb),.1);border-radius:var(--p-radius-md);color:var(--s-text-muted);font-family:var(--s-font-code);font-size:var(--p-text-sm);padding:var(--p-space-2xs) var(--p-space-sm)}.token-value-row{align-items:center;display:flex;gap:var(--p-space-sm)}.token-color-swatch{background:linear-gradient(45deg,var(--p-neutral-500) 25%,transparent 25%),linear-gradient(-45deg,var(--p-neutral-500) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--p-neutral-500) 75%),linear-gradient(-45deg,transparent 75%,var(--p-neutral-500) 75%);background-color:var(--p-neutral-300);background-position:0 0,0 3px,3px -3px,-3px 0;background-size:6px 6px;border-radius:var(--p-radius-sm);flex-shrink:0;height:14px;position:relative;width:14px}.token-color-swatch:after{background-color:var(--token-color);border-radius:var(--p-radius-sm);content:"";inset:0;position:absolute}.token-color-swatch--gradient:after{background-color:transparent;background-image:var(--token-gradient)}.token-value{color:var(--s-text-muted);font-family:var(--s-font-code);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drag-handle,.token-value{font-size:var(--p-text-sm)}.drag-handle{color:var(--s-text-disabled);cursor:grab;flex-shrink:0;line-height:var(--p-leading-none);opacity:0;transition:opacity var(--s-transition-fast);user-select:none}.category-header:hover .drag-handle,.component-tile:hover .drag-handle,.token-group-header:hover .drag-handle,.token-item:hover .drag-handle{opacity:1}.drag-handle:active{cursor:grabbing}.group-actions{align-items:center;display:flex;gap:var(--p-space-xs);margin-left:auto}.group-action-btn{align-items:center;background:none;border:none;border-radius:var(--p-radius-sm);color:var(--s-text-muted);cursor:pointer;display:flex;opacity:0;padding:var(--p-space-2xs);transition:opacity var(--s-transition-fast),color var(--s-transition-fast)}.category-header:hover .group-action-btn,.token-group-header:hover .group-action-btn{opacity:1}.group-action-btn:hover{color:var(--s-text)}.group-action-delete:hover{color:var(--s-danger)}.add-group-btn{background:none;border:1px dashed rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-lg);color:var(--s-text-muted);cursor:pointer;display:block;font-size:var(--p-text-sm);margin-top:var(--p-space-sm);padding:var(--p-space-sm);transition:color var(--s-transition-fast),border-color var(--s-transition-fast);width:100%}.add-group-btn:hover{border-color:rgba(var(--p-vista-blue-rgb),.5);color:var(--s-accent)}.group-empty{border:1px dashed transparent;border-radius:var(--p-radius-md);color:var(--s-text-disabled);font-size:var(--p-text-sm);font-style:italic;padding:var(--p-space-md) var(--p-space-sm);text-align:center;transition:border-color var(--s-transition-fast),background var(--s-transition-fast)}.group-empty.drag-over{background:rgba(var(--p-vista-blue-rgb),.08);border-color:rgba(var(--p-vista-blue-rgb),.5);color:var(--s-accent)}.dragging{opacity:.4}.drag-over-top{box-shadow:0 -2px 0 0 var(--s-accent)}.drag-over-bottom{box-shadow:0 2px 0 0 var(--s-accent)}.dragging-groups .category-items-wrapper,.dragging-groups .token-group-items-wrapper{pointer-events:none}.tile-left{align-items:center;display:flex;flex:1;gap:var(--p-space-sm);min-width:0}.color-mode-tabs{border:1px solid rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-lg);display:flex;margin-bottom:var(--p-space-sm);overflow:hidden}.color-mode-tab{background:transparent;border:none;color:var(--s-text-muted);cursor:pointer;flex:1;font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-md);transition:background var(--s-transition-base),color var(--s-transition-base)}.color-mode-tab.active{background:rgba(var(--p-vista-blue-rgb),.2);color:var(--s-accent)}.color-mode-tab:hover:not(.active){background:rgba(var(--p-vista-blue-rgb),.1)}.color-mix-color-group{margin-bottom:var(--p-space-sm)}.color-mix-color-group>label{color:var(--s-text-muted);display:block;font-size:var(--p-text-sm);margin-bottom:var(--p-space-xs)}.color-mix-color-row{align-items:center;display:flex;gap:var(--p-space-sm)}.color-mix-color-row select{flex:1}.color-mix-percent{flex:none!important;text-align:center;width:80px!important}.color-mix-color-row span{color:var(--s-text-muted);font-size:var(--p-text-sm)}.fonts-list{display:flex;flex-direction:column;gap:var(--p-space-2xs)}.font-item{align-items:center;border-radius:var(--p-radius-lg);display:flex;justify-content:space-between;padding:var(--p-space-sm) var(--p-space-md);transition:background var(--s-transition-base)}.font-item:hover{background:rgba(var(--p-vista-blue-rgb),.1)}.font-item-info{display:flex;flex-direction:column;gap:var(--p-space-2xs);min-width:0}.font-item-name{color:var(--s-text);font-size:var(--p-text-base);font-weight:var(--p-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-item-weights{color:var(--s-text-muted);font-family:var(--s-font-code);font-size:var(--p-text-sm)}.font-item-actions{display:flex;flex-shrink:0;gap:var(--p-space-xs)}.assets-search-header{display:flex;flex-direction:column;gap:var(--p-space-sm);padding:var(--p-space-sm) var(--p-space-sm) 0}.assets-search-input{box-sizing:border-box;width:100%}.assets-filter-chips{display:flex;gap:var(--p-space-xs)}.assets-filter-chip{background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-md);color:var(--s-text-muted);cursor:pointer;font-family:inherit;font-size:var(--p-text-sm);padding:var(--p-space-xs) var(--p-space-sm)}.assets-filter-chip:hover{color:var(--s-text-heading)}.assets-filter-chip.active{background:var(--s-accent);border-color:var(--s-accent);color:var(--s-text-inverse)}.assets-empty-filter{color:var(--s-text-muted);font-size:var(--p-text-sm);grid-column:1/-1;padding:var(--p-space-lg);text-align:center}.assets-grid{display:grid;gap:var(--p-space-sm);grid-template-columns:1fr 1fr;padding:var(--p-space-sm)}.asset-card{aspect-ratio:1;background:rgba(var(--p-oxford-blue-rgb),.6);border-radius:var(--p-radius-lg);cursor:default;overflow:hidden;position:relative}.asset-preview-img,.asset-preview-video{display:block;height:100%;object-fit:cover;width:100%}.asset-preview-file{align-items:center;color:var(--s-text-muted);display:flex;height:100%;justify-content:center;width:100%}.asset-card-overlay{background:rgba(0,0,0,.7);display:flex;flex-direction:column;inset:0;justify-content:flex-end;opacity:0;position:absolute;transition:opacity var(--s-transition-fast)}.asset-card:hover .asset-card-overlay{opacity:1}.asset-card-name{color:var(--s-text);font-size:var(--p-text-sm);overflow:hidden;padding:var(--p-space-xs) var(--p-space-sm);text-overflow:ellipsis;white-space:nowrap}.source-section{margin-bottom:var(--p-space-sm)}.source-image-options{display:flex;flex-direction:column;gap:var(--p-space-sm);margin-top:var(--p-space-sm)}.asset-card-brand-badge{background:rgba(var(--p-vista-blue-rgb),.85);border-radius:var(--p-radius-sm);font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);left:4px;padding:var(--p-space-2xs) var(--p-space-sm);pointer-events:none;z-index:1}.asset-card-brand-badge,.asset-remove-btn{color:var(--p-neutral-50);position:absolute;top:4px}.asset-remove-btn{align-items:center;background:rgba(var(--p-amaranth-pink-rgb),.8);border:none;border-radius:var(--p-radius-md);cursor:pointer;display:flex;height:22px;justify-content:center;padding:0;right:4px;width:22px}.asset-remove-btn:hover{background:var(--s-danger)}.asset-edit-btn{align-items:center;background:rgba(var(--p-vista-blue-rgb),.8);border:none;border-radius:var(--p-radius-md);color:var(--p-neutral-50);cursor:pointer;display:flex;height:22px;justify-content:center;padding:0;position:absolute;right:30px;top:4px;width:22px}.asset-edit-btn:last-of-type{right:4px}.asset-edit-btn:hover{background:var(--s-text-muted)}.asset-card.is-processing{pointer-events:none}.asset-card-processing{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.6);display:flex;inset:0;justify-content:center;position:absolute;z-index:1}.asset-processing-spinner{animation:asset-spin .7s linear infinite;border:2.5px solid hsla(0,0%,100%,.2);border-radius:var(--p-radius-full);border-top:2.5px solid var(--s-accent);height:24px;width:24px}@keyframes asset-spin{to{transform:rotate(1turn)}}.assets-sentinel{height:1px;width:100%}.asset-drop-overlay{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.85);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--s-transition-fast);z-index:var(--p-z-modal)}.asset-drop-overlay.visible{opacity:1;pointer-events:auto}.asset-drop-message{border:2px dashed var(--s-accent);border-radius:var(--p-radius-2xl);color:var(--s-text);font-size:var(--p-text-xl);font-weight:var(--p-weight-medium);padding:var(--p-space-2xl) var(--p-space-3xl)}.media-toggles{margin-top:var(--p-space-sm)}.font-action-btn{align-items:center;background:transparent;border:none;border-radius:var(--p-radius-md);color:var(--s-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--s-transition-base);width:28px}.font-action-btn:hover{background:rgba(var(--p-vista-blue-rgb),.15);color:var(--s-text)}.font-weight-selection{padding:var(--p-space-xs) 0}.font-weight-selection-header{align-items:center;display:flex;gap:var(--p-space-md);margin-bottom:var(--p-space-md)}.font-weight-selection-title{color:var(--s-text);font-size:var(--p-text-lg);font-weight:var(--p-weight-semibold)}.font-weight-selection-hint{color:var(--s-text-muted);font-size:var(--p-text-sm);margin-bottom:var(--p-space-sm)}.font-weight-checkboxes{display:flex;flex-direction:column;gap:var(--p-space-2xs)}#edit-font-modal .modal-content{max-width:560px}.font-face-row{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.5);border:1px solid rgba(var(--p-vista-blue-rgb),.1);border-radius:var(--p-radius-lg);display:grid;gap:var(--p-space-md);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.2fr);margin-bottom:var(--p-space-xs);padding:var(--p-space-sm) var(--p-space-md)}.font-face-weight{align-items:baseline;display:flex;gap:var(--p-space-xs);min-width:0}.font-weight-value{color:var(--s-text);font-family:var(--s-font-code);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold)}.font-weight-label{color:var(--s-text-muted);font-size:var(--p-text-sm)}.font-face-cell{align-items:center;display:flex;flex-wrap:wrap;gap:var(--p-space-2xs) var(--p-space-sm);min-width:0}.font-face-cell.is-off .font-face-sample{opacity:.4}.font-face-cell-none{color:var(--s-text-muted);font-size:var(--p-text-sm)}.font-face-preload,.font-face-toggle{align-items:center;cursor:pointer;display:inline-flex;gap:var(--p-space-xs)}.font-face-preload input[type=checkbox],.font-face-toggle input[type=checkbox]{accent-color:var(--accent,var(--s-accent));flex-shrink:0;height:16px;width:16px}.font-face-sample{color:var(--s-text);font-size:var(--p-text-base)}.font-face-preload{color:var(--s-text-muted);font-size:var(--p-text-sm)}.font-face-preload input:disabled,.font-face-preload:has(input:disabled){cursor:not-allowed;opacity:.5}@media (max-width:30rem){.font-face-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.font-face-weight{grid-column:1/-1}}.replace-font-current{margin-bottom:var(--p-space-lg)}.replace-font-current label{color:var(--s-text-muted);display:block;font-size:var(--p-text-sm);margin-bottom:var(--p-space-sm)}.replace-font-current span{color:var(--s-text);font-size:var(--p-text-lg)}.weight-mapping-preview{border-top:1px solid rgba(var(--p-vista-blue-rgb),.2);margin:var(--p-space-md) 0;padding:var(--p-space-md) var(--p-space-xl)}.weight-mapping-info{color:var(--s-text-muted);font-size:var(--p-text-sm);margin-bottom:var(--p-space-md)}.weight-mapping-list{display:flex;flex-direction:column;gap:var(--p-space-sm)}.weight-mapping-item{align-items:center;background:rgba(var(--p-sunset-rgb),.1);border:1px solid rgba(var(--p-sunset-rgb),.2);border-radius:var(--p-radius-md);display:flex;gap:var(--p-space-md);padding:var(--p-space-sm) var(--p-space-md)}.weight-old{color:var(--s-warning);font-family:var(--s-font-code);font-size:var(--p-text-sm)}.weight-arrow{color:var(--s-text-muted)}.weight-new{color:var(--s-success);font-family:var(--s-font-code);font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold)}.font-remove-btn:hover{background:rgba(var(--p-amaranth-pink-rgb),.15)!important;color:var(--s-danger)!important}.font-token-editor .form-row{display:flex;gap:var(--p-space-sm);margin-bottom:var(--p-space-sm)}.font-token-editor .dark-input,.font-token-editor select.dark-input{font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-sm)!important}.font-token-editor .form-group{display:flex;flex-direction:column;gap:var(--p-space-xs)}.font-token-editor .form-group label{color:var(--s-text-muted);font-size:var(--p-text-sm);letter-spacing:.5px;text-transform:uppercase}.font-token-editor .input-with-unit{display:flex;gap:0}.font-token-editor .input-with-unit input{border-radius:var(--p-radius-lg) 0 0 6px;flex:1;min-width:0}.font-token-editor .input-with-unit .unit-select{border-left:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:0 6px 6px 0;flex-shrink:0;width:70px}.font-token-additional{margin-bottom:var(--p-space-md);margin-top:var(--p-space-xs)}.font-token-additional summary{color:var(--s-text-muted);cursor:pointer;font-size:var(--p-text-sm);padding:var(--p-space-sm) 0;user-select:none}.font-token-additional summary:hover{color:var(--s-text-muted)}.font-token-additional[open]>summary{margin-bottom:var(--p-space-md)}.font-token-preview{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.5);border:1px solid rgba(var(--p-vista-blue-rgb),.1);border-radius:var(--p-radius-lg);display:flex;margin-bottom:var(--p-space-sm);min-height:40px;padding:var(--p-space-md)}.font-token-preview span{color:var(--s-text);transition:all var(--s-transition-base)}.font-list-section-label{color:var(--s-text-muted);font-size:var(--p-text-sm);letter-spacing:.5px;margin-top:var(--p-space-xs);padding:var(--p-space-md) var(--p-space-xs) var(--p-space-xs);text-transform:uppercase}.font-list-row{align-items:center;border-radius:var(--p-radius-lg);cursor:pointer;display:flex;justify-content:space-between;padding:var(--p-space-sm) var(--p-space-md);transition:background var(--s-transition-base)}.font-list-row:hover{background:rgba(var(--p-vista-blue-rgb),.1)}.font-list-row.added{cursor:default}.font-list-row.selected{background:rgba(var(--p-vista-blue-rgb),.2);border:1px solid rgba(var(--p-vista-blue-rgb),.4)}.font-list-name{color:var(--s-text);font-size:var(--p-text-base)}.font-list-action{color:var(--s-accent);font-size:var(--p-text-sm);white-space:nowrap}.font-list-action.remove{color:var(--s-danger);cursor:pointer}.font-list-action.remove:hover{color:var(--s-danger)}.icon-set-row{align-items:center;border-radius:var(--p-radius-lg);cursor:pointer;display:flex;gap:var(--p-space-md);padding:var(--p-space-sm) var(--p-space-md);transition:background var(--s-transition-base)}.icon-set-row:hover:not(.added){background:rgba(var(--p-vista-blue-rgb),.1)}.icon-set-row.added{cursor:default;opacity:.5}.icon-set-info{flex:1;min-width:0}.icon-set-name{color:var(--s-text);font-size:var(--p-text-sm);font-weight:var(--p-weight-medium)}.icon-set-meta{color:var(--s-text-muted);font-size:var(--p-text-sm);margin-top:var(--p-space-2xs)}.icon-set-samples{align-items:center;color:var(--s-text-muted);display:flex;flex-shrink:0;font-size:0;gap:var(--p-space-xs);max-width:60px;min-width:60px;overflow:hidden}.icon-set-samples svg{flex-shrink:0;height:16px;width:16px}.icon-set-action{color:var(--accent,var(--s-accent));flex-shrink:0;font-size:var(--p-text-sm);font-weight:var(--p-weight-medium)}.icon-set-action.remove{color:var(--s-danger);cursor:pointer}.icon-set-action.remove:hover{color:var(--s-danger)}.pattern-tile{border-left:3px solid var(--s-warning)}.pattern-builder-body{height:calc(100vh - 140px);padding:0}.pattern-builder-layout{display:grid;grid-template-columns:280px 1fr 280px;height:100%}.pattern-meta-panel{background:rgba(var(--p-oxford-blue-rgb),.5);border-right:1px solid rgba(var(--p-vista-blue-rgb),.2);overflow-y:auto;padding:var(--p-space-lg)}.pattern-canvas-panel{background:var(--p-neutral-900);display:flex;flex-direction:column}.pattern-canvas-header{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.2);padding:var(--p-space-md) var(--p-space-lg)}.pattern-canvas-header h4{color:var(--s-text);font-size:var(--p-text-base);margin:0}.pattern-canvas{display:flex;flex:1;flex-direction:column;gap:var(--p-space-sm);overflow-y:auto;padding:var(--p-space-lg)}.pattern-drop-zone{align-items:center;border:2px dashed rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-xl);display:flex;flex:1;justify-content:center;min-height:100px;transition:all var(--s-transition-base)}.pattern-drop-zone.drag-over{background:rgba(var(--p-vista-blue-rgb),.1);border-color:var(--s-accent)}.pattern-drop-zone p{color:var(--s-text-muted);font-size:var(--p-text-base);margin:0}.pattern-canvas-item{align-items:center;background:rgba(var(--p-vista-blue-rgb),.1);border:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-xl);cursor:pointer;display:flex;gap:var(--p-space-sm);padding:var(--p-space-md) var(--p-space-lg);transition:all var(--s-transition-base)}.pattern-canvas-item:hover{border-color:rgba(var(--p-vista-blue-rgb),.4)}.pattern-canvas-item.selected{background:rgba(var(--p-vista-blue-rgb),.2);border-color:var(--s-accent)}.pattern-canvas-item.drag-over{border-color:var(--s-accent);outline:var(--s-focus-ring);outline-offset:2px}.pattern-canvas-item .item-icon{font-size:var(--p-text-xl)}.pattern-canvas-item .item-name{color:var(--s-text);flex:1;font-size:var(--p-text-base)}.pattern-canvas-item .item-remove-btn{background:transparent;border:none;border-radius:var(--p-radius-md);color:var(--s-danger);cursor:pointer;font-size:var(--p-text-base);opacity:.5;padding:var(--p-space-xs) var(--p-space-sm);transition:all var(--s-transition-base)}.pattern-canvas-item .item-remove-btn:hover{background:rgba(var(--p-amaranth-pink-rgb),.1);opacity:1}.pattern-instance-panel{background:rgba(var(--p-oxford-blue-rgb),.5);border-left:1px solid rgba(var(--p-vista-blue-rgb),.2);overflow-y:auto}.pattern-instance-panel .panel-header{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.2);padding:var(--p-space-md) var(--p-space-lg)}.pattern-instance-panel .panel-header h4{color:var(--s-text);font-size:var(--p-text-base);margin:0}.pattern-instance-attributes{padding:var(--p-space-lg)}.instance-info{background:rgba(var(--p-vista-blue-rgb),.1);border-radius:var(--p-radius-lg);margin-bottom:var(--p-space-lg);padding:var(--p-space-sm) var(--p-space-md)}.instance-info strong{color:var(--s-text);font-size:var(--p-text-base)}.instance-attr-group{margin-bottom:var(--p-space-lg)}.instance-attr-group>label{color:var(--s-text-muted);display:block;font-size:var(--p-text-sm);font-weight:var(--p-weight-medium);margin-bottom:var(--p-space-sm)}.value-mode-wrapper{display:flex;flex-direction:column;gap:var(--p-space-sm)}.value-mode-select{font-size:var(--p-text-sm);padding:var(--p-space-xs) var(--p-space-sm);width:auto}.direct-value-container,.linked-value-container{flex:1}.linked-attr-select{width:100%}.pattern-palette{border-top:1px solid rgba(var(--p-vista-blue-rgb),.2);margin-top:var(--p-space-lg);padding-top:var(--p-space-lg)}.pattern-palette .section-header,.pattern-palette-tabs{margin-bottom:var(--p-space-md)}.pattern-palette-tabs{display:flex;gap:var(--p-space-xs)}.palette-tab{background:rgba(var(--p-vista-blue-rgb),.1);border:1px solid transparent;border-radius:var(--p-radius-lg);color:var(--s-text-muted);cursor:pointer;flex:1;font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-md);transition:color var(--s-transition-base),background var(--s-transition-base),border-color var(--s-transition-base)}.palette-tab:hover{background:rgba(var(--p-vista-blue-rgb),.15)}.palette-tab.active{background:rgba(var(--p-vista-blue-rgb),.2);border-color:rgba(var(--p-vista-blue-rgb),.3);color:var(--s-text)}.pattern-palette-content{animation:tabContentFadeIn .15s ease;max-height:200px;overflow-y:auto}.palette-item{align-items:center;border-radius:var(--p-radius-lg);cursor:pointer;display:flex;font-size:var(--p-text-sm);gap:var(--p-space-sm);padding:var(--p-space-sm) var(--p-space-sm);transition:background var(--s-transition-base)}.palette-item:hover{background:rgba(var(--p-vista-blue-rgb),.15)}.palette-item .tile-icon{font-size:var(--p-text-base)}.palette-item .tile-name{color:var(--s-text)}@media (max-width:1200px){.builder-main{grid-template-columns:240px 1fr}}.builder-drawer-toggle{align-items:center;background:transparent;border:none;border-radius:var(--p-radius-md);color:var(--s-text);cursor:pointer;display:none;height:38px;justify-content:center;padding:0;width:38px}.builder-drawer-toggle:hover{background:rgba(var(--p-vista-blue-rgb),.12)}.builder-drawer-backdrop{display:none}@media (max-width:992px){.builder-main{grid-template-columns:1fr}.builder-left-panel,.builder-right-panel{bottom:0;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--s-transition-slow);z-index:var(--p-z-sticky)}.builder-left-panel{left:0;max-width:88vw;width:280px}.builder-right-panel{left:auto;max-width:88vw;right:0;transform:translateX(100%);width:300px}.builder-left-panel.open,.builder-right-panel.open{transform:translateX(0)}.builder-drawer-toggle{display:inline-flex}.builder-topbar .topbar-logo{display:none}.builder-drawer-backdrop.open{background:rgba(0,0,0,.5);display:block;inset:0;position:fixed;z-index:calc(var(--p-z-sticky) - 1)}}.attr-options-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--p-space-sm)}.attr-options-label{color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.attr-options-add-btn{background:transparent;border:none;border-radius:var(--p-radius-md);color:var(--s-text-muted);cursor:pointer;font-size:var(--p-text-lg);padding:var(--p-space-2xs) var(--p-space-sm);transition:all var(--s-transition-fast)}.attr-options-add-btn:hover{background:rgba(var(--p-vista-blue-rgb),.1);color:var(--s-accent)}.attr-options-list{display:flex;flex-direction:column;gap:var(--p-space-sm);margin-bottom:var(--p-space-sm)}.attr-option-row{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.5);border:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-md);display:flex;gap:var(--p-space-sm);padding:var(--p-space-sm) var(--p-space-sm);transition:all var(--s-transition-base)}.attr-option-row:hover{border-color:rgba(var(--p-vista-blue-rgb),.4)}.attr-option-row.dragging{border-color:var(--s-accent);opacity:.5}.attr-option-row.drag-over{background:rgba(var(--p-vista-blue-rgb),.1);border-color:var(--s-accent)}.attr-option-drag-handle{color:var(--s-text-muted);cursor:grab;font-size:var(--p-text-base);padding:var(--p-space-2xs);user-select:none}.attr-option-drag-handle:hover{color:var(--s-accent)}.attr-option-row .dark-input{flex:1;font-size:var(--p-text-sm);min-width:0;padding:var(--p-space-sm) var(--p-space-sm)}.attr-option-label{flex:1.2!important}.attr-option-value{flex:1!important}.attr-option-remove{align-items:center;background:transparent;border:none;border-radius:var(--p-radius-md);color:var(--s-text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--p-text-xl);height:24px;justify-content:center;padding:0;transition:all var(--s-transition-base);width:24px}.attr-option-remove:hover{background:rgba(var(--p-amaranth-pink-rgb),.1);color:var(--s-danger)}.config-component-events .event-section{background:rgba(var(--p-oxford-blue-rgb),.5);border-radius:var(--p-radius-xl);margin-bottom:var(--p-space-md);overflow:hidden}.config-component-events .event-header{align-items:center;cursor:pointer;display:flex;gap:var(--p-space-sm);padding:var(--p-space-sm) var(--p-space-md);user-select:none}.config-component-events .event-header:hover{background:rgba(var(--p-vista-blue-rgb),.05)}.config-component-events .event-drag-handle{color:var(--s-text-muted);cursor:grab;font-size:var(--p-text-sm);letter-spacing:1px}.config-component-events .event-icon{font-size:var(--p-text-base)}.config-component-events .event-name{color:var(--s-text);flex:1;font-size:var(--p-text-sm);font-weight:var(--p-weight-medium)}.config-component-events .event-count{background:rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-2xl);color:var(--s-text-muted);font-size:var(--p-text-sm);padding:var(--p-space-2xs) var(--p-space-sm)}.config-component-events .event-body{border-top:1px solid rgba(var(--p-vista-blue-rgb),.1);padding:var(--p-space-sm)}.config-component-events .action-list{display:flex;flex-direction:column;gap:var(--p-space-sm);margin-bottom:var(--p-space-sm)}.config-component-events .action-item{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.6);border-radius:var(--p-radius-lg);cursor:pointer;display:flex;gap:var(--p-space-sm);padding:var(--p-space-sm) var(--p-space-sm)}.config-component-events .action-item:hover{background:rgba(var(--p-vista-blue-rgb),.1)}.config-component-events .action-icon{flex-shrink:0;font-size:var(--p-text-base);text-align:center;width:20px}.config-component-events .action-info{flex:1;min-width:0;overflow:hidden}.config-component-events .action-name{color:var(--s-text);font-size:var(--p-text-sm);font-weight:var(--p-weight-medium)}.config-component-events .action-desc{color:var(--s-text-muted);font-size:var(--p-text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-component-events .action-delete-btn{background:transparent;border:none;color:var(--s-text-muted);cursor:pointer;font-size:var(--p-text-base);line-height:var(--p-leading-none);opacity:0;padding:var(--p-space-xs);transition:opacity var(--s-transition-fast)}.config-component-events .action-item:hover .action-delete-btn{opacity:1}.config-component-events .action-delete-btn:hover{color:var(--s-danger)}.config-component-events .add-action-btn{background:transparent;border:1px dashed rgba(var(--p-vista-blue-rgb),.3);border-radius:var(--p-radius-lg);color:var(--s-text-muted);cursor:pointer;font-size:var(--p-text-sm);padding:var(--p-space-sm);transition:all var(--s-transition-fast);width:100%}.config-component-events .add-action-btn:hover{background:rgba(var(--p-vista-blue-rgb),.05);border-color:rgba(var(--p-vista-blue-rgb),.5);color:var(--s-accent)}.event-slot-modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--p-z-modal)}.event-slot-action-config-modal,.event-slot-action-picker-modal{background:var(--p-neutral-800);border:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-2xl);box-shadow:0 20px 40px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:80vh;max-width:400px;width:90%}.event-slot-action-config-modal .modal-header,.event-slot-action-picker-modal .modal-header{align-items:center;border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.1);display:flex;justify-content:space-between;padding:var(--p-space-lg)}.event-slot-action-config-modal .modal-header h3,.event-slot-action-picker-modal .modal-header h3{color:var(--s-text-heading);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold);margin:0}.event-slot-action-config-modal .modal-close,.event-slot-action-picker-modal .modal-close{background:transparent;border:none;color:var(--s-text-muted);cursor:pointer;font-size:var(--p-text-xl);padding:var(--p-space-xs)}.event-slot-action-config-modal .modal-close:hover,.event-slot-action-picker-modal .modal-close:hover{color:var(--s-text)}.event-slot-action-config-modal .modal-body,.event-slot-action-picker-modal .modal-body{flex:1;overflow-y:auto;padding:var(--p-space-lg)}.event-slot-action-config-modal .modal-footer{border-top:1px solid rgba(var(--p-vista-blue-rgb),.1);display:flex;gap:var(--p-space-sm);justify-content:flex-end;padding:var(--p-space-lg)}.event-slot-action-config-modal .btn-cancel,.event-slot-action-config-modal .btn-save{border-radius:var(--p-radius-lg);cursor:pointer;font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-lg)}.event-slot-action-config-modal .btn-cancel{background:transparent;border:1px solid rgba(var(--p-vista-blue-rgb),.2);color:var(--s-text-muted)}.event-slot-action-config-modal .btn-cancel:hover{background:rgba(var(--p-vista-blue-rgb),.1)}.event-slot-action-config-modal .btn-save{background:var(--s-accent);border:none;color:var(--s-text-inverse)}.event-slot-action-config-modal .btn-save:hover{background:var(--s-accent)}.action-category{margin-bottom:var(--p-space-lg)}.action-category .category-header{color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);letter-spacing:.05em;margin-bottom:var(--p-space-sm);text-transform:uppercase}.action-category .category-actions{display:flex;flex-direction:column;gap:var(--p-space-xs)}.action-option{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.4);border-radius:var(--p-radius-lg);cursor:pointer;display:flex;gap:var(--p-space-sm);padding:var(--p-space-sm) var(--p-space-md);transition:all var(--s-transition-fast)}.action-option:hover{background:rgba(var(--p-vista-blue-rgb),.15)}.action-option .action-icon{font-size:var(--p-text-lg)}.action-option .action-name{color:var(--s-text);font-size:var(--p-text-sm)}#members-list,#pending-workspace-invites{background:rgba(var(--p-oxford-blue-rgb),.3);border:1px solid rgba(var(--p-vista-blue-rgb),.1);border-radius:var(--p-radius-xl);overflow:hidden}.invite-row,.member-row{align-items:center;border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.08);display:flex;gap:var(--p-space-md);justify-content:space-between;padding:var(--p-space-md) var(--p-space-lg)}.invite-row:last-child,.member-row:last-child{border-bottom:none}.invite-info,.member-info{display:flex;flex:1;flex-direction:column;gap:var(--p-space-2xs);min-width:0}.invite-email,.member-name{color:var(--s-text-heading);font-size:var(--p-text-base);font-weight:var(--p-weight-medium)}.invite-email,.member-email,.member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-email{color:var(--s-text-muted);font-size:var(--p-text-sm)}.invite-actions,.member-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--p-space-sm)}.role-badge{border-radius:var(--p-radius-2xl);display:inline-block;font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);letter-spacing:.5px;padding:var(--p-space-xs) var(--p-space-sm);text-transform:uppercase}.role-badge.owner{background:rgba(var(--p-vista-blue-rgb),.2);color:var(--s-accent)}.role-badge.admin{color:var(--s-accent)}.role-badge.admin,.role-badge.member{background:rgba(var(--p-vista-blue-rgb),.15)}.invite-role,.role-badge.member{color:var(--s-text-muted)}.invite-role{font-size:var(--p-text-sm)}.invite-badge{background:var(--s-danger);border-radius:var(--p-radius-full);height:10px;position:absolute;right:-3px;top:-3px;width:10px}.workspace-dropdown{background:var(--bg-secondary,var(--p-neutral-850));border:1px solid var(--border-color,var(--p-neutral-800));border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);display:none;margin-top:4px;min-width:240px;position:absolute;right:0;top:100%;z-index:100}.workspace-dropdown-create,.workspace-pending-invites{border-top:1px solid var(--border-color,var(--p-neutral-800));padding:8px}.workspace-pending-invites{display:none}.workspace-pending-invites-title{color:var(--text-secondary,var(--p-neutral-300));font-size:.75em;letter-spacing:.05em;padding:6px 8px 2px;text-transform:uppercase}.workspace-invite-item{align-items:center;display:flex;font-size:.85em;justify-content:space-between;padding:6px 8px}.workspace-invite-item-meta{display:flex;flex-direction:column;gap:1px}.workspace-invite-item-role{color:var(--p-neutral-500);font-size:.75em}.workspace-invite-item-actions{display:flex;gap:4px}.workspace-invite-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.workspace-invite-btn.accept{background:rgba(var(--p-emerald-rgb,16,185,129),.15);color:var(--s-success)}.workspace-invite-btn.decline{background:rgba(var(--p-red-rgb,239,68,68),.15);color:var(--s-danger)}.workspace-list-item{background:transparent;border:none;color:var(--text-primary,var(--p-neutral-50));cursor:pointer;display:block;font-size:.9em;padding:10px 12px;text-align:left;width:100%}.workspace-list-item:hover{background:var(--bg-hover,var(--p-neutral-800))}.workspace-list-item.active,.workspace-list-item.active:hover{background:var(--accent-color,var(--s-info))}.pexels-modal-grid{display:grid;gap:var(--p-space-sm);grid-template-columns:1fr 1fr 1fr}.pexels-modal-card{aspect-ratio:1;background:rgba(var(--p-oxford-blue-rgb),.6);border-radius:var(--p-radius-lg);cursor:pointer;overflow:hidden;position:relative}.pexels-modal-card img{display:block;height:100%;object-fit:cover;width:100%}.pexels-modal-card-overlay{background:rgba(0,0,0,.7);display:flex;flex-direction:column;inset:0;justify-content:flex-end;opacity:0;position:absolute;transition:opacity var(--s-transition-fast)}.pexels-modal-card:hover .pexels-modal-card-overlay{opacity:1}.pexels-modal-card-photographer{color:var(--s-text);font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-sm)}.pexels-modal-card-photographer a{color:var(--s-accent);text-decoration:none}.pexels-modal-card-photographer a:hover{text-decoration:underline}.split-btn-group{align-items:stretch;display:inline-flex;position:relative}.split-btn-group .split-btn-toggle{border-bottom-left-radius:0;border-left:1px solid hsla(0,0%,100%,.2);border-top-left-radius:0;min-width:auto;padding:0 var(--p-space-sm)}.split-btn-group>:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.split-btn-dropdown{background:var(--p-neutral-800);border:1px solid var(--p-neutral-700);border-radius:var(--p-radius-lg);box-shadow:var(--s-shadow-lg);display:none;margin-top:var(--p-space-xs);min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:var(--p-z-sticky)}.split-btn-dropdown button{background:none;border:none;color:var(--s-text);cursor:pointer;display:block;font-size:var(--p-text-base);padding:var(--p-space-sm) var(--p-space-lg);text-align:left;width:100%}.split-btn-dropdown button:hover{background:var(--p-neutral-700)}.environment-toggle{border:1px solid var(--p-neutral-700);border-radius:var(--p-radius-lg);display:inline-flex;margin-bottom:var(--p-space-md);overflow:hidden}.environment-toggle .env-btn{background:transparent;border:none;color:var(--s-text-muted);cursor:pointer;font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-lg);transition:background var(--s-transition-fast),color var(--s-transition-fast)}.environment-toggle .env-btn.active{background:var(--s-accent);color:var(--p-neutral-50)}.environment-toggle .env-btn:hover:not(.active){background:rgba(var(--p-vista-blue-rgb),.15)}.db-subtab-nav{border:1px solid var(--p-neutral-700);border-radius:var(--p-radius-lg);display:inline-flex;margin-bottom:var(--p-space-md);overflow:hidden}.db-subtab-btn{background:transparent;border:none;color:var(--s-text-muted);cursor:pointer;font-size:var(--p-text-sm);font-weight:var(--p-weight-medium);padding:var(--p-space-sm) var(--p-space-xl);transition:background var(--s-transition-fast),color var(--s-transition-fast)}.db-subtab-btn.active{background:var(--s-accent);color:var(--p-neutral-50)}.db-subtab-btn:hover:not(.active){background:rgba(var(--p-vista-blue-rgb),.15);color:var(--s-text)}.db-schema-fields{display:flex;flex-direction:column;gap:var(--p-space-sm);padding:var(--p-space-md) 0}.db-schema-field-card{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.4);border:1px solid rgba(var(--p-vista-blue-rgb),.12);border-radius:var(--p-radius-md);cursor:pointer;display:flex;gap:var(--p-space-md);padding:var(--p-space-md) var(--p-space-lg);transition:border-color var(--s-transition-fast),background var(--s-transition-fast)}.db-schema-field-card:hover{background:rgba(var(--p-oxford-blue-rgb),.6);border-color:rgba(var(--p-vista-blue-rgb),.4)}.db-schema-field-card .field-name{color:var(--s-text);flex:1;font-weight:var(--p-weight-semibold)}.db-schema-field-card .field-type{background:rgba(var(--p-vista-blue-rgb),.1);border-radius:var(--p-radius-sm);color:var(--s-text-muted);font-size:var(--p-text-sm);letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.db-schema-field-card .field-required{color:var(--p-melon);font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold)}.db-schema-field-card .field-system-badge{color:var(--s-text-muted);font-size:10px;font-weight:var(--p-weight-medium);letter-spacing:.6px;opacity:.6;text-transform:uppercase}.db-new-fields-list{display:flex;flex-direction:column;gap:var(--p-space-sm)}#db-new-fields-list:empty{display:none}.db-new-field-row{align-items:center;display:grid;gap:var(--p-space-sm);grid-template-columns:1fr 140px 64px}.db-new-field-remove{align-items:center;background:transparent;border:none;border-radius:var(--p-radius-md);color:var(--s-text-muted);cursor:pointer;display:flex;font-size:var(--p-text-2xl);height:32px;justify-content:center;justify-self:center;line-height:1;padding:0;transition:all var(--s-transition-base);width:32px}.db-new-field-remove:hover{background:rgba(239,68,68,.1);color:var(--s-danger)}.db-new-field-row-locked input[disabled]{cursor:not-allowed;opacity:.5}.db-new-field-lock-badge{color:var(--s-text-muted);font-size:10px;font-weight:var(--p-weight-semibold);letter-spacing:.6px;opacity:.6;text-align:center;text-transform:uppercase}.deployment-promote-section{margin-bottom:var(--p-space-xl)}.promote-card{background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid var(--p-neutral-700);border-radius:var(--p-radius-xl);padding:var(--p-space-lg)}.promote-header{align-items:center;display:flex;gap:var(--p-space-md);margin-bottom:var(--p-space-sm)}.promote-header h3{margin:0}.promote-status{color:var(--s-text-muted);font-size:var(--p-text-sm)}.promote-error{color:var(--s-danger)}.preview-warning{align-items:center;background:color-mix(in srgb,var(--warning,var(--s-warning)) 12%,transparent);border:1px solid color-mix(in srgb,var(--warning,var(--s-warning)) 30%,transparent);border-radius:var(--p-radius-xl);color:var(--text);display:flex;font-size:var(--p-text-sm);gap:var(--p-space-md);justify-content:space-between;margin-bottom:var(--p-space-lg);padding:var(--p-space-sm) var(--p-space-lg)}.deployment-card{background:hsla(0,0%,100%,.04);border:1px solid var(--s-border);border-radius:var(--p-radius-xl);margin-bottom:var(--p-space-md);overflow:hidden}.deployment-card-header{align-items:center;background:color-mix(in srgb,var(--bg-secondary,var(--p-neutral-800)) 50%,transparent);display:flex;gap:var(--p-space-sm);justify-content:space-between;padding:var(--p-space-md) var(--p-space-lg)}.deployment-card-header .deployment-title{align-items:center;display:flex;font-size:var(--p-text-base);font-weight:var(--p-weight-semibold);gap:var(--p-space-sm)}.deployment-card-backups{border-top:1px solid var(--s-border);padding:0}.deployment-card-backups .backup-inline-item{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--s-border) 50%,transparent);display:flex;font-size:var(--p-text-sm);justify-content:space-between;padding:var(--p-space-sm) var(--p-space-lg) var(--p-space-sm) var(--p-space-2xl)}.deployment-card-backups .backup-inline-item:last-child{border-bottom:none}.deployment-card-actions{background:color-mix(in srgb,var(--bg-secondary,var(--p-neutral-800)) 50%,transparent);border-top:1px solid var(--s-border);display:flex;gap:var(--p-space-sm);padding:var(--p-space-sm) var(--p-space-lg)}.promote-description{color:var(--s-text-muted);font-size:var(--p-text-base)}.deployment-diff,.promote-description{margin-bottom:var(--p-space-lg)}.diff-summary{display:flex;flex-wrap:wrap;gap:var(--p-space-md);margin-bottom:var(--p-space-sm)}.diff-entity{color:var(--p-neutral-200);font-size:var(--p-text-sm)}.diff-added{color:var(--s-success)}.diff-added,.diff-modified{margin-left:var(--p-space-xs)}.diff-modified{color:var(--s-warning)}.diff-deleted{color:var(--s-danger);margin-left:var(--p-space-xs)}.diff-detail{color:var(--s-text-muted);font-size:var(--p-text-sm);margin-left:var(--p-space-2xs)}.diff-no-changes{color:var(--s-text-muted);font-size:var(--p-text-base)}.diff-secrets-warning{background:rgba(var(--p-sunset-rgb),.1);border-radius:var(--p-radius-md);color:var(--s-warning);font-size:var(--p-text-sm);margin-top:var(--p-space-sm);padding:var(--p-space-sm) var(--p-space-sm)}.diff-last-deployed{margin-top:var(--p-space-xs)}.diff-last-deployed,.save-status{color:var(--s-text-muted);font-size:var(--p-text-sm)}.save-status{margin-left:var(--p-space-sm)}.save-status.save-ok{color:var(--s-success)}.save-status.save-error{color:var(--s-danger)}.change-indicator{background:var(--s-warning);border-radius:var(--p-radius-full);display:inline-block;height:8px;margin-left:var(--p-space-sm);width:8px}.logs-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--p-space-md);margin-bottom:var(--p-space-lg)}.logs-time-range{align-self:flex-start;background:var(--p-neutral-800);border:1px solid var(--p-neutral-700);border-radius:var(--p-radius-lg);display:flex;overflow:hidden}.logs-time-range button{background:transparent;border:none;color:var(--s-text-muted);cursor:pointer;font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-md);transition:background var(--s-transition-fast),color var(--s-transition-fast)}.logs-time-range button:hover{background:var(--p-neutral-700);color:var(--s-text)}.logs-time-range button.active{background:var(--s-accent);color:var(--p-neutral-50)}.logs-level-filters{display:flex;gap:var(--p-space-sm)}.logs-level-btn{background:transparent;border:1px solid var(--p-neutral-700);border-radius:var(--p-radius-md);color:var(--s-text-muted);cursor:pointer;font-size:var(--p-text-sm);font-weight:var(--p-weight-medium);padding:var(--p-space-xs) var(--p-space-sm);transition:background var(--s-transition-fast),color var(--s-transition-fast),border-color var(--s-transition-fast)}.logs-level-btn:hover{border-color:var(--s-text-muted)}.logs-level-btn.active{color:var(--p-neutral-50)}.logs-level-btn.active[data-level="-4"]{background:var(--s-text-muted);border-color:var(--s-text-muted)}.logs-level-btn.active[data-level="0"]{background:var(--s-accent);border-color:var(--s-accent)}.logs-level-btn.active[data-level="4"]{background:var(--s-warning);border-color:var(--s-warning)}.logs-level-btn.active[data-level="8"]{background:var(--s-danger);border-color:var(--s-danger)}.logs-search{flex:1;min-width:180px}.logs-chart-container{background:var(--p-neutral-800);border:1px solid var(--p-neutral-700);border-radius:var(--p-radius-xl);margin-bottom:var(--p-space-lg);padding:var(--p-space-lg)}.logs-chart{align-items:flex-end;border-bottom:1px solid var(--s-text-disabled);display:flex;gap:var(--p-space-2xs);height:80px}.logs-chart-bar{flex:1;min-width:0}.logs-chart-bar,.logs-chart-bar-stack{display:flex;flex-direction:column-reverse;height:100%}.logs-chart-seg{border-radius:var(--p-radius-sm);min-height:0;transition:height var(--s-transition-slow)}.logs-chart-seg.level-debug{background:var(--s-text-muted)}.logs-chart-seg.level-info{background:var(--s-accent)}.logs-chart-seg.level-warn{background:var(--s-warning)}.logs-chart-seg.level-error{background:var(--s-danger)}.logs-chart-axis{color:var(--s-text-muted);display:flex;font-size:var(--p-text-sm);justify-content:space-between;margin-top:var(--p-space-sm)}.logs-list{display:flex;flex-direction:column;gap:var(--p-space-sm)}.log-entry{background:var(--p-neutral-800);border:1px solid var(--p-neutral-700);border-radius:var(--p-radius-lg);cursor:pointer;overflow:hidden;transition:background var(--s-transition-fast),border-color var(--s-transition-fast)}.log-entry:hover{background:var(--s-surface-2);border-color:var(--s-text-disabled)}.log-entry.expanded{border-color:var(--s-accent)}.log-entry-header{align-items:center;display:flex;gap:var(--p-space-sm);min-height:38px;padding:var(--p-space-sm) var(--p-space-md)}.log-level-badge{border-radius:var(--p-radius-md);flex-shrink:0;font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);padding:var(--p-space-2xs) var(--p-space-sm);text-transform:uppercase;white-space:nowrap}.log-level-badge.level-debug{background:rgba(var(--p-vista-blue-rgb),.2);color:var(--s-text-muted)}.log-level-badge.level-info{background:rgba(var(--p-vista-blue-rgb),.2);color:var(--s-accent)}.log-level-badge.level-warn{background:rgba(var(--p-sunset-rgb),.2);color:var(--s-warning)}.log-level-badge.level-error{background:rgba(var(--p-amaranth-pink-rgb),.2);color:var(--s-danger)}.log-message{color:var(--s-text);flex:1;font-family:var(--s-font-code);min-width:0;overflow:hidden;text-overflow:ellipsis}.log-flag,.log-message{font-size:var(--p-text-sm);white-space:nowrap}.log-flag{border-radius:var(--p-radius-sm);flex-shrink:0;font-weight:var(--p-weight-medium);padding:var(--p-space-px) var(--p-space-sm)}.log-flag-error{background:rgba(var(--p-amaranth-pink-rgb),.2);color:var(--s-danger)}.log-flag-slow{background:rgba(var(--p-sunset-rgb),.2);color:var(--s-warning)}.log-timestamp{white-space:nowrap}.log-chevron,.log-timestamp{color:var(--s-text-muted);flex-shrink:0;font-size:var(--p-text-sm)}.log-chevron{transition:transform var(--s-transition-fast)}.log-entry.expanded .log-chevron{transform:rotate(90deg)}.log-request-info{color:var(--s-text-muted);display:flex;font-size:var(--p-text-sm);gap:var(--p-space-md);min-width:0;padding:0 var(--p-space-md) var(--p-space-sm) var(--p-space-md)}.log-request-info span,.log-request-url{white-space:nowrap}.log-request-url{min-width:0;overflow:hidden;text-overflow:ellipsis}.log-status-ok{color:var(--s-success)}.log-status-warn{color:var(--s-warning)}.log-status-error{color:var(--s-danger)}.log-detail-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--s-transition-base)}.log-entry.expanded .log-detail-wrapper{grid-template-rows:1fr}.log-detail{overflow:hidden}.log-detail-inner{background:var(--p-neutral-900);border-top:1px solid var(--p-neutral-700);padding:var(--p-space-md)}.log-detail pre{color:var(--p-neutral-200);font-family:var(--s-font-code);font-size:var(--p-text-sm);line-height:var(--p-leading-normal);margin:0;white-space:pre-wrap;word-break:break-all}@keyframes logEntryHighlight{0%{background:rgba(var(--p-vista-blue-rgb),.15)}to{background:transparent}}.log-entry-new{animation:logEntryHighlight 2s ease-out}.logs-load-more{display:flex;justify-content:center;margin-top:var(--p-space-lg)}.logs-summary{color:var(--s-text-muted);font-size:var(--p-text-sm);margin-bottom:var(--p-space-md)}@media (max-width:768px){.logs-filters{align-items:stretch;flex-direction:column}.logs-search{min-width:unset}.log-entry-header{gap:var(--p-space-sm);padding:var(--p-space-sm) var(--p-space-sm)}.log-message{font-size:var(--p-text-sm)}.log-request-info{flex-wrap:wrap;gap:var(--p-space-sm)}}.db-layout{border:1px solid rgba(var(--p-vista-blue-rgb),.5);border-radius:var(--p-radius-xl);display:flex;gap:0;height:calc(100vh - 200px);min-height:400px;overflow:hidden}.db-collections-panel{background:rgba(var(--p-oxford-blue-rgb),.6);border-right:1px solid rgba(var(--p-vista-blue-rgb),.5);display:flex;flex-direction:column;min-width:220px;overflow:hidden;width:220px}.db-collections-header{align-items:center;border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.3);display:flex;justify-content:space-between;padding:var(--p-space-md)}.db-collections-header h4{color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);letter-spacing:.05em;margin:0;text-transform:uppercase}.db-collections-header .btn-icon{align-items:center;display:flex;font-size:var(--p-text-base);height:24px;justify-content:center;padding:0;width:24px}.db-collections-list{flex:1;overflow-y:auto}.db-collection-item{align-items:center;border-left:3px solid transparent;color:var(--p-neutral-200);cursor:pointer;display:flex;font-size:var(--p-text-sm);gap:var(--p-space-xs);justify-content:space-between;padding:var(--p-space-sm) var(--p-space-md);transition:all var(--s-transition-fast)}.db-collection-item:hover{background:rgba(var(--p-oxford-blue-rgb),.3)}.db-collection-item.active{background:rgba(var(--p-vista-blue-rgb),.1);border-left-color:var(--s-accent);color:var(--s-text)}.db-collection-item .collection-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-collection-item .collection-type{color:var(--s-text-muted);font-size:var(--p-text-sm);text-transform:uppercase}.db-collection-item .btn-delete-collection{background:none;border:none;border-radius:var(--p-radius-sm);color:var(--s-danger);cursor:pointer;font-size:var(--p-text-sm);opacity:0;padding:var(--p-space-2xs) var(--p-space-xs);transition:opacity var(--s-transition-fast)}.db-collection-item:hover .btn-delete-collection{opacity:1}.db-deploy-badge{border-radius:var(--p-radius-sm);font-size:10px;font-weight:var(--p-weight-semibold);letter-spacing:.5px;line-height:1.4;padding:var(--p-space-2xs) var(--p-space-xs);text-transform:uppercase;white-space:nowrap}.db-deploy-badge--pending{border:1px solid var(--s-warning);color:var(--s-warning)}.db-deploy-badge--removal{border:1px solid var(--s-danger);color:var(--s-danger)}.db-collection-item--removal{cursor:default;opacity:.75}.db-collection-item--removal:hover{background:transparent}.db-records-gate{align-items:center;display:none;justify-content:center;padding:var(--p-space-3xl) var(--p-space-lg)}.db-gate-inner{align-items:center;display:flex;flex-direction:column;gap:var(--p-space-md);max-width:420px;text-align:center}.db-gate-title{color:var(--s-text);font-size:var(--p-text-lg);font-weight:var(--p-weight-semibold)}.db-gate-text{color:var(--s-text-muted);font-size:var(--p-text-base);line-height:1.5}.db-table-panel{position:relative}#db-table-area,.db-table-panel{display:flex;flex:1;flex-direction:column;overflow:hidden}.db-table-toolbar{align-items:center;border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.3);display:flex;gap:var(--p-space-sm);justify-content:space-between;padding:var(--p-space-sm) var(--p-space-lg)}.db-toolbar-title-group{align-items:center;display:flex;flex-shrink:0;gap:var(--p-space-xs)}.db-table-toolbar h3{color:var(--s-text);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold);margin:0;white-space:nowrap}.db-search-input{flex:1;min-width:0}.db-table-toolbar .toolbar-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--p-space-sm)}.db-table-footer{border-top:1px solid rgba(var(--p-vista-blue-rgb),.3);padding:var(--p-space-sm) var(--p-space-lg);text-align:center}.db-record-range{color:var(--s-text-muted);font-size:var(--p-text-sm)}.db-table-container{flex:1;overflow:auto}.db-table{border-collapse:collapse;font-size:var(--p-text-sm);table-layout:fixed}.db-table thead{background:var(--s-surface-2);position:sticky;top:0;z-index:1}.db-table th{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.5);color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-medium);overflow:hidden;padding:var(--p-space-sm) var(--p-space-md);position:relative;text-align:left;user-select:none;white-space:nowrap}.db-table th[draggable=true] .field-name,.db-table th[draggable=true] .field-type{pointer-events:none}.db-col-resize{cursor:col-resize;height:100%;pointer-events:auto;position:absolute;right:0;top:0;width:5px;z-index:2}.db-col-resize:active,.db-col-resize:hover{background:rgba(var(--p-vista-blue-rgb),.4)}.db-table th .field-name{display:block;line-height:var(--p-leading-none)}.db-table th .field-type{color:var(--s-text-disabled);font-size:var(--p-text-sm);font-weight:var(--p-weight-normal)}.db-col-editable{cursor:pointer}.db-col-editable:hover{background:rgba(var(--p-vista-blue-rgb),.1)}.db-col-dragging{opacity:.4}.db-col-drag-over-left{background:rgba(var(--p-vista-blue-rgb),.15);border-left:2px solid var(--s-accent)}.db-col-drag-over-right{background:rgba(var(--p-vista-blue-rgb),.15);border-right:2px solid var(--s-accent)}.db-table td{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.15);color:var(--p-neutral-200);overflow:hidden;padding:var(--p-space-sm) var(--p-space-md);text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.db-table tbody tr:hover{background:rgba(var(--p-oxford-blue-rgb),.2)}.db-cell-null{color:var(--s-text-disabled);font-style:italic}.db-cell-id,.db-cell-json{color:var(--s-text-muted);font-family:var(--s-font-code);font-size:var(--p-text-sm)}.db-cell-bool-true{color:var(--s-success)}.db-cell-bool-false{color:var(--s-danger)}.db-cell-actions{display:flex;gap:var(--p-space-2xs);justify-content:center;white-space:nowrap}.db-cell-actions button{align-items:center;background:none;border:none;border-radius:var(--p-radius-md);color:var(--s-text-disabled);cursor:pointer;display:flex;justify-content:center;padding:var(--p-space-xs);transition:all var(--s-transition-fast)}.db-cell-actions button:hover{background:rgba(var(--p-vista-blue-rgb),.15);color:var(--s-accent)}.db-cell-actions button.btn-delete-record:hover{background:rgba(var(--p-amaranth-pink-rgb),.1);color:var(--s-danger)}.db-cell-shimmer{animation:dbShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--p-neutral-800) 25%,var(--p-neutral-700) 50%,var(--p-neutral-800) 75%);background-size:200% 100%;border-radius:var(--p-radius-md);height:14px}@keyframes dbShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.db-cell-checkbox,.db-th-checkbox{padding:0!important;text-align:center;width:36px}.db-cell-checkbox input[type=checkbox],.db-th-checkbox input[type=checkbox]{cursor:pointer;display:block;margin:0 auto}.db-selection-island{background:rgba(var(--p-oxford-blue-rgb),.95);border:1px solid rgba(var(--p-vista-blue-rgb),.5);border-radius:var(--p-radius-pill);bottom:16px;box-shadow:var(--s-shadow-lg);color:var(--p-neutral-200);font-size:var(--p-text-sm);left:50%;margin:0 auto;padding:var(--p-space-sm) var(--p-space-lg);position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:var(--p-z-dropdown)}.db-empty-table,.db-selection-island{align-items:center;display:flex;gap:var(--p-space-md);justify-content:center}.db-empty-table{color:var(--s-text-muted);flex-direction:column;padding:var(--p-space-3xl) var(--p-space-lg)}.db-empty-table .empty-icon{font-size:var(--p-text-3xl)}.db-no-collection{align-items:center;color:var(--s-text-muted);display:flex;flex:1;flex-direction:column;font-size:var(--p-text-base);gap:var(--p-space-sm);justify-content:center}.db-form-modal .modal-content{max-width:550px}.db-form-group{margin-bottom:var(--p-space-lg)}.db-form-group label{color:var(--s-text-muted);display:block;font-size:var(--p-text-sm);font-weight:var(--p-weight-medium);margin-bottom:var(--p-space-sm)}.db-form-group input,.db-form-group select,.db-form-group textarea{background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.5);border-radius:var(--p-radius-lg);box-sizing:border-box;color:var(--s-text);font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-md);transition:border-color var(--s-transition-fast);width:100%}.db-form-group input:focus,.db-form-group select:focus,.db-form-group textarea:focus{border-color:var(--s-accent);outline:none}.db-form-group textarea{font-family:var(--s-font-code);font-size:var(--p-text-sm);min-height:80px;resize:vertical}.db-form-group .checkbox-row{align-items:center;display:flex;gap:var(--p-space-sm)}.db-form-group .checkbox-row input[type=checkbox]{width:auto}.db-field-type-select{margin-bottom:var(--p-space-lg)}.db-edit-collection-btn{flex-shrink:0;opacity:.5;transition:opacity var(--s-transition-fast)}.db-edit-collection-btn:hover{opacity:1}.db-edit-section{margin-bottom:var(--p-space-lg)}.db-edit-section h4{color:var(--s-text);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold);margin:0 0 var(--p-space-sm)}.db-rule-hint{color:var(--s-text-muted);font-size:var(--p-text-sm);margin:0 0 var(--p-space-sm)}.db-rule-row{margin-bottom:var(--p-space-sm)}.db-rule-row label{color:var(--s-text-muted);display:block;font-size:var(--p-text-sm);margin-bottom:var(--p-space-xs)}.db-rule-input-row{align-items:center;display:flex;gap:var(--p-space-sm)}.db-rule-input-row input{background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.5);border-radius:var(--p-radius-lg);color:var(--s-text);flex:1;font-family:var(--s-font-code);font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-sm);transition:border-color var(--s-transition-fast)}.db-rule-input-row input:focus{border-color:var(--s-accent);outline:none}.db-rule-input-row input:disabled{cursor:not-allowed;opacity:.4}.db-rule-lock-btn{color:var(--s-text-muted);flex-shrink:0;transition:color var(--s-transition-fast)}.db-rule-lock-btn.locked{color:var(--s-warning)}.db-no-indexes{color:var(--s-text-muted);font-size:var(--p-text-sm);padding:var(--p-space-xs) 0}#db-indexes-list{display:flex;flex-wrap:wrap;gap:var(--p-space-sm);margin-bottom:var(--p-space-sm)}.db-index-chip{background:rgba(var(--p-oxford-blue-rgb),.4);border:1px solid rgba(var(--p-vista-blue-rgb),.4);border-radius:var(--p-radius-3xl);color:var(--s-text-muted);cursor:pointer;display:inline-block;font-size:var(--p-text-sm);padding:var(--p-space-sm) var(--p-space-md);transition:border-color var(--s-transition-fast),color var(--s-transition-fast)}.db-index-chip:hover{border-color:var(--s-accent);color:var(--s-text)}.db-index-chip.unique{border-color:rgba(var(--p-french-mauve-rgb),.3);color:var(--s-accent-secondary)}.db-index-chip.unique:hover{border-color:var(--s-accent-secondary)}.db-view-query-input{background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.5);border-radius:var(--p-radius-lg);color:var(--s-text);font-family:var(--s-font-code);font-size:var(--p-text-sm);min-height:60px;padding:var(--p-space-sm) var(--p-space-md);resize:vertical;transition:border-color var(--s-transition-fast);width:100%}.db-view-query-input:focus{border-color:var(--s-accent);outline:none}.db-view-query-hints{line-height:var(--p-leading-normal);margin:var(--p-space-sm) 0 0 0;padding:0 0 0 var(--p-space-lg)}.db-view-query-hints,.db-view-query-hints code{color:var(--s-text-muted);font-size:var(--p-text-sm)}.db-view-query-hints code{background:rgba(var(--p-oxford-blue-rgb),.4);border-radius:var(--p-radius-sm);font-family:var(--s-font-code);padding:var(--p-space-px) var(--p-space-sm)}.db-index-modal{z-index:calc(var(--p-z-toast) + 1)}.db-idx-toggle-row{align-items:center;display:flex;gap:var(--p-space-sm);margin-bottom:var(--p-space-lg)}.db-idx-sql{background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.5);border-radius:var(--p-radius-lg);color:var(--s-text);font-family:var(--s-font-code);font-size:var(--p-text-sm);min-height:60px;padding:var(--p-space-sm) var(--p-space-md);resize:vertical;transition:border-color var(--s-transition-fast);width:100%}.db-idx-sql:focus{border-color:var(--s-accent);outline:none}.db-idx-presets{align-items:center;display:flex;flex-wrap:wrap;gap:var(--p-space-sm);margin-top:var(--p-space-sm)}.db-idx-presets-label{margin-right:var(--p-space-xs)}.db-idx-field-chip,.db-idx-presets-label{color:var(--s-text-muted);font-size:var(--p-text-sm)}.db-idx-field-chip{background:rgba(var(--p-oxford-blue-rgb),.3);border:1px solid rgba(var(--p-vista-blue-rgb),.4);border-radius:var(--p-radius-2xl);cursor:pointer;display:inline-block;padding:var(--p-space-xs) var(--p-space-sm);transition:all var(--s-transition-fast);user-select:none}.db-idx-field-chip:hover{border-color:var(--s-accent);color:var(--s-text)}.db-idx-field-chip.selected{background:var(--s-accent);border-color:var(--s-accent);color:var(--p-neutral-50)}.db-table .db-th-add-col{background:rgba(var(--p-vista-blue-rgb),.05);border-left:1px dashed rgba(var(--p-vista-blue-rgb),.4);color:var(--s-accent);cursor:pointer;font-size:var(--p-text-xl);font-weight:var(--p-weight-normal);text-align:center;transition:all var(--s-transition-fast);width:48px}.db-table .db-th-add-col:hover{background:rgba(var(--p-vista-blue-rgb),.15);border-left-color:var(--s-accent);color:var(--s-accent)}@media (max-width:768px){.db-layout{flex-direction:column;height:auto}.db-collections-panel{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.5);border-right:none;max-height:200px;min-width:100%;width:100%}}.dashboard-top-row{display:flex;flex-direction:column;gap:0;margin-bottom:0}.dashboard-top-row>.app-overview-section{margin-bottom:var(--p-space-lg)}.dashboard-top-row>.dashboard-server-section{margin-top:0}.dashboard-details-grid{background:rgba(var(--p-oxford-blue-rgb),.3);display:grid;gap:0;grid-template-columns:repeat(5,1fr);padding:var(--p-space-lg) var(--p-space-xl)}.dashboard-detail-item{display:flex;flex-direction:column;gap:var(--p-space-xs);padding:var(--p-space-sm) var(--p-space-sm)}.dashboard-detail-item .detail-label{color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-medium);letter-spacing:.3px;text-transform:uppercase}.dashboard-detail-item .detail-value{color:var(--s-text);font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);word-break:break-all}.dashboard-server-inner-hidden{visibility:hidden}.dashboard-server-card{transition:background var(--s-transition-slow)}@media (min-width:860px){.dashboard-top-row{align-items:stretch;flex-direction:row;gap:var(--p-space-lg)}.dashboard-top-row>.app-overview-section,.dashboard-top-row>.dashboard-server-section{flex:1;margin-bottom:var(--p-space-2xl)}.dashboard-top-row>.dashboard-server-section>.app-overview-section{display:flex;flex-direction:column;height:100%;justify-content:center}.dashboard-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:859px){.dashboard-details-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.dashboard-details-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-counts-grid{display:grid;gap:var(--p-space-sm);grid-template-columns:repeat(3,1fr)}.dashboard-count-card{align-items:center;background:var(--s-surface-1);border:1px solid var(--s-border);border-radius:var(--p-radius-xl);display:flex;flex-direction:column;gap:var(--p-space-xs);padding:var(--p-space-lg) var(--p-space-md);transition:border-color var(--s-transition-fast)}.dashboard-count-card:hover{border-color:rgba(var(--p-vista-blue-rgb),.3)}.dashboard-count-card .count-icon{color:var(--s-accent);opacity:.8}.dashboard-count-card .count-number{color:var(--s-text-heading);font-size:var(--p-text-2xl);font-weight:var(--p-weight-bold);line-height:var(--p-leading-none)}.dashboard-count-card .count-label{color:var(--s-text-muted);font-size:var(--p-text-sm);text-align:center}.dashboard-count-card.skeleton-card{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,var(--s-surface-1) 25%,rgba(var(--p-vista-blue-rgb),.05) 50%,var(--s-surface-1) 75%);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-overview-card .app-header{align-items:center;display:flex;justify-content:space-between}.dashboard-overview-card .app-name{margin-bottom:0}#dashboard-free-overview .app-header{padding-bottom:var(--p-space-md);padding-top:var(--p-space-md)}@media (min-width:860px){#dashboard-free-overview .dashboard-details-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-server-grid{display:grid;gap:var(--p-space-sm);grid-template-columns:1fr 1fr;height:100%}.dashboard-server-status-bar{align-items:center;display:flex;grid-column:1/-1;margin:0;min-height:48px;padding:var(--p-space-lg) var(--p-space-lg)}.dashboard-server-status-bar>div{align-items:center;display:flex;justify-content:space-between;width:100%}.dashboard-server-status-bar .server-status-left{align-items:center;display:flex;gap:var(--p-space-sm)}.server-status-text{color:var(--s-text-heading);font-weight:var(--p-weight-semibold)}.server-status-right{align-items:center;display:flex;gap:var(--p-space-sm)}.server-uptime-text{color:var(--s-text-muted);font-size:var(--p-text-sm)}.btn-server-restart{align-items:center;background:transparent;border:1px solid var(--s-border);border-radius:var(--p-radius-lg);color:var(--s-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--s-transition-fast);width:28px}.btn-server-restart:hover{background:var(--color-bg-hover);border-color:var(--s-text-muted);color:var(--s-text-heading)}.btn-server-restart:disabled{cursor:not-allowed;opacity:.5}.btn-server-restart.restarting svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-resource-card{align-items:center;display:flex;margin:0;min-height:72px;padding:var(--p-space-lg)}.dashboard-resource-card .res-inner{align-items:center;display:grid;gap:var(--p-space-lg);grid-template-columns:auto 1fr;width:100%}.dashboard-resource-card .res-icon{align-items:center;color:var(--s-accent);display:flex;flex-shrink:0;opacity:.6}.dashboard-resource-card .res-icon svg{height:32px;width:32px}.dashboard-resource-card .res-info{display:flex;flex-direction:column;gap:var(--p-space-px)}.dashboard-resource-card .res-value{color:var(--s-text-heading);font-size:var(--p-text-xl);font-weight:var(--p-weight-bold);line-height:1.2}.dashboard-resource-card .res-label{color:var(--s-text-muted);font-size:var(--p-text-sm);letter-spacing:.3px}.dashboard-charts-grid{display:grid;gap:var(--p-space-md);grid-template-columns:1fr}.chart-card{background:var(--s-surface-1);border:1px solid var(--s-border);border-radius:var(--p-radius-xl);padding:var(--p-space-lg)}.chart-card .chart-title{color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);letter-spacing:.5px;margin-bottom:var(--p-space-sm);text-transform:uppercase}.chart-card canvas{display:block;height:160px;width:100%}.metrics-period-toggle{background:rgba(var(--p-vista-blue-rgb),.08);border-radius:var(--p-radius-lg);display:flex;gap:var(--p-space-2xs);padding:var(--p-space-2xs)}.metrics-period-toggle .period-btn{background:transparent;border:none;border-radius:var(--p-radius-lg);color:var(--s-text-muted);cursor:pointer;font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);padding:var(--p-space-xs) var(--p-space-md);transition:all var(--s-transition-fast)}.metrics-period-toggle .period-btn.active{background:var(--s-accent);color:var(--p-neutral-50)}.metrics-period-toggle .period-btn:hover:not(.active){color:var(--s-text)}.server-status-dot{background:var(--s-text-muted);border-radius:var(--p-radius-full);display:inline-block;flex-shrink:0;height:10px;width:10px}.server-status-dot.running{animation:pulse-dot 2s ease-in-out infinite;background:var(--s-success);box-shadow:0 0 6px rgba(var(--p-tea-green-rgb),.5)}.server-status-dot.transitional{animation:pulse-dot-warn 1.5s ease-in-out infinite;background:var(--s-warning);box-shadow:0 0 6px rgba(var(--p-sunset-rgb),.5)}@keyframes pulse-dot{0%,to{box-shadow:0 0 6px rgba(var(--p-tea-green-rgb),.5)}50%{box-shadow:0 0 12px rgba(var(--p-tea-green-rgb),.8)}}@keyframes pulse-dot-warn{0%,to{box-shadow:0 0 6px rgba(var(--p-sunset-rgb),.5)}50%{box-shadow:0 0 12px rgba(var(--p-sunset-rgb),.8)}}.dashboard-footer{align-items:center;border-top:1px solid var(--s-border);color:var(--s-text-muted);display:flex;font-size:var(--p-text-sm);justify-content:space-between;margin-top:var(--p-space-sm);padding:var(--p-space-md) 0}.dashboard-counts-section,.dashboard-metrics-section,.dashboard-server-section{margin-top:var(--p-space-lg)}@media (max-width:480px){.dashboard-counts-grid{grid-template-columns:repeat(2,1fr)}}.subscription-badge{border-radius:var(--p-radius-2xl);display:inline-block;font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);letter-spacing:.02em;padding:var(--p-space-2xs) var(--p-space-sm)}.subscription-badge.active{background:rgba(var(--p-tea-green-rgb),.15);color:var(--s-success)}.subscription-badge.trial,.subscription-badge.trialing{background:rgba(var(--p-vista-blue-rgb),.15);color:var(--s-accent)}.subscription-badge.past_due{background:rgba(var(--p-sunset-rgb),.15);color:var(--s-warning)}.subscription-badge.canceled{background:rgba(var(--p-vista-blue-rgb),.15);color:var(--s-text-muted)}.subscription-badge.suspended{background:rgba(var(--p-amaranth-pink-rgb),.15);color:var(--s-danger)}.billing-banner{align-items:center;border-radius:var(--p-radius-xl);display:flex;font-size:var(--p-text-base);gap:var(--p-space-lg);justify-content:space-between;margin-bottom:var(--p-space-lg);padding:var(--p-space-md) var(--p-space-lg)}.billing-banner.trial{background:rgba(var(--p-sunset-rgb),.1);border:1px solid rgba(var(--p-sunset-rgb),.3);color:var(--s-warning)}.billing-banner.suspended{background:rgba(var(--p-amaranth-pink-rgb),.1);border:1px solid rgba(var(--p-amaranth-pink-rgb),.3);color:var(--s-danger)}.billing-plan-card{background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.15);border-radius:var(--p-radius-xl);margin-bottom:var(--p-space-xl);padding:var(--p-space-xl);position:relative}.billing-plan-card:before{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border-radius:var(--p-radius-xl);content:"";inset:0;pointer-events:none;position:absolute}.billing-plan-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--p-space-lg);justify-content:space-between;position:relative}.billing-plan-info{display:flex;flex-direction:column;gap:var(--p-space-xs)}.billing-plan-name{align-items:center;color:var(--s-text-heading);display:flex;font-size:var(--p-text-xl);font-weight:var(--p-weight-semibold);gap:var(--p-space-md)}.billing-plan-price{color:var(--s-text-muted);font-size:var(--p-text-base)}.billing-plan-detail{font-size:var(--p-text-sm);margin-top:var(--p-space-xs)}.billing-plan-actions{display:flex;flex-wrap:wrap;gap:var(--p-space-sm);position:relative}.invoice-table{border-collapse:collapse;margin-top:var(--p-space-sm);width:100%}.invoice-table th{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.15);color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);letter-spacing:.04em;text-align:left;text-transform:uppercase}.invoice-table td,.invoice-table th{padding:var(--p-space-sm) var(--p-space-md)}.invoice-table td{border-bottom:1px solid rgba(var(--p-vista-blue-rgb),.08);color:var(--s-text);font-size:var(--p-text-base)}.invoice-table tr:last-child td{border-bottom:none}.invoice-table tr:hover td{background:rgba(var(--p-vista-blue-rgb),.05)}.invoice-status{border-radius:var(--p-radius-2xl);display:inline-block;font-size:var(--p-text-sm);font-weight:var(--p-weight-medium);padding:var(--p-space-px) var(--p-space-sm)}.invoice-status.paid{background:rgba(var(--p-tea-green-rgb),.12);color:var(--s-success)}.invoice-status.open{background:rgba(var(--p-vista-blue-rgb),.12);color:var(--s-accent)}.invoice-status.draft,.invoice-status.void{background:rgba(var(--p-vista-blue-rgb),.12);color:var(--s-text-muted)}.invoice-status.uncollectible{background:rgba(var(--p-amaranth-pink-rgb),.12);color:var(--s-danger)}.invoice-link{color:var(--s-accent);font-size:var(--p-text-sm);text-decoration:none}.invoice-link:hover{text-decoration:underline}.upgrade-options{display:grid;gap:var(--p-space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:var(--p-space-lg)}.upgrade-card{background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.15);border-radius:var(--p-radius-xl);padding:var(--p-space-lg);text-align:center;transition:border-color var(--s-transition-base)}.upgrade-card:hover{border-color:rgba(var(--p-vista-blue-rgb),.4)}.upgrade-card-name{color:var(--s-text-heading);font-size:var(--p-text-lg);font-weight:var(--p-weight-semibold);margin-bottom:var(--p-space-xs)}.upgrade-card-price{color:var(--s-text-muted);font-size:var(--p-text-base);margin-bottom:var(--p-space-md)}.upgrade-card-specs{color:var(--s-text-muted);font-size:var(--p-text-sm);line-height:var(--p-leading-normal);margin-bottom:var(--p-space-lg)}.promo-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--p-space-xs);margin-top:var(--p-space-sm)}.promo-input{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:var(--p-radius-md);color:inherit;flex:0 1 220px;padding:.45rem .7rem}.promo-status,.trial-note{font-size:var(--p-text-sm)}.trial-note{background:rgba(var(--p-vista-blue-rgb),.08);border:1px solid var(--s-border);border-radius:var(--p-radius-md);color:var(--s-accent);margin-bottom:var(--p-space-md);padding:var(--p-space-sm) var(--p-space-md)}.payment-method-card{align-items:center;background:rgba(var(--p-oxford-blue-rgb),.6);border:1px solid rgba(var(--p-vista-blue-rgb),.15);border-radius:var(--p-radius-xl);display:flex;gap:var(--p-space-lg);justify-content:space-between;padding:var(--p-space-lg) var(--p-space-lg)}.payment-method-info{align-items:center;display:flex;gap:var(--p-space-md)}.payment-method-brand{color:var(--s-text-heading);font-weight:var(--p-weight-semibold);text-transform:capitalize}.payment-method-last4{color:var(--s-text-muted);font-size:var(--p-text-base)}.payment-method-actions{display:flex;gap:var(--p-space-sm)}#create-payment-element,#payment-element,#transfer-payment-element{background:rgba(var(--p-oxford-blue-rgb),.8);border:1px solid rgba(var(--p-vista-blue-rgb),.2);border-radius:var(--p-radius-xl);margin-bottom:var(--p-space-sm);padding:var(--p-space-lg)}.balance-headline{align-items:baseline;display:flex;gap:var(--p-space-md);margin:var(--p-space-md) 0}.balance-amount{color:var(--s-text-heading);font-size:2rem;font-weight:var(--p-weight-semibold)}.balance-subsection{border-top:1px solid var(--s-border);margin-top:var(--p-space-lg);padding-top:var(--p-space-lg)}.balance-subsection-title{color:var(--s-text-heading);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold)}.balance-topup-presets{align-items:center;display:flex;flex-wrap:wrap;gap:var(--p-space-sm)}.balance-form-row{display:flex;gap:var(--p-space-sm);margin-top:var(--p-space-md)}.balance-ar-header{align-items:center;display:flex;gap:var(--p-space-lg);justify-content:space-between}.balance-ar-fields{display:flex;flex-wrap:wrap;gap:var(--p-space-lg);margin-top:var(--p-space-md)}.balance-ar-fields label{color:var(--s-text-muted);font-size:.85rem}.balance-note{font-size:.85rem;margin-top:var(--p-space-sm)}.balance-note.warn{color:var(--s-warning)}.balance-note.info{color:var(--s-info)}.balance-error{color:var(--s-danger);font-size:.85rem;margin-top:var(--p-space-sm)}.balance-activity-row{border-bottom:1px solid var(--s-border);display:flex;font-size:.85rem;gap:var(--p-space-md);justify-content:space-between;padding:.3rem 0}.balance-activity-amount{white-space:nowrap}.balance-activity-meta{color:var(--s-text-muted)}#balance-topup-element{margin-top:var(--p-space-md)}.transfer-pending-notice{align-items:center;background:rgba(var(--p-sunset-rgb),.08);border:1px solid rgba(var(--p-sunset-rgb),.25);border-radius:var(--p-radius-xl);color:var(--s-warning);display:flex;flex-wrap:wrap;font-size:var(--p-text-base);gap:var(--p-space-lg);justify-content:space-between;margin-bottom:var(--p-space-lg);padding:var(--p-space-lg) var(--p-space-lg)}.email-stats-grid{display:grid;gap:var(--p-space-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:var(--p-space-md)}.email-stats-grid .stat-card{background:var(--s-surface-1);border:1px solid var(--s-border);border-radius:var(--p-radius-xl);padding:var(--p-space-lg)}.email-stats-grid .stat-label{color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.email-stats-grid .stat-value{color:var(--s-text-1);font-size:1.5rem;font-weight:600}.email-stats-grid .stat-sublabel{color:var(--s-text-muted);font-size:.8rem;margin-top:4px}.cname-status{font-size:.8rem;margin-left:8px}.sender-address-row{margin-top:var(--p-space-sm)}.sender-address-display{background:var(--s-surface-1);border:1px solid var(--s-border);border-radius:6px;color:var(--s-text-1);display:inline-block;font-family:var(--p-font-mono,monospace);padding:10px 14px}.sender-localpart-form{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sender-localpart-input{border-radius:var(--p-radius-xl);font-size:var(--p-text-lg);padding:var(--p-space-md) var(--p-space-lg);text-align:right;transition:border-color var(--s-transition-base),box-shadow var(--s-transition-base);width:220px}.sender-localpart-input:focus{box-shadow:0 0 0 3px rgba(var(--p-vista-blue-rgb),.1);outline:none}.sender-localpart-suffix{color:var(--s-text-muted);font-family:var(--p-font-mono,monospace);user-select:text}.readonly-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--p-space-sm)}.readonly-row code{background:var(--p-color-bg-subtle,var(--p-neutral-50));border-radius:4px;font-size:.9rem;padding:4px 8px}.input-row{align-items:stretch;display:flex;gap:var(--p-space-sm)}.input-row input[type=text]{flex:1}.dns-instructions{background:var(--p-color-bg-subtle,var(--p-neutral-50));border-radius:6px;margin-top:var(--p-space-sm);padding:var(--p-space-md)}.dns-record-table{border-collapse:collapse;margin-top:var(--p-space-sm);width:100%}.dns-record-table td,.dns-record-table th{border-bottom:1px solid var(--p-color-border,#e5e5e8);font-size:.9rem;padding:6px 8px;text-align:left}.dns-issues{color:var(--p-color-text-warning,#b45309);margin-top:var(--p-space-sm);padding-left:1.25rem}.status-badge{background:var(--p-color-bg-subtle,var(--p-neutral-50));border-radius:999px;display:inline-block;font-size:.8rem;font-weight:500;padding:2px 10px}.status-badge.status-active{background:#d1fae5;color:#065f46}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-inactive{background:var(--p-neutral-50);color:var(--p-neutral-500)}.u-animation-spin-1s-linear-infinite-border-radius-{animation:spin 1s linear infinite;border:3px solid hsla(0,0%,100%,.1);border-radius:50%;border-top:3px solid var(--p-vista-blue);height:32px;width:32px}.u-background-color-mix-in-srgb-var-color-primary-1{background:color-mix(in srgb,var(--color-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:6px;font-size:13px;margin-bottom:8px;padding:8px 12px}.u-background-color-mix-in-srgb-var-s-danger-12-tra{background:color-mix(in srgb,var(--s-danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--s-danger) 30%,transparent);border-radius:6px;font-size:13px;margin-bottom:8px;padding:8px 12px}.u-background-none-border-bottom-2px-solid-transpar{background:none;border:0;border-bottom:2px solid transparent;color:var(--s-text-muted);cursor:pointer;font-size:13px;padding:10px 16px}.u-background-none-border-bottom-2px-solid-var-c-pr{background:none;border:0;border-bottom:2px solid var(--c-primary,var(--s-info));color:var(--s-text-heading);cursor:pointer;font-size:13px;padding:10px 16px}.u-background-none-border-none-padding-0{background:none;border:none;padding:0}.u-background-rgba-0-0-0-0-2-border-radius-8px-colo{background:rgba(0,0,0,.2);border-radius:8px;color:var(--s-text-muted);font-size:.85rem;padding:1rem}.u-background-rgba-0-0-0-0-2-border-radius-8px-colo-2{background:rgba(0,0,0,.2);border-radius:8px;color:var(--s-text-muted);padding:.75rem}.u-background-var-p-neutral-800-border-radius-6px-b{flex:1;font-family:var(--s-font-code);font-size:.85rem;padding:8px 12px}.u-background-var-p-neutral-800-border-radius-6px-b,.u-background-var-p-neutral-800-border-radius-6px-b-2{background:var(--p-neutral-800);border:1px solid var(--p-neutral-700);border-radius:6px;color:var(--p-neutral-200)}.u-background-var-p-neutral-800-border-radius-6px-b-2{font-size:.8rem;margin:0 0 8px;overflow-x:auto;padding:10px 12px;white-space:pre}.u-background-var-p-neutral-900-border-radius-8px-b{background:var(--p-neutral-900);border:1px solid var(--p-neutral-700);border-radius:8px;max-width:500px;padding:1.5rem;width:90%}.u-border-bottom-none-padding-bottom-0{border-bottom:none;padding-bottom:0}.u-border-color-var-p-neutral-700-margin-16px-0{border-color:var(--p-neutral-700);margin:16px 0}.u-border-radius-4px-height-32px-width-100{border-radius:4px;height:32px;width:100%}.u-border-top-1px-solid-rgba-145-158-222-0-2-flex-1{border-top:1px solid rgba(145,158,222,.2);flex:1;overflow-y:auto;padding:0 16px}.u-border-top-1px-solid-var-border-color-var-p-neut{border-top:1px solid var(--border-color,var(--p-neutral-800));padding:8px}.u-border-top-1px-solid-var-color-border-border-non{border:none;border-top:1px solid var(--color-border);margin:8px 0}.u-border-top-1px-solid-var-color-border-padding-to{border-top:1px solid var(--color-border);padding-top:12px}.u-border-top-none-margin-top-0-padding-top-0{border-top:none;margin-top:0;padding-top:0}.u-color-fca5a5-padding-1rem{color:#fca5a5;padding:1rem}.u-color-var-color-text-heading-font-size-15px-marg{color:var(--color-text-heading);font-size:15px;margin:0 0 12px}.u-color-var-color-text-heading-font-size-15px-marg-2{color:var(--color-text-heading);font-size:15px;margin:0}.u-color-var-color-text-secondary-font-size-13px{color:var(--color-text-secondary);font-size:13px}.u-color-var-p-neutral-200{color:var(--p-neutral-200)}.u-color-var-p-neutral-300{color:var(--p-neutral-300)}.u-color-var-p-neutral-300-flex-1-font-size-0-85rem{color:var(--p-neutral-300);flex:1;font-size:.85rem;margin-bottom:.75rem}.u-color-var-p-neutral-300-font-size-0-9rem{color:var(--p-neutral-300);font-size:.9rem}.u-color-var-p-neutral-300-font-size-0-9rem-margin-{color:var(--p-neutral-300);font-size:.9rem;margin:0 0 16px}.u-color-var-p-neutral-300-font-size-0-9rem-margin--2{color:var(--p-neutral-300);font-size:.9rem;margin:0 0 12px}.u-color-var-p-neutral-300-font-size-0-9rem-margin--3{color:var(--p-neutral-300);font-size:.9rem;margin:0 0 8px}.u-color-var-p-neutral-300-margin-bottom-0-75rem{color:var(--p-neutral-300);margin-bottom:.75rem}.u-color-var-p-neutral-300-margin-bottom-1rem{color:var(--p-neutral-300);margin-bottom:1rem}.u-color-var-p-neutral-300-padding-1rem{color:var(--p-neutral-300);padding:1rem}.u-color-var-p-neutral-300-padding-40px-text-align-{color:var(--p-neutral-300);padding:40px;text-align:center}.u-color-var-p-neutral-500-font-size-0-75em{color:var(--p-neutral-500);font-size:.75em}.u-color-var-p-neutral-500-font-size-0-85rem-margin{color:var(--p-neutral-500);font-size:.85rem;margin-bottom:1rem}.u-color-var-p-neutral-500-font-size-0-85rem-margin-2{color:var(--p-neutral-500);font-size:.85rem;margin-bottom:.75rem}.u-color-var-p-neutral-500-font-size-0-8rem-margin-{color:var(--p-neutral-500);font-size:.8rem;margin:0 0 4px}.u-color-var-p-neutral-500-font-size-0-9rem{color:var(--p-neutral-500);font-size:.9rem}.u-color-var-p-neutral-500-font-size-12px-margin-to{color:var(--p-neutral-500);font-size:12px;margin-top:4px}.u-color-var-p-neutral-500-font-size-13px-padding-1{color:var(--p-neutral-500);font-size:13px;padding:16px;text-align:center}.u-color-var-p-neutral-500-padding-16px{color:var(--p-neutral-500);padding:16px}.u-color-var-p-neutral-500-padding-20px-text-align-{color:var(--p-neutral-500);padding:20px;text-align:center}.u-color-var-p-neutral-600-font-style-italic{color:var(--p-neutral-600);font-style:italic}.u-color-var-s-danger{color:var(--s-danger)}.u-color-var-s-danger-font-weight-600-min-width-14p{color:var(--s-danger);font-weight:600;min-width:14px}.u-color-var-s-danger-padding-0-75rem{color:var(--s-danger);padding:.75rem}.u-color-var-s-danger-padding-20px-text-align-cente{color:var(--s-danger);padding:20px;text-align:center}.u-color-var-s-success{color:var(--s-success)}.u-color-var-s-success-font-weight-600-min-width-14{color:var(--s-success);font-weight:600;min-width:14px}.u-color-var-s-text-font-family-var-s-font-code{color:var(--s-text);font-family:var(--s-font-code)}.u-color-var-s-text-margin-0-0-0-75rem-0{color:var(--s-text);margin:0 0 .75rem}.u-color-var-s-text-muted{color:var(--s-text-muted)}.u-color-var-s-text-muted-font-size-0-85em-margin-t{color:var(--s-text-muted);font-size:.85em;margin-top:.5rem}.u-color-var-s-text-muted-font-size-0-85rem{color:var(--s-text-muted);font-size:.85rem}.u-color-var-s-text-muted-font-size-0-85rem-margin-{color:var(--s-text-muted);font-size:.85rem;margin:0}.u-color-var-s-text-muted-font-size-0-85rem-margin--2{color:var(--s-text-muted);font-size:.85rem;margin-bottom:1rem}.u-color-var-s-text-muted-font-size-0-8rem-margin-t{color:var(--s-text-muted);font-size:.8rem;margin-top:.3rem}.u-color-var-s-text-muted-font-size-0-95rem{color:var(--s-text-muted);font-size:.95rem}.u-color-var-s-text-muted-font-size-0-9rem-line-hei{color:var(--s-text-muted);font-size:.9rem;line-height:1.6;margin:0 0 1rem;padding-left:1.25rem}.u-color-var-s-text-muted-font-weight-400,.u-color-var-s-text-muted-font-weight-normal{color:var(--s-text-muted);font-weight:400}.u-color-var-s-text-muted-padding-0-5rem{color:var(--s-text-muted);padding:.5rem}.u-color-var-s-warning{color:var(--s-warning)}.u-color-var-s-warning-font-size-0-8rem-margin-0{color:var(--s-warning);font-size:.8rem;margin:0}.u-color-var-s-warning-font-weight-600-min-width-14{color:var(--s-warning);font-weight:600;min-width:14px}.u-color-var-s-warning-margin-8px-0-0-0{color:var(--s-warning);margin:8px 0 0}.u-color-var-s-warning-margin-8px-0-0-26px{color:var(--s-warning);margin:8px 0 0 26px}.u-color-var-text-font-size-13px-font-weight-600-ma{color:var(--text);font-size:13px;font-weight:600;margin-bottom:4px}.u-color-var-text-muted{color:var(--text-muted)}.u-color-var-text-muted-font-size-11px{color:var(--text-muted);font-size:11px}.u-color-var-text-muted-font-size-13px{color:var(--text-muted);font-size:13px}.u-color-var-text-muted-font-size-13px-margin-botto{color:var(--text-muted);font-size:13px;margin-bottom:8px}.u-color-var-text-muted-text-decoration-line-throug{color:var(--text-muted);text-decoration:line-through}.u-color-var-text-secondary-var-p-neutral-300-font-{color:var(--text-secondary,var(--p-neutral-300));font-size:.8em;padding:4px 4px 8px}.u-flex-1{flex:1}.u-flex-1-margin-bottom-0{flex:1;margin-bottom:0}.u-flex-2{flex:2}.u-flex-shrink-0-padding-12px-24px{flex-shrink:0;padding:12px 24px}.u-font-size-0-75rem-padding-2px-8px-position-absol{font-size:.75rem;padding:2px 8px;position:absolute;right:6px;top:6px}.u-font-size-0-85em-width-100{font-size:.85em;width:100%}.u-font-size-0-85rem-margin-0-0-0-5rem-0{font-size:.85rem;margin:0 0 .5rem}.u-font-size-15px-margin-0-0-4px-0{font-size:15px;margin:0 0 4px}.u-font-size-18px-font-weight-700-margin-bottom-4px{font-size:18px;font-weight:700;margin-bottom:4px}.u-font-size-24px{font-size:24px}.u-font-variant-numeric-tabular-nums{font-variant-numeric:tabular-nums}.u-font-variant-numeric-tabular-nums-font-weight-60{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.u-font-weight-500-margin-bottom-0-5rem{font-weight:500;margin-bottom:.5rem}.u-font-weight-600{font-weight:600}.u-font-weight-600-margin-bottom-0-25rem{font-weight:600;margin-bottom:.25rem}.u-gap-0-5rem-justify-content-flex-end{gap:.5rem;justify-content:flex-end}.u-grid-template-columns-1fr-1fr{grid-template-columns:1fr 1fr}.u-height-72px{height:72px}.u-height-auto-padding-24px-0{height:auto;padding:24px 0}.u-margin-0{margin:0}.u-margin-0-auto{margin:0 auto}.u-margin-bottom-0{margin-bottom:0}.u-margin-bottom-0-75rem-margin-top-1rem{margin-bottom:.75rem;margin-top:1rem}.u-margin-bottom-1-25rem{margin-bottom:1.25rem}.u-margin-bottom-1-5rem{margin-bottom:1.5rem}.u-margin-bottom-12px{margin-bottom:12px}.u-margin-bottom-16px{margin-bottom:16px}.u-margin-bottom-8px{margin-bottom:8px}.u-margin-left-6px{margin-left:6px}.u-margin-top-0{margin-top:0}.u-margin-top-0-padding-0-0-0-5rem-0{margin-top:0;padding:0 0 .5rem}.u-margin-top-12px{margin-top:12px}.u-margin-top-16px{margin-top:16px}.u-margin-top-2rem{margin-top:2rem}.u-margin-top-4px{margin-top:4px}.u-margin-top-8px{margin-top:8px}.u-max-height-200px-overflow-y-auto{max-height:200px;overflow-y:auto}.u-max-height-60vh-overflow-y-auto{max-height:60vh;overflow-y:auto}.u-max-height-70vh-overflow-y-auto{max-height:70vh;overflow-y:auto}.u-max-width-540px{max-width:540px}.u-max-width-560px{max-width:560px}.u-max-width-640px{max-width:640px}.u-min-width-0{min-width:0}.u-min-width-160px-text-align-left{min-width:160px;text-align:left}.u-overflow-x-auto{overflow-x:auto}.u-position-relative{position:relative}.u-text-align-center{text-align:center}.u-transition-transform-0-15s{transition:transform .15s}.u-visibility-hidden{visibility:hidden}.u-white-space-nowrap{white-space:nowrap}.u-width-0{width:0}.u-width-100{width:100%}.u-width-100px{width:100px}.u-width-36px{width:36px}.u-width-48px{width:48px}.u-word-break-break-all{word-break:break-all}.badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px}.badge-info{background:rgba(59,130,246,.2);color:var(--s-info)}.badge-secondary{background:rgba(100,116,139,.2);color:var(--p-neutral-300)}.badge-warning{background:rgba(245,158,11,.2);color:var(--s-warning)}.badge-success{background:rgba(34,197,94,.2);color:var(--s-success)}.badge-danger{background:rgba(239,68,68,.2);color:var(--s-danger)}.badge-purple{background:rgba(168,85,247,.2);color:#c084fc}.health-check-indicator{animation:pulse-dot-fade 2s ease-in-out infinite;color:var(--s-warning);display:inline-block;margin-left:4px}@keyframes pulse-dot-fade{0%,to{opacity:.4}50%{opacity:1}}.loading-overlay{align-items:center;backdrop-filter:blur(8px);background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-content{color:var(--s-text);max-width:800px;padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.2);border-radius:50%;border-top:4px solid var(--p-vista-blue);height:60px;margin:0 auto 2rem;width:60px}.loading-text{animation:pulse 2s ease-in-out infinite;font-size:1rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.preview-trace-panel[hidden]{display:none}.preview-trace-panel{background:var(--s-surface-1);border:1px solid var(--s-border);border-radius:var(--p-radius-lg);bottom:var(--p-space-lg);box-shadow:var(--s-shadow-lg);color:var(--s-text);display:flex;flex-direction:column;font-size:var(--p-text-sm);max-height:45vh;overflow:hidden;position:fixed;right:var(--p-space-lg);width:320px;z-index:var(--p-z-overlay)}.preview-trace-panel__head{align-items:center;background:var(--s-surface-2);border-bottom:1px solid var(--s-border);display:flex;justify-content:space-between;padding:var(--p-space-sm) var(--p-space-md)}.preview-trace-panel__clear{background:none;border:none;color:var(--s-text-muted);cursor:pointer;font-size:var(--p-text-sm)}.preview-trace-panel__list{flex:1;font-family:ui-monospace,Menlo,monospace;overflow:auto;padding:var(--p-space-xs) var(--p-space-md)}.preview-trace-row{padding:1px 0}.preview-trace-row__status--ok{color:var(--s-accent)}.preview-trace-row__status--bad{color:var(--s-danger)}.preview-trace-empty,.preview-trace-row__status--muted{color:var(--s-text-muted)}.preview-trace-banner{background:var(--s-surface-3);border-bottom:1px solid var(--s-border);padding:var(--p-space-sm) var(--p-space-md)}.preview-trace-update{background:var(--s-warning);border:none;border-radius:var(--p-radius-md);color:var(--s-surface-0);cursor:pointer;font-weight:var(--p-weight-semibold);margin-left:var(--p-space-sm);padding:2px var(--p-space-sm)}.preview-testfire{align-items:center;border-bottom:1px solid var(--s-border);display:flex;flex-wrap:wrap;gap:var(--p-space-xs);padding:var(--p-space-sm) var(--p-space-md)}.preview-testfire__title{color:var(--s-text-muted);font-size:var(--p-text-sm);width:100%}.preview-testfire__btn{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:var(--p-radius-md);color:var(--s-text);cursor:pointer;font-size:var(--p-text-sm);padding:2px var(--p-space-sm)}.fleet-page{margin:0 auto;max-width:var(--s-container-xl);padding:var(--p-space-lg)}.fleet-forbidden{color:var(--s-text-muted);padding:var(--p-space-xl);text-align:center}.fleet-forbidden h2{color:var(--s-text-heading);margin-bottom:var(--p-space-sm)}.fleet-toolbar{align-items:center;justify-content:space-between;margin-bottom:var(--p-space-md)}.fleet-summary,.fleet-toolbar{display:flex;flex-wrap:wrap;gap:var(--p-space-md)}.fleet-stat{color:var(--s-text);font-weight:var(--p-weight-semibold)}.fleet-stat.is-down{color:var(--s-danger)}.fleet-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--p-space-sm)}.fleet-checked{color:var(--s-text-muted);font-size:var(--p-text-sm)}.fleet-table-wrap{border:1px solid var(--s-border);border-radius:var(--p-radius-lg);overflow-x:auto}.fleet-table{border-collapse:collapse;font-size:var(--p-text-sm);width:100%}.fleet-table td,.fleet-table th{border-bottom:1px solid var(--s-border-subtle);padding:var(--p-space-sm) var(--p-space-md);text-align:left;vertical-align:top;white-space:nowrap}.fleet-table th{color:var(--s-text-muted);font-weight:var(--p-weight-semibold)}.fleet-table tr:last-child td{border-bottom:none}.fleet-empty{color:var(--s-text-muted);padding:var(--p-space-xl);text-align:center}.fleet-app-link{color:var(--s-text-link);font-weight:var(--p-weight-semibold);text-decoration:none}.fleet-app-link:hover{color:var(--s-text-link-hover)}.fleet-sub{color:var(--s-text-muted);font-size:var(--p-text-sm);margin-top:2px;white-space:normal}.fleet-mono{font-family:var(--s-font-code)}.fleet-swap{color:var(--s-warning)}.fleet-pill{border-radius:var(--p-radius-pill);display:inline-block;font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);padding:2px var(--p-space-sm)}.fleet-pill.is-ok{background:var(--s-success-muted);color:var(--s-success)}.fleet-pill.is-warn{background:var(--s-warning-muted);color:var(--s-warning)}.fleet-pill.is-down{background:var(--s-danger-muted);color:var(--s-danger)}.fleet-pill.is-muted{background:var(--s-surface-2);color:var(--s-text-muted)}.fleet-hidden{display:none}.fleet-roll-panel{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:var(--p-radius-lg);margin-bottom:var(--p-space-md);padding:var(--p-space-md)}.fleet-roll-row{align-items:center;color:var(--s-text);display:flex;flex-wrap:wrap;font-size:var(--p-text-sm);gap:var(--p-space-md)}.fleet-roll-row code{color:var(--s-text-muted);font-family:var(--s-font-code)}.theme-scheme-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--p-space-sm);margin-bottom:var(--p-space-sm)}.theme-scheme-field{color:var(--s-text-muted);display:flex;flex-direction:column;font-size:var(--p-text-sm);gap:var(--p-space-2xs)}.theme-scheme-field[hidden]{display:none}.theme-scheme-help{color:var(--s-text-muted);flex-basis:100%;font-size:var(--p-text-sm);margin:0}.fleet-job-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--p-space-sm)}.fleet-job-field[hidden]{display:none}.fleet-job-field{color:var(--s-text-muted);display:flex;flex-direction:column;font-size:var(--p-text-sm);gap:var(--p-space-2xs)}.fleet-job-field input,.fleet-job-field select{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:var(--p-radius-md);color:var(--s-text);font-family:inherit;font-size:var(--p-text-sm);min-width:220px;padding:var(--p-space-xs) var(--p-space-sm)}.fleet-job-status-list{margin:var(--p-space-xs) 0 0;padding-left:var(--p-space-lg)}.fleet-signin{display:flex;flex-wrap:wrap;gap:var(--p-space-sm);justify-content:center;margin-top:var(--p-space-md)}.fleet-signin input{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:var(--p-radius-md);color:var(--s-text);font-family:inherit;min-width:220px;padding:var(--p-space-xs) var(--p-space-sm)}.fleet-signin-error{color:var(--s-danger)}.pattern-tile .tile-glyph{color:var(--p-sunset)}.pattern-monogram{background:var(--p-sunset);color:var(--s-bg)}.pattern-tile-editing{outline:2px solid var(--s-accent);outline-offset:-2px}.pattern-edit-banner{align-items:center;background:var(--s-info-muted);border-block-end:1px solid var(--s-accent);display:flex;flex:0 0 auto;font-size:.875rem;gap:.75rem;padding:.5rem 1rem}.pattern-edit-banner .pattern-edit-text{flex:1 1 auto}.pattern-edit-banner .pattern-edit-icon{color:var(--s-accent);display:inline-flex}.pattern-slot-list{display:flex;flex-direction:column;gap:.25rem;margin-block-start:.5rem}.pattern-slot-row{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.375rem .5rem}.pattern-slot-row:hover{background:var(--s-hover)}.pattern-slot-name{font-weight:500}.pattern-slot-note{color:var(--s-text-muted);font-size:.8125rem;margin-inline-start:auto}.pattern-delete-blocked{color:var(--s-danger)}.pattern-field-spaced{margin-block-start:1rem}.pattern-field-hint{margin-block-start:0}.sd-config-popover{background:var(--s-surface-1);border:1px solid var(--s-border);border-radius:var(--p-radius-lg);box-shadow:var(--s-shadow-lg);inline-size:300px;max-block-size:min(60vh,520px);overflow:auto;padding:10px 12px 12px;position:fixed;z-index:1200}.sd-config-head{color:var(--s-text-muted);font-size:var(--p-text-sm);margin-block-end:8px}.theme-list{display:flex;flex-direction:column;gap:.25rem}.theme-list-row{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.25rem .375rem}.theme-list-row:hover{background:var(--s-hover)}.theme-options{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}.theme-options .bundle-option{padding:.65rem .75rem;text-align:left}.theme-options .bundle-name{font-size:.9rem;margin-bottom:0}.theme-options .bundle-specs{font-size:.75rem;margin-top:.15rem}.theme-presets{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.row-inline{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.theme-layout{align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0,16rem) minmax(0,1fr)}.theme-preview{background:var(--s-surface-0);border:1px solid var(--p-neutral-700);border-radius:10px;overflow:hidden;position:sticky;top:1rem}.theme-preview iframe{block-size:34rem;border:0;display:block;inline-size:100%}.theme-preview-bar{align-items:center;border-block-end:1px solid var(--p-neutral-700);display:flex;justify-content:space-between;padding:.5rem .75rem}.theme-preview-label{color:var(--p-neutral-400);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.theme-scheme-toggle{border:1px solid var(--p-neutral-700);border-radius:6px;display:inline-flex;overflow:hidden}.scheme-opt{appearance:none;background:transparent;border:0;color:var(--p-neutral-300);cursor:pointer;font-size:.78rem;padding:.3rem .7rem}.scheme-opt.selected{background:var(--p-neutral-700);color:var(--p-neutral-100)}.theme-group-label{border-block-end:1px solid var(--p-neutral-800);color:var(--p-neutral-500);font-size:.68rem;font-weight:700;letter-spacing:.09em;margin-block:1.1rem .5rem;padding-block-end:.3rem;text-transform:uppercase}.theme-group-label:first-child{margin-block-start:0}.theme-options.theme-disabled{opacity:.4;pointer-events:none}.theme-controls .bundle-grid.theme-options{gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(4.4rem,1fr))}.theme-controls .theme-option{padding:.55rem .25rem}.theme-controls .theme-option .bundle-name{font-size:.7rem;font-weight:500}.theme-controls .theme-icon{block-size:1.6rem;inline-size:1.6rem;margin-block-end:.4rem}.theme-controls .li-aa{font-size:1.05rem;line-height:1.6rem;min-inline-size:1.6rem}@media (max-width:900px){.theme-layout{grid-template-columns:minmax(0,1fr)}.theme-preview{position:static}.theme-preview iframe{block-size:22rem}}.token-kind-note{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:8px;color:var(--s-text-muted);font-size:.8rem;line-height:1.5;margin-bottom:.75rem;padding:.75rem .85rem}.token-item.token-locked{cursor:default;opacity:.85}.token-item.token-locked:hover{background:none;border-color:var(--s-border)}.token-group.is-locked .token-group-header{cursor:pointer}.confirm-prompt-label{color:var(--s-text-muted);display:block;font-size:.85rem;margin:1rem 0 .35rem}.confirm-prompt-input{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:6px;color:var(--s-text);font:inherit;font-size:.9rem;inline-size:100%;padding:.6rem .7rem;resize:vertical}.confirm-prompt-input:focus{outline:2px solid var(--s-accent,var(--p-vista-blue));outline-offset:1px}.confirm-prompt-input.is-empty{border-color:var(--s-danger)}cc-sidebar-item.tab-locked{opacity:.55}cc-sidebar-item.tab-locked .tab-lock-icon{block-size:.85rem;flex:0 0 auto;inline-size:.85rem;margin-inline-start:auto;opacity:.8}cc-sidebar-item.tab-locked:hover{cursor:pointer;opacity:.75}.knowledge-provenance{color:var(--s-text-muted);font-size:.8rem;margin:0 0 .75rem}.knowledge-summary h4{font-size:.95rem;margin:1rem 0 .35rem}.knowledge-summary p{line-height:1.6;margin:0 0 .6rem}.knowledge-summary li{line-height:1.6;margin-inline-start:1.1rem}.knowledge-summary li.is-nested{list-style-type:circle;margin-inline-start:2.4rem}.knowledge-summary code{color:var(--s-accent);font-family:var(--s-font-code,ui-monospace,monospace);font-size:.85em}.knowledge-notes-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.knowledge-note{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:8px;padding:.75rem .85rem}.knowledge-note.is-superseded{opacity:.6}.knowledge-note-head{align-items:center;display:flex;gap:.6rem;margin-bottom:.4rem}.knowledge-note-key{color:var(--s-accent);font-family:ui-monospace,monospace;font-size:.8rem}.knowledge-note-meta{color:var(--s-text-muted);font-size:.75rem}.knowledge-note-history{background:none;border:1px solid var(--s-border);border-radius:5px;color:var(--s-text-muted);cursor:pointer;font-size:.72rem;margin-inline-start:auto;padding:.15rem .5rem}.knowledge-note-body{font-size:.9rem;line-height:1.55}.knowledge-search-input{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:6px;color:var(--s-text);font:inherit;font-size:.9rem;inline-size:100%;margin-bottom:1rem;padding:.55rem .7rem}.knowledge-release{border-inline-start:3px solid var(--s-border);margin-bottom:.75rem;padding:.75rem .85rem}.knowledge-release--restore,.knowledge-release--rollback{border-inline-start-color:var(--s-warning)}.knowledge-release-head{align-items:center;display:flex;gap:.6rem;margin-bottom:.3rem}.knowledge-release-type{color:var(--s-text-muted);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.knowledge-release-summary{font-size:.9rem;margin-bottom:.2rem}.knowledge-release-why{color:var(--s-text-muted);font-size:.85rem;line-height:1.5}.knowledge-release-discarded{color:var(--s-warning);font-size:.8rem;margin-top:.3rem}.theme-options{--wiz-white:#fff;--wiz-ink:#64748b;--wiz-warm:#d97706;--wiz-cool:#2563eb;--wiz-brand:#00857a;--wiz-shade:rgba(0,0,0,.85);--wiz-glass-a:#7dd3fc;--wiz-glass-b:#f0abfc;--wiz-line:rgba(148,163,184,.75)}.theme-options .theme-option{padding-block:.85rem;text-align:center}.theme-icon{block-size:2rem;display:block;inline-size:2rem;margin:0 auto .55rem}.li-chip{background:var(--wiz-white);border:1px solid color-mix(in oklab,var(--wiz-white) 55%,transparent);border-radius:6px}.li-frame{background:transparent;border:1px solid var(--wiz-line);border-radius:6px}.li-aa{color:var(--p-neutral-100);font-size:1.25rem;font-weight:400;inline-size:auto;line-height:2rem;min-inline-size:2rem}.li-glass{background:linear-gradient(135deg,var(--wiz-glass-a),var(--wiz-glass-b));border-radius:6px;overflow:hidden;position:relative}.li-glass-pane{backdrop-filter:blur(2px);background:color-mix(in srgb,var(--wiz-white) 45%,transparent);block-size:18px;border:1px solid color-mix(in srgb,var(--wiz-white) 70%,transparent);border-radius:4px;inline-size:auto;inset:5px 3px auto 7px;margin:0;position:absolute}.theme-panel-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.75rem;overflow-y:auto;padding:0 .9rem 5.5rem}.theme-panel-note{color:var(--p-neutral-400);font-size:.75rem;line-height:1.45;padding-block-start:.25rem}.theme-panel-actions{background:var(--s-surface-1,var(--p-oxford-blue));border-block-start:1px solid var(--p-neutral-800);bottom:0;display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 0;position:sticky}.theme-subtabs{border-block-end:1px solid var(--p-neutral-800);display:flex;gap:.25rem;padding:0 .9rem .6rem}.theme-subtab{align-items:center;appearance:none;background:transparent;border:0;border-radius:6px;color:var(--p-neutral-400);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.35rem;padding:.35rem .6rem}.theme-subtab.active{background:var(--p-neutral-800);color:var(--p-neutral-100)}.drift-badge{align-items:center;background:var(--s-warning);block-size:1.1rem;border-radius:999px;color:var(--p-neutral-900);display:inline-flex;font-size:.65rem;font-weight:700;justify-content:center;min-inline-size:1.1rem;padding:0 .25rem}.theme-drift-warning{background:color-mix(in srgb,var(--s-warning) 12%,transparent);border:1px solid var(--s-warning);border-radius:8px;color:var(--p-neutral-200);font-size:.75rem;line-height:1.45;padding:.6rem .7rem}.drift-row{align-items:center;border-block-end:1px solid var(--p-neutral-800);display:flex;gap:.5rem;justify-content:space-between;padding:.45rem 0}.drift-row-main{display:flex;flex-direction:column;gap:.1rem;min-inline-size:0}.drift-row-name{color:var(--p-neutral-100);font-size:.8rem}.drift-row-detail{color:var(--p-neutral-400);font-family:ui-monospace,monospace;font-size:.7rem}.drift-reset-btn{flex:0 0 auto}.fluid-row{margin-block-start:.75rem}.fluid-toggle{align-items:center;color:var(--p-neutral-300);cursor:pointer;display:inline-flex;font-size:.8125rem;gap:.5rem;user-select:none}.fluid-toggle input{accent-color:var(--s-accent);block-size:.875rem;cursor:pointer;inline-size:.875rem}#token-fluid-fields{margin-block-start:.5rem}#token-fluid-fields .input-with-unit{display:flex;gap:0}#token-fluid-fields .input-with-unit input{border-end-end-radius:0;border-start-end-radius:0;flex:1;min-inline-size:0}.unit-static{align-items:center;background:var(--p-neutral-800);border:1px solid var(--p-neutral-700);border-end-end-radius:.375rem;border-inline-start:0;border-start-end-radius:.375rem;display:inline-flex;font-size:.8125rem;padding-inline:.5rem}.field-hint,.unit-static{color:var(--p-neutral-400)}.field-hint{font-size:.75rem;line-height:1.4;margin:.375rem 0 0}.text-slot-panel .text-slot-body{padding:.75rem}.text-slot-input{font:inherit;inline-size:100%;line-height:1.5;min-block-size:3.5rem;resize:vertical}.text-slot-panel .slot-panel-kind{text-transform:none}.audit-badge{background:var(--s-danger);border-radius:var(--p-radius-full);color:var(--s-text-inverse);display:inline-block;font-size:var(--p-text-sm);font-weight:var(--p-weight-semibold);line-height:1.25rem;margin-inline-start:var(--p-space-2xs);min-width:1.25rem;padding:0 .3rem;text-align:center}.audit-card{background:var(--s-surface-1);border:1px solid var(--s-border);border-radius:var(--p-radius-xl);margin-bottom:var(--p-space-md);padding:var(--p-space-md) var(--p-space-lg)}.audit-card-head{align-items:center;display:flex;gap:var(--p-space-sm);justify-content:space-between;margin-bottom:var(--p-space-sm)}.audit-body{color:var(--s-text);font-size:var(--p-text-base)}.audit-totals{color:var(--s-text-muted);margin-bottom:var(--p-space-sm)}.audit-pages{display:flex;flex-direction:column;margin-bottom:var(--p-space-md)}.audit-page-row{border-bottom:1px solid var(--s-border-subtle);border-radius:var(--p-radius-md);cursor:pointer;display:flex;gap:var(--p-space-md);justify-content:space-between;padding:var(--p-space-xs) var(--p-space-sm)}.audit-page-row:hover{background:var(--s-hover)}.audit-page-path{color:var(--s-text-heading);font-family:var(--s-font-code)}.audit-page-counts{color:var(--s-text-muted);white-space:nowrap}.audit-page-findings{border-bottom:1px solid var(--s-border-subtle);padding:var(--p-space-sm) 0 var(--p-space-md) var(--p-space-lg)}.audit-section-title{color:var(--s-text-heading);font-weight:var(--p-weight-semibold);margin:var(--p-space-md) 0 var(--p-space-xs)}.audit-group{margin-bottom:var(--p-space-md)}.audit-group-title{color:var(--s-text-heading);font-weight:var(--p-weight-semibold);margin-bottom:var(--p-space-xs)}.audit-group-count{color:var(--s-text-muted);font-weight:var(--p-weight-normal,400);margin-left:var(--p-space-2xs)}.audit-finding{border-radius:var(--p-radius-md);display:block;padding:var(--p-space-sm) var(--p-space-sm)}.audit-finding+.audit-finding{border-top:1px solid var(--s-border-subtle)}.audit-finding-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--p-space-sm);margin-bottom:var(--p-space-2xs)}.audit-title{color:var(--s-accent);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold)}.audit-callout{margin-bottom:var(--p-space-md)}.audit-finding[role=button]{cursor:pointer}.audit-finding[role=button]:hover{background:var(--s-hover)}.audit-msg{color:var(--s-text);min-width:0;overflow-wrap:anywhere}.audit-sev{background:var(--s-info-muted);border-radius:var(--p-radius-sm);color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-medium);letter-spacing:.04em;padding:0 var(--p-space-xs);text-transform:uppercase}.audit-error .audit-sev{background:var(--s-danger-muted);color:var(--s-danger)}.audit-warn .audit-sev{background:var(--s-warning-muted);color:var(--s-warning)}.audit-id{font-family:var(--s-font-code);white-space:nowrap}.audit-fix,.audit-id{color:var(--s-text-muted);font-size:var(--p-text-sm)}.audit-fix{display:block;margin-top:var(--p-space-2xs)}.audit-fix:before{color:var(--s-success);content:"Fix: ";font-weight:var(--p-weight-medium)}.audit-instance{color:var(--s-text-disabled);font-family:var(--s-font-code);font-size:var(--p-text-sm);margin-left:auto}.audit-empty{color:var(--s-text-muted);padding:var(--p-space-xs) 0}.is-hidden{display:none}.inbox-filters{display:flex;flex-wrap:wrap;gap:var(--p-space-md);margin-bottom:var(--p-space-md)}.inbox-filter-group{display:flex;flex-wrap:wrap;gap:var(--p-space-xs)}.inbox-layout{align-items:start;display:grid;gap:var(--p-space-lg);grid-template-columns:minmax(16rem,2fr) 3fr}@media (max-width:900px){.inbox-layout{grid-template-columns:1fr}}.inbox-list{border:1px solid var(--s-border-subtle);border-radius:var(--p-radius-md);display:flex;flex-direction:column;overflow:hidden}.inbox-row{border-bottom:1px solid var(--s-border-subtle);color:var(--s-text);cursor:pointer;display:flex;gap:var(--p-space-sm);padding:var(--p-space-sm) var(--p-space-md)}.inbox-row:last-child{border-bottom:none}.inbox-row:hover{background:var(--s-hover)}.inbox-row:focus-visible{outline:var(--s-focus-ring);outline-offset:-2px}.inbox-row.is-selected{background:var(--s-hover);box-shadow:inset 3px 0 0 var(--s-accent)}.inbox-row-main{flex:1;min-width:0}.inbox-row-top{display:flex;gap:var(--p-space-sm);justify-content:space-between}.inbox-row-from{color:var(--s-text-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-row.is-unread .inbox-row-from,.inbox-row.is-unread .inbox-row-subject{font-weight:var(--p-weight-semibold)}.inbox-row-when{color:var(--s-text-muted);font-size:var(--p-text-sm);white-space:nowrap}.inbox-row-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-row-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--p-space-xs);margin-top:var(--p-space-xs)}.inbox-row-meta:empty{display:none}.inbox-row-count{color:var(--s-text-muted);font-size:var(--p-text-sm)}.inbox-item{border:1px solid var(--s-border-subtle);border-radius:var(--p-radius-md);color:var(--s-text);padding:var(--p-space-md)}.inbox-item-head{align-items:flex-start;display:flex;gap:var(--p-space-md);justify-content:space-between}.inbox-item-subject{margin:0 0 var(--p-space-sm)}.inbox-item-badges{display:flex;flex-shrink:0;gap:var(--p-space-xs)}.inbox-item-meta{color:var(--s-text-muted);display:flex;flex-direction:column;font-size:var(--p-text-sm);gap:var(--p-space-xs);margin-bottom:var(--p-space-md)}.inbox-item-k{color:var(--s-text-muted);display:inline-block;min-width:5rem}.inbox-fields{display:flex;flex-direction:column;gap:var(--p-space-sm);margin-bottom:var(--p-space-md)}.inbox-field{display:grid;gap:var(--p-space-sm);grid-template-columns:minmax(6rem,10rem) 1fr}.inbox-field-name{color:var(--s-text-muted);font-size:var(--p-text-sm);word-break:break-word}.inbox-field-value{white-space:pre-wrap;word-break:break-word}.inbox-item-label{align-items:flex-end;display:flex;gap:var(--p-space-sm);margin-bottom:var(--p-space-md)}.inbox-item-label cc-field{flex:1}.inbox-item-actions{display:flex;flex-wrap:wrap;gap:var(--p-space-xs)}.inbox-empty{color:var(--s-text-muted);padding:var(--p-space-sm) var(--p-space-md)}.inbox-recipients{display:flex;flex-direction:column;gap:var(--p-space-xs);margin:var(--p-space-md) 0}.inbox-recipient{align-items:center;display:flex;gap:var(--p-space-sm)}.inbox-recipient-email{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.inbox-recipient-add cc-field{flex:1}.inbox-item-body{margin-bottom:var(--p-space-md);white-space:pre-wrap;word-break:break-word}.inbox-item-tags{display:flex;flex-wrap:wrap;gap:var(--p-space-xs);margin-bottom:var(--p-space-sm)}.inbox-item-tags:empty{display:none}.inbox-tag{align-items:center;border:1px solid var(--s-border-subtle);border-radius:var(--p-radius-md);color:var(--s-text);display:inline-flex;font-size:var(--p-text-sm);gap:var(--p-space-2xs,2px);padding:0 var(--p-space-xs)}.inbox-tag-remove{background:none;border:0;color:var(--s-text-muted);cursor:pointer;display:inline-flex;padding:0}.inbox-tag-remove:hover{color:var(--s-text)}.inbox-tag-remove:focus-visible{outline:var(--s-focus-ring)}.inbox-request{border:1px solid var(--s-border-subtle);border-radius:var(--p-radius-md);display:flex;flex-direction:column;gap:var(--p-space-sm);margin-bottom:var(--p-space-md);padding:var(--p-space-md)}.inbox-request-state{align-items:center;display:flex;gap:var(--p-space-sm)}.inbox-request-plan ul{margin:var(--p-space-xs) 0 0;padding-left:var(--p-space-lg)}.inbox-request-form{display:flex;flex-direction:column;gap:var(--p-space-sm)}.inbox-notify-kinds{margin:var(--p-space-sm) 0 0 var(--p-space-lg)}.inbox-attachments,.inbox-notify-kinds{display:flex;flex-direction:column;gap:var(--p-space-xs)}.inbox-attachments{font-size:var(--p-text-sm);list-style:none;margin:0 0 var(--p-space-md);padding:0}.inbox-attachment{align-items:center;display:inline-flex;gap:var(--p-space-xs)}.inbox-attachment:not([href]){color:var(--s-text-muted)}.inbox-thread{display:flex;flex-direction:column;gap:var(--p-space-sm);margin-bottom:var(--p-space-md)}.inbox-thread:empty{display:none}.inbox-thread-h{color:var(--s-text-muted);font-size:var(--p-text-sm)}.inbox-thread-msg{border-left:2px solid var(--s-border-subtle);padding:var(--p-space-xs) var(--p-space-sm)}.inbox-thread-msg.is-out{border-left-color:var(--s-info)}.inbox-thread-msg.is-self{border-left-color:var(--s-text)}.inbox-thread-meta{color:var(--s-text-muted);font-size:var(--p-text-sm);margin-bottom:var(--p-space-2xs,2px)}.inbox-thread-text{max-height:12rem;overflow:auto;white-space:pre-wrap;word-break:break-word}.inbox-reply{display:flex;flex-direction:column;gap:var(--p-space-sm);margin-bottom:var(--p-space-md)}.email-receiving-domains{display:flex;flex-wrap:wrap;gap:var(--p-space-xs);margin-bottom:var(--p-space-sm)}.email-receiving-domain{word-break:break-all}.email-blocklist{display:flex;flex-wrap:wrap;gap:var(--p-space-xs);margin-bottom:var(--p-space-sm)}.email-block-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--p-space-sm)}.email-block-form cc-field{flex:1;min-width:14rem}.cname-status.is-pending{color:var(--s-warning)}.cname-status.is-verified{color:var(--s-success)}.ai-runs-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--p-space-sm);justify-content:space-between;margin-bottom:var(--p-space-sm)}.ai-runs-spend{color:var(--s-text-muted);font-size:var(--p-text-sm);margin-bottom:var(--p-space-md)}.ai-runs-spend:empty{display:none}.ai-run-error{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-run-error,.ai-run-h{color:var(--s-text-muted);font-size:var(--p-text-sm)}.ai-run-h{margin:var(--p-space-md) 0 var(--p-space-xs)}.ai-run-pre{background:var(--s-hover);border:1px solid var(--s-border-subtle);border-radius:var(--p-radius-md);font-family:var(--s-font-code);font-size:var(--p-text-sm);margin:0;max-height:24rem;overflow:auto;padding:var(--p-space-sm);white-space:pre-wrap;word-break:break-word}.ai-run-sources{display:flex;flex-direction:column;gap:var(--p-space-xs);margin:0;padding-left:var(--p-space-lg);word-break:break-all}#template-drawer,#templates-tab{display:none}.template-intro{color:var(--s-text-muted);font-size:12px;line-height:1.5;padding:0 var(--p-space-md) var(--p-space-sm)}.template-families{padding:0 var(--p-space-md) var(--p-space-lg)}.template-empty{color:var(--s-text-muted);font-size:12px;padding:var(--p-space-md)}.template-family+.template-family{margin-top:var(--p-space-lg)}.template-family-name{color:var(--s-text);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.template-family-desc{color:var(--s-text-muted);font-size:12px;line-height:1.45;margin:2px 0 var(--p-space-sm)}.template-cards{gap:var(--p-space-xs)}.template-card,.template-cards{display:flex;flex-direction:column}.template-card{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:var(--p-radius-md);color:var(--s-text);cursor:pointer;gap:2px;padding:var(--p-space-sm);text-align:left;transition:border-color var(--s-transition-base),background var(--s-transition-base);width:100%}.template-card:hover{background:var(--s-surface-1);border-color:var(--s-border-glow)}.template-card-name{font-size:13px;font-weight:600}.template-card-summary{color:var(--s-text-muted);font-size:12px;line-height:1.4}.template-drawer-title{color:var(--s-text);font-size:13px;font-weight:600}.template-drawer-summary{color:var(--s-text-muted);font-size:12px;margin-left:var(--p-space-sm)}.topbar-btn-label{font-size:12px;font-weight:600;padding:0 var(--p-space-md);width:auto}.template-drawer-body{display:flex;flex:1;min-height:0}.template-drawer-rail{background:var(--s-surface-1);border-right:1px solid var(--s-border);flex-shrink:0;overflow-y:auto;padding:var(--p-space-md);width:320px}.template-drawer-stage{background:var(--s-surface-0);display:flex;flex:1;min-width:0;overflow:auto}.template-drawer-stage pb-preview{flex:1;min-width:0}.template-drawer-error{background:var(--s-danger-muted);border-radius:var(--p-radius-md);color:var(--s-danger);font-size:12px;line-height:1.45;margin-bottom:var(--p-space-md);padding:var(--p-space-sm)}.template-option-rule{color:var(--s-text-muted);font-size:11px;letter-spacing:.04em;margin:var(--p-space-lg) 0 var(--p-space-sm);text-transform:uppercase}.template-option-rule,.template-styling{border-top:1px solid var(--s-border);padding-top:var(--p-space-sm)}.template-styling{margin-top:var(--p-space-lg)}.template-styling>summary{color:var(--s-text-muted);cursor:pointer;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.template-styling-body{margin-top:var(--p-space-sm)}.analytics-periods{display:flex;flex-wrap:wrap;gap:var(--p-space-xs);margin-bottom:var(--p-space-md)}.analytics-body[aria-busy=true]{opacity:.6}.analytics-empty,.analytics-none{color:var(--s-text-muted);padding:var(--p-space-md) 0}.analytics-stats{display:grid;gap:var(--p-space-md);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));margin-bottom:var(--p-space-lg)}.analytics-stat{background:var(--s-surface-1);border:1px solid var(--s-border-subtle);border-radius:var(--p-radius-md);padding:var(--p-space-md)}.analytics-stat-label{color:var(--s-text-muted);font-size:var(--p-text-sm)}.analytics-stat-value{color:var(--s-text-heading);font-size:1.75rem;font-weight:var(--p-weight-semibold);line-height:1.2;margin-top:var(--p-space-xs)}.analytics-stat-note{color:var(--s-text-muted);font-size:.75rem;margin-top:2px}.analytics-card{background:var(--s-surface-1);border:1px solid var(--s-border-subtle);border-radius:var(--p-radius-md);min-width:0;padding:var(--p-space-md)}.analytics-card h3{color:var(--s-text-heading);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold);margin:0 0 var(--p-space-sm)}.analytics-card h4{color:var(--s-text-muted);font-size:var(--p-text-sm);font-weight:var(--p-weight-medium);margin:var(--p-space-sm) 0 var(--p-space-xs)}.analytics-card h3+h4{margin-top:0}.analytics-stat[title]{cursor:help}.analytics-row-open{border-radius:var(--p-radius-md);cursor:pointer}.analytics-row-open:focus-visible .analytics-row-label,.analytics-row-open:hover .analytics-row-label{color:var(--s-text-heading);text-decoration:underline}.analytics-row-open:focus-visible{outline:2px solid var(--s-focus-ring,var(--s-accent));outline-offset:2px}.analytics-setup-card,.analytics-setup-list{margin-bottom:var(--p-space-md)}.analytics-setup-list{display:flex;flex-direction:column;gap:var(--p-space-sm)}.analytics-setup-row{align-items:center;display:grid;gap:var(--p-space-sm);grid-template-columns:1fr auto auto}.analytics-setup-row .text-muted{font-size:var(--p-text-sm)}.analytics-setup-stat{color:var(--s-text);font-size:var(--p-text-sm);font-variant-numeric:tabular-nums}.analytics-setup-form{align-items:end;display:grid;gap:var(--p-space-sm);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.analytics-setup-form>cc-button{justify-self:start}.analytics-funnel-form{grid-template-columns:1fr}.analytics-funnel-steps{display:flex;flex-direction:column;gap:var(--p-space-xs)}.analytics-funnel-step{align-items:end;display:grid;gap:var(--p-space-xs);grid-template-columns:10rem 1fr auto}.analytics-setup-error{color:var(--s-danger);font-size:var(--p-text-sm);margin:var(--p-space-xs) 0 0;min-height:1.2em}.analytics-funnel{border-top:1px solid var(--s-border-subtle);padding-top:var(--p-space-sm)}.analytics-funnel:first-child{border-top:0;padding-top:0}.analytics-funnel-result{color:var(--s-text-muted);display:flex;flex-direction:column;gap:var(--p-space-xs);list-style:none;margin:var(--p-space-sm) 0 0;padding:0}.analytics-funnel-step-result{align-items:baseline;column-gap:var(--p-space-sm);display:grid;grid-template-columns:1fr auto;row-gap:3px}.analytics-detail-table{border-collapse:collapse;font-size:var(--p-text-sm);font-variant-numeric:tabular-nums;margin:var(--p-space-xs) 0 var(--p-space-md);width:100%}.analytics-detail-table td,.analytics-detail-table th{border-bottom:1px solid var(--s-border-subtle);color:var(--s-text);padding:4px var(--p-space-sm) 4px 0;text-align:left}.analytics-detail-table th{color:var(--s-text-muted);font-weight:var(--p-weight-medium)}#analytics-detail h4{color:var(--s-text-muted);font-size:var(--p-text-sm);margin:var(--p-space-md) 0 var(--p-space-xs)}@media (max-width:640px){.analytics-funnel-step,.analytics-setup-row{grid-template-columns:1fr}}.analytics-optout-card{margin-bottom:var(--p-space-md)}.analytics-optout-list{color:var(--s-text);margin:0 0 var(--p-space-md);padding-left:var(--p-space-lg)}.analytics-optout-list li{line-height:1.5;margin-bottom:var(--p-space-xs)}.analytics-optout-link{align-items:center;background:var(--s-surface-2);border:1px solid var(--s-border-subtle);border-radius:var(--p-radius-md);display:flex;flex-wrap:wrap;gap:var(--p-space-sm);justify-content:space-between;margin-bottom:var(--p-space-sm);padding:var(--p-space-sm) var(--p-space-md)}.analytics-optout-link code{color:var(--s-text);overflow-wrap:anywhere}.legal-gate-docs{margin:var(--p-space-sm) 0 var(--p-space-md);padding-left:var(--p-space-lg)}.legal-gate-docs li{margin-bottom:var(--p-space-xs)}.legal-gate-error{color:var(--s-danger);font-size:var(--p-text-sm);margin:var(--p-space-xs) 0 0;min-height:1.2em}.privacy-notice-text{background:var(--s-surface-1);border:1px solid var(--s-border-subtle);border-radius:var(--p-radius-md);color:var(--s-text);max-height:50vh;overflow-y:auto;padding:var(--p-space-md);user-select:text}.privacy-notice-text h4{color:var(--s-text-heading);font-size:var(--p-text-base);margin:0 0 var(--p-space-sm)}.privacy-notice-text p{line-height:1.5;margin:0 0 var(--p-space-sm)}.privacy-notice-text p:last-child{margin-bottom:0}.analytics-card-wide{margin-bottom:var(--p-space-lg)}.analytics-grid-cards{display:grid;gap:var(--p-space-md);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.search-connect-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--p-space-sm);margin-bottom:var(--p-space-sm)}.search-section-title{color:var(--s-text-heading);font-size:var(--p-text-base);font-weight:var(--p-weight-semibold);margin:var(--p-space-lg) 0 var(--p-space-sm)}.search-keywords{display:grid;gap:var(--p-space-md);grid-template-columns:repeat(auto-fit,minmax(22rem,1fr))}.search-table-wrap{overflow-x:auto}.search-table{border-collapse:collapse;font-size:var(--p-text-sm);width:100%}.search-table th{border-bottom:1px solid var(--s-border);color:var(--s-text-muted);font-weight:var(--p-weight-medium);text-align:left}.search-table td,.search-table th{padding:var(--p-space-xs) var(--p-space-sm)}.search-table td{border-bottom:1px solid var(--s-border-subtle);overflow-wrap:anywhere}.search-footer{font-size:var(--p-text-sm);margin-top:var(--p-space-md)}.speed-pair{display:grid;gap:var(--p-space-md);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.speed-metrics{display:flex;flex-direction:column;gap:var(--p-space-xs);list-style:none;margin:0;padding:0}.speed-metric{align-items:center;display:grid;font-size:var(--p-text-sm);gap:var(--p-space-sm);grid-template-columns:1fr auto auto}.speed-metric-value{font-variant-numeric:tabular-nums;font-weight:var(--p-weight-medium)}.speed-rating{border:1px solid;border-radius:var(--p-radius-sm);font-size:var(--p-text-sm);padding:0 var(--p-space-xs)}.speed-rating.is-good{color:var(--s-success)}.speed-rating.is-needs-improvement{color:var(--s-warning)}.speed-rating.is-poor{color:var(--s-danger)}.analytics-chart-wrap{position:relative}.analytics-chart{display:block;max-width:100%}.analytics-grid{shape-rendering:crispEdges;stroke:var(--s-border);stroke-width:1}.analytics-axis{fill:var(--s-text-muted);font-size:11px;font-variant-numeric:tabular-nums}.analytics-line{fill:none;stroke:var(--s-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.analytics-area{fill:var(--s-accent);fill-opacity:.1;stroke:none}.analytics-dot,.analytics-hover-dot{fill:var(--s-accent);stroke:var(--s-surface-1);stroke-width:2}.analytics-crosshair{stroke:var(--s-text-muted);stroke-width:1}.analytics-hit{cursor:crosshair;fill:transparent}.analytics-tooltip{background:var(--s-surface-3);border:1px solid var(--s-border-subtle);border-radius:var(--p-radius-md);color:var(--s-text);font-size:var(--p-text-sm);padding:4px 8px;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.analytics-table{color:var(--s-text-muted);font-size:var(--p-text-sm);margin-top:var(--p-space-sm)}.analytics-table summary{cursor:pointer}.analytics-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;margin-top:var(--p-space-xs);width:100%}.analytics-table td,.analytics-table th{color:var(--s-text);padding:2px var(--p-space-sm) 2px 0;text-align:left}.analytics-list{display:flex;flex-direction:column;gap:var(--p-space-xs);list-style:none;margin:0;padding:0}.analytics-row{align-items:baseline;column-gap:var(--p-space-sm);display:grid;grid-template-columns:1fr auto;row-gap:3px}.analytics-row-label{color:var(--s-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-row-value{color:var(--s-text);font-variant-numeric:tabular-nums}.analytics-row-extra{color:var(--s-text-muted)}.analytics-row-bar{grid-column:1/-1;height:4px}.analytics-row-bar>span{background:var(--s-accent);border-radius:0 2px 2px 0;display:block;height:100%}.domains-form,.domains-form-group{display:flex;flex-direction:column;gap:var(--p-space-md)}.domains-form-group[hidden]{display:none}.domains-redeploy-list{margin:0 0 var(--p-space-md);padding-left:var(--p-space-lg)}.social-accounts{display:flex;flex-direction:column;gap:var(--p-space-xs);list-style:none;margin:0 0 var(--p-space-md);padding:0}.social-account{align-items:center;border-bottom:1px solid var(--s-border-subtle);display:flex;flex-wrap:wrap;gap:var(--p-space-sm);padding:var(--p-space-xs) 0}.social-account-name{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.social-account-issue{color:var(--s-warning);flex-basis:100%;font-size:var(--p-text-sm)}.social-attach-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--p-space-sm)}.social-compose{display:flex;flex-direction:column;gap:var(--p-space-sm)}.social-compose-count{font-size:var(--p-text-sm);margin:0;text-align:right}.social-compose-count.is-over{color:var(--s-danger)}.social-compose-accounts{display:flex;flex-wrap:wrap;gap:var(--p-space-sm) var(--p-space-md)}.social-compose-row{display:flex;flex-wrap:wrap;gap:var(--p-space-sm)}.social-compose-row>*{flex:1 1 14rem;min-width:0}.social-compose-when{color:var(--s-text-muted);display:flex;flex-direction:column;font-size:var(--p-text-sm);gap:var(--p-space-xs)}.social-compose-when input{background:var(--s-surface-1);border:1px solid var(--s-border);border-radius:var(--p-radius-md);color:var(--s-text);font:inherit;min-height:2.25rem;padding:var(--p-space-xs) var(--p-space-sm)}.social-compose-when input:focus-visible{box-shadow:var(--s-focus-ring);outline:none}.social-compose-images{display:flex;flex-direction:column;gap:var(--p-space-xs)}.social-compose-label{color:var(--s-text-muted);font-size:var(--p-text-sm)}.social-image-picker{display:flex;flex-wrap:wrap;gap:var(--p-space-xs)}.social-image{background:var(--s-surface-1);border:2px solid var(--s-border-subtle);border-radius:var(--p-radius-md);cursor:pointer;height:4rem;overflow:hidden;padding:0;width:4rem}.social-image img{display:block;height:100%;object-fit:cover;width:100%}.social-image.is-picked{border-color:var(--s-accent)}.social-image:focus-visible{box-shadow:var(--s-focus-ring);outline:none}.social-posts{list-style:none;margin:0;padding:0}.social-post,.social-posts{display:flex;flex-direction:column}.social-post{border-bottom:1px solid var(--s-border-subtle);gap:var(--p-space-xs);padding:var(--p-space-sm) 0}.social-post-head{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--p-text-sm);gap:var(--p-space-sm)}.social-post-who{color:var(--s-text-heading);font-weight:600}.social-post-text{overflow-wrap:anywhere;white-space:pre-wrap}.social-post-error{color:var(--s-danger)}.social-post-error,.social-post-stats{font-size:var(--p-text-sm)}.social-post-actions{display:flex;flex-wrap:wrap;gap:var(--p-space-xs)}.social-post-actions:empty{display:none}.ads-account,.ads-card-head{align-items:center;display:flex;flex-wrap:wrap;gap:var(--p-space-sm);justify-content:space-between}.ads-issue{color:var(--s-warning);flex-basis:100%;font-size:var(--p-text-sm);margin:0}.ads-form{flex-direction:column}.ads-form,.ads-form-row{display:flex;gap:var(--p-space-sm)}.ads-form-row{align-items:flex-end;flex-wrap:wrap}.ads-form-row>*{flex:1 1 12rem;min-width:0}.ads-form-row>cc-button{flex:0 0 auto}.ads-inline{margin-top:var(--p-space-sm)}.ads-date{color:var(--s-text-muted);display:flex;flex-direction:column;font-size:var(--p-text-sm);gap:var(--p-space-xs)}.ads-date input{background:var(--s-surface-1);border:1px solid var(--s-border);border-radius:var(--p-radius-md);color:var(--s-text);font:inherit;min-height:2.25rem;padding:var(--p-space-xs) var(--p-space-sm)}.ads-date input:focus-visible{box-shadow:var(--s-focus-ring);outline:none}.ads-actions{display:flex;flex-wrap:wrap;gap:var(--p-space-xs)}.ads-ad{margin:0 0 var(--p-space-xs);padding-left:var(--p-space-md)}.ads-kw-form{display:flex;flex-direction:column;gap:var(--p-space-sm);margin-bottom:var(--p-space-sm)}.pay-nav{flex-wrap:wrap;margin-bottom:var(--p-space-md)}.pay-nav,.pay-product{display:flex;gap:var(--p-space-xs)}.pay-product{border-bottom:1px solid var(--s-border-subtle);flex-direction:column;padding:var(--p-space-sm) 0}.pay-prices{flex-direction:column;list-style:none;margin:0;padding:0}.pay-prices,.pay-prices li{display:flex;gap:var(--p-space-xs)}.pay-prices li{align-items:center;flex-wrap:wrap}.pay-id{font-size:var(--p-text-sm);overflow-wrap:anywhere}.pay-code.is-off,.pay-id{color:var(--s-text-muted)}.pay-code.is-off{text-decoration:line-through}.social-listen{max-width:22rem}.connections-sites{gap:var(--p-space-xs);list-style:none;margin:0;padding:0}.connections-sites,.domains-card{display:flex;flex-direction:column}.domains-card{align-items:stretch;gap:var(--p-space-md);margin-bottom:var(--p-space-md)}.domains-card-head,.domains-use-head{align-items:center;display:flex;flex-wrap:wrap;gap:var(--p-space-sm);justify-content:space-between}.domains-records{display:flex;flex-direction:column;gap:var(--p-space-sm)}.domains-record{margin:0}.domains-issues{color:var(--s-warning);font-size:var(--p-text-sm);margin:0;padding-left:var(--p-space-lg)}.domains-use,.domains-uses{display:flex;flex-direction:column;gap:var(--p-space-sm)}.domains-use{border-top:1px solid var(--s-border-subtle);padding-top:var(--p-space-sm)}.domains-use-host{align-items:center;display:flex;flex-wrap:wrap;gap:var(--p-space-xs);min-width:0;word-break:break-all}.domains-use-attach{min-width:12rem}.domains-add-use{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--p-space-sm)}.domains-add-use[hidden]{display:none}.domains-add-use cc-field{flex:1;min-width:12rem}.app-domains{display:flex;flex-direction:column;gap:var(--p-space-sm);margin-bottom:var(--p-space-md)}