@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-yellow-500:oklch(79.5% .184 86.047);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-700:oklch(37.2% .044 257.287);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-2{top:calc(var(--spacing)*2)}.right-2{right:calc(var(--spacing)*2)}.isolate{isolation:isolate}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.\!container{width:100%!important}@media(min-width:40rem){.\!container{max-width:40rem!important}}@media(min-width:48rem){.\!container{max-width:48rem!important}}@media(min-width:64rem){.\!container{max-width:64rem!important}}@media(min-width:80rem){.\!container{max-width:80rem!important}}@media(min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-6{margin-block:calc(var(--spacing)*6)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.-ml-2{margin-left:calc(var(--spacing)*-2)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.h-4{height:calc(var(--spacing)*4)}.h-8{height:calc(var(--spacing)*8)}.h-full{height:100%}.h-px{height:1px}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-\[208px\]{max-height:208px}.max-h-\[400px\]{max-height:400px}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-8{width:calc(var(--spacing)*8)}.w-64{width:calc(var(--spacing)*64)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[400px\]{max-width:400px}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.border-current{border-color:currentColor}.border-slate-300{border-color:var(--color-slate-300)}.border-t-transparent{border-top-color:#0000}.border-l-purple-500{border-left-color:var(--color-purple-500)}.bg-\[\#dbeafe\]{background-color:#dbeafe}.bg-\[\#dcfce7\]{background-color:#dcfce7}.bg-\[\#fee2e2\]{background-color:#fee2e2}.bg-\[\#fef3c7\]{background-color:#fef3c7}.bg-\[var\(--color-background\)\]{background-color:var(--color-background)}.bg-\[var\(--color-border\)\]{background-color:var(--color-border)}.bg-\[var\(--color-neutral-100\)\]{background-color:var(--color-neutral-100)}.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary)}.bg-\[var\(--color-primary-50\)\]{background-color:var(--color-primary-50)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-\[var\(--color-surface-hover\)\]{background-color:var(--color-surface-hover)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-4{padding-top:calc(var(--spacing)*4)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\[\#1e40af\]{color:#1e40af}.text-\[\#991b1b\]{color:#991b1b}.text-\[\#92400e\]{color:#92400e}.text-\[\#166534\]{color:#166534}.text-\[var\(--color-error-500\)\]{color:var(--color-error-500)}.text-\[var\(--color-primary-600\)\]{color:var(--color-primary-600)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[var\(--color-text-tertiary\)\]{color:var(--color-text-tertiary)}.text-\[var\(--color-warning-500\)\]{color:var(--color-warning-500)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-slate-700{color:var(--color-slate-700)}.text-yellow-500{color:var(--color-yellow-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media(hover:hover){.hover\:bg-\[var\(--color-background\)\]:hover{background-color:var(--color-background)}.hover\:bg-\[var\(--color-surface\)\]:hover{background-color:var(--color-surface)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:text-\[var\(--color-text-primary\)\]:hover{color:var(--color-text-primary)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--color-primary\)\]:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[var\(--color-primary\)\]:focus-visible{--tw-ring-color:var(--color-primary)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.data-\[active\]\:border-b-2[data-active]{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.data-\[active\]\:border-blue-500[data-active]{border-color:var(--color-blue-500)}}:root{--color-background:#fff;--color-surface:#f8fafc;--color-border:#e2e8f0;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-active:#5b21b6;--color-primary-50:#f5f3ff;--color-primary-500:#8b5cf6;--color-primary-600:#7c3aed;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-success-500:#22c55e;--color-error-500:#ef4444;--color-warning-500:#f59e0b;--color-info-500:#3b82f6;--success-dim:#22c55e1f;--warning-dim:#f59e0b1f;--error-dim:#ef44441f;--info-dim:#3b82f61f;--toast-success:var(--color-success-500);--toast-error:var(--color-error-500);--toast-warning:var(--color-warning-500);--toast-info:var(--color-info-500);--color-brand-violet:#7c3aed;--color-brand-blue:#2563eb;--color-brand-pink:#db2777;--color-brand-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--color-brand-gradient-hover:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);--overlay-scrim:#0009;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"Monaco","Menlo","Ubuntu Mono","Consolas","Courier New",monospace;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--ifm-color-primary:var(--color-primary)}@media(prefers-color-scheme:dark){:root{--color-background:#0f172a;--color-surface:#1e293b;--color-border:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-primary:#a78bfa;--color-primary-hover:#c4b5fd;--color-primary-active:#8b5cf6}}.dark,:root.dark,html[data-theme=dark],:root[data-theme=dark]{--color-background:#0f172a;--color-surface:#1e293b;--color-border:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-primary:#a78bfa;--color-primary-hover:#c4b5fd;--color-primary-active:#8b5cf6;--color-neutral-50:#020617;--color-neutral-100:#0f172a;--color-neutral-200:#1e293b;--color-neutral-300:#334155;--color-neutral-400:#475569;--color-neutral-500:#64748b;--color-neutral-600:#94a3b8;--color-neutral-700:#cbd5e1;--color-neutral-800:#e2e8f0;--color-neutral-900:#f1f5f9;--color-error-500:#f87171;--color-warning-500:#fbbf24;--color-info-500:#60a5fa;--success-dim:#22c55e2e;--warning-dim:#f59e0b2e;--error-dim:#ef44442e;--info-dim:#3b82f62e;--color-brand-gradient:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);--color-brand-gradient-hover:linear-gradient(135deg,#4c51bf 0%,#553c9a 100%);--overlay-scrim:#0f172acc}html[data-theme=light],:root[data-theme=light]{--color-background:#fff;--color-surface:#f8fafc;--color-border:#e2e8f0;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-active:#5b21b6;--color-primary-50:#f5f3ff;--color-primary-500:#8b5cf6;--color-primary-600:#7c3aed;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-success-500:#22c55e;--color-error-500:#ef4444;--color-warning-500:#f59e0b;--color-info-500:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}@keyframes spin{to{transform:rotate(360deg)}}a{color:var(--color-primary);-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}a:hover{color:var(--color-primary-hover);-webkit-text-decoration-color:var(--color-primary-hover);text-decoration-color:var(--color-primary-hover)}a:active{color:var(--color-primary-active);-webkit-text-decoration-color:var(--color-primary-active);text-decoration-color:var(--color-primary-active)}@property --tw-ease{syntax:"*";inherits:false}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{--node-shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--node-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--node-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--node-border-radius: 12px;--node-border-width: 1px;--premium-person-bg: #EFF6FF;--premium-person-border: #1E40AF;--premium-person-shadow: 0 4px 12px rgba(30, 64, 175, .15);--premium-person-glow: 0 0 0 3px rgba(59, 130, 246, .3);--premium-system-bg: #F0FDF4;--premium-system-border: #166534;--premium-system-shadow: 0 4px 12px rgba(22, 101, 52, .15);--premium-system-glow: 0 0 0 3px rgba(34, 197, 94, .3);--premium-external-bg: #FEF3C7;--premium-external-border: #B45309;--premium-external-shadow: 0 4px 12px rgba(180, 83, 9, .15);--premium-external-glow: 0 0 0 3px rgba(245, 158, 11, .3);--premium-container-bg: #EDE9FE;--premium-container-border: #6D28D9;--premium-container-shadow: 0 4px 12px rgba(109, 40, 217, .15);--premium-container-glow: 0 0 0 3px rgba(139, 92, 246, .3);--premium-component-bg: #FDF2F8;--premium-component-border: #BE185D;--premium-component-shadow: 0 4px 12px rgba(190, 24, 93, .15);--premium-component-glow: 0 0 0 3px rgba(236, 72, 153, .3);--premium-datastore-bg: #ECFEFF;--premium-datastore-border: #0E7490;--premium-datastore-shadow: 0 4px 12px rgba(14, 116, 144, .15);--premium-datastore-glow: 0 0 0 3px rgba(6, 182, 212, .3);--premium-queue-bg: #FEF2F2;--premium-queue-border: #B91C1C;--premium-queue-shadow: 0 4px 12px rgba(185, 28, 28, .15);--premium-queue-glow: 0 0 0 3px rgba(239, 68, 68, .3)}.c4-node{width:100%;height:100%;box-sizing:border-box;padding:16px 20px;border-radius:var(--node-border-radius);border:var(--node-border-width) solid;min-width:150px;max-width:240px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:var(--node-shadow-md);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;color:var(--text-primary, #0f172a)}[data-theme=dark] .c4-node{background:#1e293bf2;box-shadow:0 4px 6px -1px #0000004d;color:var(--text-primary, #f8fafc)}.c4-node:hover{box-shadow:var(--node-shadow-hover);transform:translateY(-2px);z-index:10}.c4-node.selected{box-shadow:0 0 0 2px var(--highlight-color, #3b82f6),var(--node-shadow-hover);border-color:var(--highlight-color, #3b82f6)!important}.node-icon{display:flex;align-items:center;justify-content:center;margin-bottom:12px;opacity:1;color:inherit}[data-theme=dark] .node-icon{opacity:.95;filter:brightness(1.1)}.node-content{text-align:center;max-width:130px;margin:0 auto}.person-node .node-content{max-width:130px}.system-node .node-content{max-width:calc(100% - 24px)}.node-label{font-size:14px;font-weight:600;margin-bottom:4px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.3;letter-spacing:-.01em;color:var(--text-primary, #0f172a);max-width:100%}[data-theme=dark] .node-label{color:var(--text-primary, #f8fafc)}.node-description{font-size:11px;line-height:1.4;margin-top:6px;font-weight:400;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;color:var(--text-secondary, #64748b);opacity:1}[data-theme=dark] .node-description{color:var(--text-secondary, #cbd5e1);opacity:.9}.node-technology{font-size:10px;font-weight:500;margin-top:4px;text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary, #64748b);opacity:1}[data-theme=dark] .node-technology{color:var(--text-secondary, #94a3b8);opacity:.85}.node-type-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary, #64748b);margin-top:2px}[data-theme=dark] .node-type-label{color:var(--text-secondary, #94a3b8)}.node-badge{margin-top:8px;font-size:10px;background:#0000000d;padding:2px 8px;border-radius:12px;display:inline-block;font-weight:600;color:var(--text-secondary, #64748b)}[data-theme=dark] .node-badge{background:#ffffff26;color:var(--text-secondary, #cbd5e1)}.node-warning-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;background:#f59e0b;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:700;box-shadow:0 2px 4px #f59e0b4d;z-index:10;animation:pulse-warning 2s ease-in-out infinite}[data-theme=dark] .node-warning-badge{background:#f59e0b;color:#fff;box-shadow:0 2px 6px #f59e0b66}.node-warning-badge svg{width:12px;height:12px}.governance-badges{position:absolute;top:8px;right:8px;display:flex;flex-wrap:wrap;gap:4px;z-index:10}.governance-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 6px;font-size:10px;font-weight:600;border-radius:6px;border:1px solid;cursor:pointer;transition:all .2s ease;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 2px #0000001a}[data-theme=dark] .governance-badge{background:#1e293bf2}.governance-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.governance-badge svg{flex-shrink:0}.requirement-badge{color:#2563eb;border-color:#2563eb4d;background:#2563eb1a}.requirement-badge:hover{background:#2563eb33;border-color:#2563eb80}.adr-badge{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b1a}.adr-badge:hover{background:#f59e0b33;border-color:#f59e0b80}.scenario-badge{color:#10b981;border-color:#10b9814d;background:#10b9811a}.scenario-badge:hover{background:#10b98133;border-color:#10b98180}.flow-badge{color:#9333ea;border-color:#9333ea4d;background:#9333ea1a}.flow-badge:hover{background:#9333ea33;border-color:#9333ea80}@keyframes pulse-warning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.system-node{min-width:150px;max-width:200px;padding:12px 14px;background:linear-gradient(to bottom right,#fff,#f8fafc)}[data-theme=dark] .system-node{background:linear-gradient(to bottom right,#1e293b,#0f172a)}.system-boundary-node{min-width:240px;min-height:160px;background:#fff6;border-style:dashed;border-color:#10b98166;border-width:2px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=dark] .system-boundary-node{background:#10b9810d;border-color:#10b9814d}.system-boundary-node:hover{transform:none;box-shadow:none;border-color:#10b98199}.system-boundary-node .boundary-titlebar{background:#10b981;color:#fff;box-shadow:0 2px 4px #10b98133;border:none}.container-boundary-node{min-width:200px;min-height:140px;background:#fff6;border-style:dashed;border-color:#9333ea66;border-width:2px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=dark] .container-boundary-node{background:#9333ea0d;border-color:#9333ea4d}.container-boundary-node:hover{transform:none;box-shadow:none;border-color:#9333ea99}.container-boundary-node .boundary-titlebar{background:#9333ea;color:#fff;box-shadow:0 2px 4px #9333ea33;border:none}.enterprise-boundary-node{min-width:600px;min-height:400px;background:#fff3;border-style:dashed;border-color:#2563eb4d;border-width:2px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=dark] .enterprise-boundary-node{background:#1e40af0d;border-color:#2563eb4d}.enterprise-boundary-node .boundary-titlebar{background:#2563eb;color:#fff;font-size:13px;font-weight:600;padding:6px 12px;border:none;box-shadow:0 2px 4px #2563eb33}.boundary-header{display:flex;flex-direction:column;gap:2px}.boundary-title{font-size:13px;font-weight:700}.boundary-description{font-size:10px;opacity:.9;font-weight:400;color:#fffffff2}[data-theme=dark] .boundary-description{color:#ffffffe6;opacity:1}.container-node{min-width:160px}.component-node{min-width:140px;max-width:180px;padding:12px 16px}.person-node{border-radius:40px 40px 12px 12px;text-align:center;padding:24px 20px 16px;min-width:140px}.person-icon-circle{width:48px;height:48px;border-radius:50%;background:#00000008;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--c4-person);border:1px solid rgba(0,0,0,.05)}[data-theme=dark] .person-icon-circle{background:#ffffff0d;border-color:#ffffff1a}.datastore-node{border-radius:8px;position:relative;border-width:1px;box-shadow:0 -3px 0 -1px #0000000d,0 -6px 0 -2px #00000008,var(--node-shadow-md);margin-top:6px}.queue-node{border-radius:6px 24px 24px 6px}.c4-handle{width:8px;height:8px;background:var(--bg-primary, #fff);border:2px solid var(--text-secondary, #666);border-radius:50%;transition:transform .1s}.c4-handle:hover{transform:scale(1.2);border-color:var(--highlight-color)}.c4-node.external{border-style:dashed;opacity:.8;background:repeating-linear-gradient(45deg,rgba(0,0,0,.02),rgba(0,0,0,.02) 10px,transparent 10px,transparent 20px)}[data-theme=dark] .c4-node.external{opacity:.7;background:repeating-linear-gradient(45deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 10px,transparent 10px,transparent 20px)}.c4-node.external:hover{opacity:1}.node-header{display:flex;align-items:flex-start;gap:12px}.node-header .node-icon{margin-bottom:0;flex-shrink:0}.node-header .node-content{flex:1;text-align:left}.expand-btn{background:#0000000d;border:none;border-radius:12px;padding:4px 8px;cursor:pointer;display:flex;align-items:center;gap:4px;color:var(--text-secondary, #64748b);font-size:11px;font-weight:600;transition:all .2s;margin-top:2px}[data-theme=dark] .expand-btn{background:#ffffff1a;color:var(--text-secondary, #cbd5e1)}.expand-btn:hover{background:#0000001a;transform:translateY(-1px)}[data-theme=dark] .expand-btn:hover{background:#ffffff26}.system-node.expanded{min-width:220px;border-width:2px;box-shadow:var(--node-shadow-hover);border-color:var(--c4-system)}.boundary-titlebar{position:absolute;top:-12px;left:12px;display:inline-flex;align-items:center;gap:6px;border-radius:16px;padding:4px 12px;font-size:12px;font-weight:600;pointer-events:none;z-index:5;white-space:nowrap}.boundary-titlebar .count{opacity:.8;background:#fff3;padding:1px 6px;border-radius:8px;font-size:10px}.boundary-titlebar .icon{display:inline-flex;align-items:center;justify-content:center}.animation-node-active,.animation-node-highlighted{box-shadow:0 0 0 4px #3b82f666,0 0 0 8px #3b82f633,0 0 20px #3b82f64d,0 4px 16px #00000026,var(--node-shadow-hover)!important;border-color:#3b82f6!important;border-width:2.5px!important;z-index:100!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;transform:scale(1);animation:node-pulse-glow 2s cubic-bezier(.4,0,.2,1) infinite,node-enter .6s cubic-bezier(.34,1.56,.64,1);transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes node-pulse-glow{0%,to{box-shadow:0 0 0 4px #3b82f680,0 0 0 8px #3b82f640,0 0 24px #3b82f666,0 6px 20px #3b82f640,0 4px 16px #00000026;transform:scale(1)}50%{box-shadow:0 0 0 6px #3b82f699,0 0 0 12px #3b82f64d,0 0 32px #3b82f680,0 8px 28px #3b82f659,0 6px 20px #0003;transform:scale(1.03)}}@keyframes node-enter{0%{opacity:.5;transform:scale(.95);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}[data-theme=dark] .animation-node-active,[data-theme=dark] .animation-node-highlighted{background:linear-gradient(135deg,#1e293b,#0f172a)!important;box-shadow:0 0 0 4px #60a5fa80,0 0 0 8px #60a5fa40,0 0 24px #60a5fa66,0 6px 20px #60a5fa4d,0 4px 16px #0006!important;border-color:#60a5fa!important}.animation-node-visited{border-color:#10b981!important;border-width:2px!important;box-shadow:0 0 0 2px #10b98166,0 0 12px #10b98133,0 2px 8px #10b9811a!important;transition:all .5s cubic-bezier(.4,0,.2,1);animation:node-visited-enter .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#10b9810d,#10b98105)!important}@keyframes node-visited-enter{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .animation-node-visited{box-shadow:0 0 0 2px #10b98180,0 0 16px #10b9814d,0 2px 10px #10b98133!important;background:linear-gradient(135deg,#10b9811a,#10b9810d)!important}.animation-node-pending{opacity:.7;transition:opacity .3s ease}.animation-mode .c4-node:not(.animation-node-active):not(.animation-node-highlighted):not(.animation-node-visited){opacity:.25;filter:grayscale(.8) blur(1px);transition:all .6s cubic-bezier(.4,0,.2,1);transform:scale(.97)}.animation-mode .c4-node{animation:node-fade-in .5s cubic-bezier(.4,0,.2,1)}@keyframes node-fade-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animation-edge-active path,.animation-edge-highlighted path{stroke:url(#edge-gradient-blue)!important;stroke-width:4px!important;filter:drop-shadow(0 0 8px rgba(59,130,246,.7)) drop-shadow(0 0 4px rgba(59,130,246,.5));animation:edge-pulse-glow 2s cubic-bezier(.4,0,.2,1) infinite,edge-flow-smooth 1.5s linear infinite;stroke-dasharray:12,6;opacity:1!important;z-index:50}.animation-mode svg defs{position:absolute}@keyframes edge-pulse-glow{0%,to{stroke-width:4px;filter:drop-shadow(0 0 8px rgba(59,130,246,.7)) drop-shadow(0 0 4px rgba(59,130,246,.5));stroke-opacity:1}50%{stroke-width:5px;filter:drop-shadow(0 0 12px rgba(59,130,246,.9)) drop-shadow(0 0 8px rgba(59,130,246,.7));stroke-opacity:.95}}@keyframes edge-flow-smooth{0%{stroke-dashoffset:18}to{stroke-dashoffset:0}}[data-theme=dark] .animation-edge-active path,[data-theme=dark] .animation-edge-highlighted path{stroke:url(#edge-gradient-blue-dark)!important;filter:drop-shadow(0 0 10px rgba(96,165,250,.8)) drop-shadow(0 0 6px rgba(96,165,250,.6))}.animation-edge-visited path{stroke:#10b981!important;stroke-width:2.5px!important;stroke-opacity:.85;filter:drop-shadow(0 0 4px rgba(16,185,129,.3));transition:all .5s cubic-bezier(.4,0,.2,1);animation:edge-visited-enter .5s cubic-bezier(.4,0,.2,1)}@keyframes edge-visited-enter{0%{stroke-opacity:.5;stroke-width:2px}to{stroke-opacity:.85;stroke-width:2.5px}}[data-theme=dark] .animation-edge-visited path{stroke:#34d399!important;filter:drop-shadow(0 0 6px rgba(52,211,153,.4))}.animation-edge-flow-forward path{stroke-dasharray:16,8;animation:edge-flow-forward-smooth 1.2s cubic-bezier(.4,0,.2,1) infinite;stroke-linecap:round}@keyframes edge-flow-forward-smooth{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.animation-edge-flow-backward path{stroke-dasharray:16,8;animation:edge-flow-backward-smooth 1.2s cubic-bezier(.4,0,.2,1) infinite;stroke-linecap:round}@keyframes edge-flow-backward-smooth{0%{stroke-dashoffset:0}to{stroke-dashoffset:24}}.animation-mode .react-flow__edge:not(.animation-edge-active):not(.animation-edge-highlighted):not(.animation-edge-visited) path{stroke-opacity:.2!important;filter:grayscale(.6);transition:all .6s cubic-bezier(.4,0,.2,1)}.animation-mode .react-flow__edge{animation:edge-fade-in .5s cubic-bezier(.4,0,.2,1)}@keyframes edge-fade-in{0%{stroke-opacity:0;transform:scale(.9)}to{stroke-opacity:1;transform:scale(1)}}.step-overlay{position:fixed;bottom:120px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#fffffffa,#fffffff2);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;padding:20px 32px;box-shadow:0 20px 60px #00000026,0 0 0 1px #fffc,0 0 40px #3b82f61a,inset 0 1px #ffffffe6;z-index:1000;max-width:580px;width:calc(100% - 40px);text-align:center;animation:overlay-slide-up .5s cubic-bezier(.34,1.56,.64,1),overlay-glow-pulse 3s ease-in-out infinite;border:1px solid rgba(59,130,246,.1)}@keyframes overlay-slide-up{0%{opacity:0;transform:translate(-50%) translateY(30px) scale(.9);filter:blur(8px)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1);filter:blur(0)}}@keyframes overlay-glow-pulse{0%,to{box-shadow:0 20px 60px #00000026,0 0 0 1px #fffc,0 0 40px #3b82f61a,inset 0 1px #ffffffe6}50%{box-shadow:0 20px 60px #00000026,0 0 0 1px #fffc,0 0 50px #3b82f626,inset 0 1px #ffffffe6}}[data-theme=dark] .step-overlay{background:linear-gradient(135deg,#1e293bfa,#0f172af2);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a,0 0 40px #60a5fa26,inset 0 1px #ffffff1a;border:1px solid rgba(96,165,250,.2)}.step-overlay .step-number{font-size:11px;font-weight:700;color:#64748b;margin-bottom:12px;text-transform:uppercase;letter-spacing:.1em;animation:step-number-fade-in .4s cubic-bezier(.4,0,.2,1)}@keyframes step-number-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .step-overlay .step-number{color:#94a3b8}.step-overlay .step-from-to{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px;animation:step-from-to-slide .5s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes step-from-to-slide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.step-overlay .step-from,.step-overlay .step-to{font-size:15px;font-weight:700;color:#0f172a;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:8px 16px;border-radius:12px;box-shadow:0 2px 8px #00000014,inset 0 1px #ffffffe6;border:1px solid rgba(148,163,184,.2);transition:all .3s cubic-bezier(.4,0,.2,1);animation:step-node-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes step-node-pop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.step-overlay .step-from{animation-delay:.2s}.step-overlay .step-to{animation-delay:.3s}.step-overlay .step-from:hover,.step-overlay .step-to:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f,inset 0 1px #ffffffe6}[data-theme=dark] .step-overlay .step-from,[data-theme=dark] .step-overlay .step-to{color:#f8fafc;background:linear-gradient(135deg,#334155,#1e293b);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a;border:1px solid rgba(148,163,184,.3)}.step-overlay .step-arrow{font-size:24px;color:#3b82f6;font-weight:300;animation:arrow-flow 1.5s cubic-bezier(.4,0,.2,1) infinite;filter:drop-shadow(0 0 4px rgba(59,130,246,.4));margin:0 4px}@keyframes arrow-flow{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(6px) scale(1.1);opacity:.8}}[data-theme=dark] .step-overlay .step-arrow{color:#60a5fa;filter:drop-shadow(0 0 6px rgba(96,165,250,.5))}.step-overlay .step-description{font-size:15px;color:#475569;line-height:1.6;font-weight:500;animation:step-description-fade .6s cubic-bezier(.4,0,.2,1) .2s both;margin-top:4px}@keyframes step-description-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .step-overlay .step-description{color:#cbd5e1}@keyframes traffic-flow{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}.animation-edge-active,.animation-edge-highlighted{stroke:#2563eb!important;stroke-width:3px!important;opacity:1!important;z-index:100}[data-theme=dark] .animation-edge-active,[data-theme=dark] .animation-edge-highlighted{stroke:#3b82f6!important}.animation-edge-flow-forward{animation:traffic-flow 1s linear infinite;stroke-dasharray:10,5}.animation-edge-flow-backward{animation:traffic-flow 1s linear infinite reverse;stroke-dasharray:10,5}.animation-edge-visited{stroke:#10b981!important;stroke-width:2px!important;opacity:.8!important;stroke-dasharray:0}[data-theme=dark] .animation-edge-visited{stroke:#10b981!important}.animation-controls{background:linear-gradient(135deg,#fffffffa,#fffffff2);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(59,130,246,.15);border-radius:16px;padding:16px 20px;box-shadow:0 12px 40px #0000001f,0 0 0 1px #fffc,0 0 30px #3b82f614,inset 0 1px #ffffffe6;z-index:1000;min-width:420px;max-width:640px;display:flex;flex-direction:column;gap:14px;animation:controls-enter .4s cubic-bezier(.34,1.56,.64,1)}@keyframes controls-enter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animation-controls-main{display:flex;align-items:center;gap:8px}.animation-controls-steps{display:flex;align-items:center;gap:4px;margin-left:8px;padding-left:8px;border-left:1px solid var(--color-border, #e0e0e0)}.animation-controls-progress{display:flex;flex-direction:column;gap:6px}.animation-controls-progress-bar{width:100%;height:6px;background:linear-gradient(90deg,#e2e8f0cc,#f1f5f9cc);border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f;position:relative}.animation-controls-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6);background-size:200% 100%;border-radius:12px;transition:width .5s cubic-bezier(.4,0,.2,1);animation:progress-shine 2s ease-in-out infinite;box-shadow:0 0 10px #3b82f680,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.animation-controls-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progress-sweep 2s ease-in-out infinite}@keyframes progress-shine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes progress-sweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}.animation-controls-progress-text{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--color-text-secondary, #666)}.animation-controls-step-counter{font-weight:500;color:var(--color-text, #333)}.animation-controls-step-description{flex:1;margin-left:12px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}@media(prefers-color-scheme:dark){.animation-controls{background:linear-gradient(135deg,#1e293bfa,#0f172af2);border-color:#60a5fa33;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff1a,0 0 30px #60a5fa1f,inset 0 1px #ffffff1a}.animation-controls-progress-bar{background:linear-gradient(90deg,#1e293bcc,#0f172acc);box-shadow:inset 0 2px 4px #0000004d}.animation-controls-progress-fill{background:linear-gradient(90deg,#60a5fa,#93c5fd,#60a5fa);box-shadow:0 0 12px #60a5fa99,inset 0 1px #fff3}.animation-controls-step-counter{color:var(--color-text-dark, #e0e0e0)}.animation-controls-step-description{color:var(--color-text-secondary-dark, #999)}}[data-theme=dark] .animation-controls{background:linear-gradient(135deg,#1e293bfa,#0f172af2);border-color:#60a5fa33;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff1a,0 0 30px #60a5fa1f,inset 0 1px #ffffff1a}[data-theme=dark] .animation-controls-progress-bar{background:linear-gradient(90deg,#1e293bcc,#0f172acc);box-shadow:inset 0 2px 4px #0000004d}[data-theme=dark] .animation-controls-progress-fill{background:linear-gradient(90deg,#60a5fa,#93c5fd,#60a5fa);box-shadow:0 0 12px #60a5fa99,inset 0 1px #fff3}@media(max-width:768px){.animation-controls{min-width:auto;width:calc(100% - 32px)}.animation-controls-step-description{display:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-yellow-500:oklch(79.5% .184 86.047);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-300:oklch(87% 0 0);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-2{top:calc(var(--spacing)*2)}.right-2{right:calc(var(--spacing)*2)}.col-span-2{grid-column:span 2/span 2}.\!container{width:100%!important}@media(min-width:40rem){.\!container{max-width:40rem!important}}@media(min-width:48rem){.\!container{max-width:48rem!important}}@media(min-width:64rem){.\!container{max-width:64rem!important}}@media(min-width:80rem){.\!container{max-width:80rem!important}}@media(min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-6{margin-block:calc(var(--spacing)*6)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.-ml-2{margin-left:calc(var(--spacing)*-2)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.h-8{height:calc(var(--spacing)*8)}.h-full{height:100%}.h-px{height:1px}.w-8{width:calc(var(--spacing)*8)}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.border-l-purple-500{border-left-color:var(--color-purple-500)}.bg-\[var\(--color-background\)\]{background-color:var(--color-background)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-\[var\(--color-surface-hover\)\]{background-color:var(--color-surface-hover)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-purple-50{background-color:var(--color-purple-50)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-4{padding-top:calc(var(--spacing)*4)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-\[var\(--color-error-500\)\]{color:var(--color-error-500)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[var\(--color-text-tertiary\)\]{color:var(--color-text-tertiary)}.text-\[var\(--color-warning-500\)\]{color:var(--color-warning-500)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-yellow-500{color:var(--color-yellow-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media(hover:hover){.hover\:bg-\[var\(--color-background\)\]:hover{background-color:var(--color-background)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:opacity-80:hover{opacity:.8}}}:root{--space-1:var(--spacing-1);--space-2:var(--spacing-2);--space-3:.75rem;--space-4:var(--spacing-4);--space-5:1.25rem;--space-6:var(--spacing-6);--space-8:var(--spacing-8);--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:.75rem;--radius-2xl:1.5rem;--radius-full:9999px;--elevation-0:none;--elevation-1:var(--shadow-sm);--elevation-2:var(--shadow-base);--elevation-3:var(--shadow-md);--elevation-4:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--elevation-5:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--c4-person:#0284c7;--c4-system:#2563eb;--c4-system-external:#94a3b8;--c4-container:#3b82f6;--c4-component:#60a5fa;--bg-primary:var(--color-background);--bg-secondary:var(--color-surface);--bg-tertiary:var(--color-neutral-50);--border-color:var(--color-border);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-tertiary);--highlight-color:var(--color-primary);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--glass-bg:#fffc;--glass-border:#ffffff4d;--glass-blur:blur(20px)saturate(180%);--glass-shadow:0 8px 32px 0 #1f26875e;--panel-bg:#ffffffe6;--panel-border:var(--color-border);--card-bg:var(--color-background);--card-hover-bg:var(--color-surface);--text-1:var(--color-text-primary);--text-2:var(--color-text-secondary);--text-3:var(--color-text-tertiary);--surface-1:var(--color-background);--surface-2:var(--color-surface);--border:var(--color-border);--primary:var(--color-primary);--primary-alpha-20:#7c3aed33;--primary-alpha-30:#7c3aed4d;--primary-alpha-50:#7c3aed80}[data-theme=dark]{--bg-primary:var(--color-background);--bg-secondary:var(--color-surface);--bg-tertiary:var(--color-neutral-50);--border-color:var(--color-border);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-tertiary);--highlight-color:var(--color-primary);--elevation-1:0 1px 2px 0 #00000080;--elevation-2:0 1px 3px 0 #00000080,0 1px 2px -1px #00000080;--elevation-3:0 4px 6px -1px #00000080,0 2px 4px -2px #00000080;--elevation-4:0 10px 15px -3px #00000080,0 4px 6px -4px #00000080;--elevation-5:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080;--shadow-sm:var(--elevation-1);--shadow-md:var(--elevation-3);--shadow-lg:var(--elevation-4);--glass-bg:#0f172acc;--glass-border:#3341554d;--glass-shadow:0 8px 32px 0 #00000080;--panel-bg:#0f172ae6;--panel-border:var(--color-border);--card-bg:#1e293b80;--card-hover-bg:#1e293bcc;--c4-person:#38bdf8;--c4-system:#60a5fa;--c4-system-external:#94a3b8;--c4-container:#93c5fd;--c4-component:#bfdbfe;--text-1:var(--color-text-primary);--text-2:var(--color-text-secondary);--text-3:var(--color-text-tertiary);--surface-1:var(--color-surface);--surface-2:var(--color-neutral-300);--border:var(--color-border);--primary:var(--color-primary);--primary-alpha-20:#a78bfa33;--primary-alpha-30:#a78bfa4d;--primary-alpha-50:#a78bfa80}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}#root{width:100vw;height:100vh}.app,.app-container{background:var(--bg-secondary);flex-direction:column;height:100vh;display:flex}.app-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:200;height:60px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex;position:relative}.header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.header-center{flex:2;justify-content:flex-start;min-width:0;padding-left:12px;display:flex;overflow:hidden}.header-left nav{max-width:100%;overflow:hidden}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.external-links{border-right:1px solid var(--border-color);align-items:center;gap:4px;margin-right:8px;padding-right:8px;display:flex}.header-right>button:not(.icon-only):not(.mode-btn),.header-right>div>button{padding-left:10px!important;padding-right:10px!important}.action-btn.icon-only{justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;display:flex}.action-btn.icon-only .btn-label{display:none}.action-btn.icon-only:disabled{opacity:.5;cursor:not-allowed}.header-center>*{max-width:100%}[data-theme=dark] .app-header .header-left nav button{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .app-header .header-left nav button:hover{background-color:var(--bg-tertiary)!important}.app-branding{flex-shrink:0;align-items:center;gap:8px;display:flex}.app-title{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.logo-rotating{animation:2s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-pill{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:9999px;align-items:center;gap:8px;padding:4px 12px;font-size:13px;transition:all .2s;display:flex}.project-pill:hover{background:var(--bg-tertiary);border-color:var(--highlight-color)}.project-name{color:var(--text-primary);font-weight:600}.version-separator{color:var(--text-muted);font-size:12px}.version-badge{color:var(--text-secondary);font-family:Monaco,monospace;font-size:11px}.upload-btn,.demo-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--elevation-1);border:none;display:flex}.upload-btn{background:linear-gradient(135deg,var(--c4-system)0%,#1d4ed8 100%);color:#fff}.upload-btn:hover{box-shadow:var(--elevation-3);transform:translateY(-1px)}.upload-btn:active{box-shadow:var(--elevation-1);transform:translateY(0)}.demo-btn{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.demo-btn:hover{background:var(--bg-secondary);border-color:var(--highlight-color);box-shadow:var(--elevation-2);transform:translateY(-1px)}.demo-btn:active{transform:translateY(0)}.demo-btn.large{margin-top:24px;padding:12px 24px;font-size:15px}.app-main{flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;touch-action:auto;background:0 0;flex:auto;width:100%;height:100%;min-height:0;max-height:100%;position:relative;overflow:auto}.canvas-container>[role=tabpanel]{flex-direction:column;height:100%;min-height:0;display:flex}.guided-panel::-webkit-scrollbar{width:12px;height:12px}.canvas-container::-webkit-scrollbar{width:12px;height:12px}.navigation-panel::-webkit-scrollbar{width:12px;height:12px}.actions-menu::-webkit-scrollbar{width:12px;height:12px}.guided-panel::-webkit-scrollbar-track{background:var(--bg-secondary,#f8fafc);border-radius:6px}.canvas-container::-webkit-scrollbar-track{background:var(--bg-secondary,#f8fafc);border-radius:6px}.navigation-panel::-webkit-scrollbar-track{background:var(--bg-secondary,#f8fafc);border-radius:6px}.actions-menu::-webkit-scrollbar-track{background:var(--bg-secondary,#f8fafc);border-radius:6px}.guided-panel::-webkit-scrollbar-thumb{background-color:var(--border-color,#e2e8f0);border:2px solid var(--bg-secondary,#f8fafc);cursor:pointer;border-radius:6px;min-height:30px}.canvas-container::-webkit-scrollbar-thumb{background-color:var(--border-color,#e2e8f0);border:2px solid var(--bg-secondary,#f8fafc);cursor:pointer;border-radius:6px;min-height:30px}.navigation-panel::-webkit-scrollbar-thumb{background-color:var(--border-color,#e2e8f0);border:2px solid var(--bg-secondary,#f8fafc);cursor:pointer;border-radius:6px;min-height:30px}.actions-menu::-webkit-scrollbar-thumb{background-color:var(--border-color,#e2e8f0);border:2px solid var(--bg-secondary,#f8fafc);cursor:pointer;border-radius:6px;min-height:30px}.guided-panel::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted,#94a3b8);border-color:var(--bg-secondary,#f8fafc)}.canvas-container::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted,#94a3b8);border-color:var(--bg-secondary,#f8fafc)}.navigation-panel::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted,#94a3b8);border-color:var(--bg-secondary,#f8fafc)}.actions-menu::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted,#94a3b8);border-color:var(--bg-secondary,#f8fafc)}.guided-panel::-webkit-scrollbar-thumb:active{background-color:var(--text-secondary,#64748b)}.canvas-container::-webkit-scrollbar-thumb:active{background-color:var(--text-secondary,#64748b)}.navigation-panel::-webkit-scrollbar-thumb:active{background-color:var(--text-secondary,#64748b)}.actions-menu::-webkit-scrollbar-thumb:active{background-color:var(--text-secondary,#64748b)}.guided-panel,.canvas-container,.navigation-panel,.actions-menu{scrollbar-width:thin;scrollbar-color:var(--border-color,#e2e8f0)var(--bg-secondary,#f8fafc)}[data-theme=dark] .guided-panel::-webkit-scrollbar-track{background:var(--bg-tertiary,#1e293b)}[data-theme=dark] .canvas-container::-webkit-scrollbar-track{background:var(--bg-tertiary,#1e293b)}[data-theme=dark] .navigation-panel::-webkit-scrollbar-track{background:var(--bg-tertiary,#1e293b)}[data-theme=dark] .actions-menu::-webkit-scrollbar-track{background:var(--bg-tertiary,#1e293b)}[data-theme=dark] .guided-panel::-webkit-scrollbar-thumb{background-color:var(--border-color,#334155);border-color:var(--bg-tertiary,#1e293b)}[data-theme=dark] .canvas-container::-webkit-scrollbar-thumb{background-color:var(--border-color,#334155);border-color:var(--bg-tertiary,#1e293b)}[data-theme=dark] .navigation-panel::-webkit-scrollbar-thumb{background-color:var(--border-color,#334155);border-color:var(--bg-tertiary,#1e293b)}[data-theme=dark] .actions-menu::-webkit-scrollbar-thumb{background-color:var(--border-color,#334155);border-color:var(--bg-tertiary,#1e293b)}[data-theme=dark] .guided-panel::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary,#94a3b8);border-color:var(--bg-tertiary,#1e293b)}[data-theme=dark] .canvas-container::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary,#94a3b8);border-color:var(--bg-tertiary,#1e293b)}[data-theme=dark] .navigation-panel::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary,#94a3b8);border-color:var(--bg-tertiary,#1e293b)}[data-theme=dark] .actions-menu::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary,#94a3b8);border-color:var(--bg-tertiary,#1e293b)}[data-theme=dark] .guided-panel,[data-theme=dark] .canvas-container,[data-theme=dark] .navigation-panel,[data-theme=dark] .actions-menu{scrollbar-color:var(--border-color,#334155)var(--bg-tertiary,#1e293b)}.drop-zone{color:var(--text-secondary);text-align:center;padding:var(--space-10,2.5rem);justify-content:center;align-items:center;gap:var(--space-6,1.5rem);background:radial-gradient(circle at center,var(--bg-primary)0%,var(--bg-secondary)100%);flex-direction:column;animation:.4s ease-out fadeIn;display:flex;position:absolute;inset:0}.drop-zone svg{opacity:.8;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.drop-zone h2{font-size:var(--text-3xl,1.875rem);font-weight:var(--font-bold,700);color:var(--text-primary);margin-top:var(--space-2,.5rem);letter-spacing:-.02em;line-height:var(--leading-tight,1.25)}.drop-zone p{font-size:var(--text-base,1rem);color:var(--text-secondary);margin-bottom:var(--space-2,.5rem);max-width:500px;line-height:var(--leading-relaxed,1.75)}.drop-zone code{background:var(--bg-tertiary);padding:var(--space-1,.25rem)var(--space-2,.5rem);border-radius:var(--radius-sm,.25rem);font-family:Monaco,Courier New,monospace;font-size:var(--text-sm,.875rem);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--elevation-1,0 1px 2px 0 #0000000d)}.loading{justify-content:center;align-items:center;gap:var(--space-6,1.5rem);font-size:var(--text-base,1rem);background:var(--bg-secondary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-base,.2s ease-out);color:var(--text-secondary);background:var(--glass-bg);z-index:500;flex-direction:column;display:flex;position:absolute;inset:0}.loading p{font-size:var(--text-base,1rem);font-weight:var(--font-medium,500);color:var(--text-primary);margin:0;animation:.4s ease-out .2s both fadeIn}.sruja-loader{position:relative}.sruja-loader-svg{animation:3s cubic-bezier(.4,0,.2,1) infinite sruja-rotate}.sruja-loader-horizontal{transform-origin:150px 150px;animation:2s ease-in-out infinite sruja-pulse-h}.sruja-loader-vertical{transform-origin:150px 150px;animation:2s ease-in-out .5s infinite sruja-pulse-v}.sruja-loader-s-highlight-vertical{transform-origin:150px 150px;animation:2s ease-in-out infinite sruja-glow-v}.sruja-loader-s-highlight-horizontal{transform-origin:150px 150px;animation:2s ease-in-out .5s infinite sruja-glow-h}.sruja-loader-center{animation:1.5s ease-in-out infinite sruja-pulse-center}.sruja-loader-center-inner{animation:1.5s ease-in-out .25s infinite sruja-pulse-center-inner}@keyframes sruja-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sruja-pulse-h{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes sruja-pulse-v{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes sruja-glow-h{0%,to{opacity:1;filter:drop-shadow(0 0 4px #db277799)}50%{opacity:.8;filter:drop-shadow(0 0 8px #db2777e6)}}@keyframes sruja-glow-v{0%,to{opacity:1;filter:drop-shadow(0 0 4px #db277799)}50%{opacity:.8;filter:drop-shadow(0 0 8px #db2777e6)}}@keyframes sruja-pulse-center{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes sruja-pulse-center-inner{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.9)}}.center-panel{background:var(--bg-secondary);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.view-tabs{gap:var(--space-2,.5rem);padding:var(--space-3,.75rem)var(--space-6,1.5rem);background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:10;flex-wrap:wrap;display:flex}.view-tab{padding:var(--space-2,.5rem)var(--space-4,1rem);font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500);border:1px solid var(--border-color);border-radius:var(--radius-md,.5rem);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base,.2s cubic-bezier(.4,0,.2,1));white-space:nowrap;background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.view-tab-content{align-items:center;gap:var(--space-2,.5rem);justify-content:center;width:100%;display:flex}.view-tab:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.view-tab.active{background:var(--bg-primary);color:var(--text-primary);border-color:var(--highlight-color);font-weight:var(--font-semibold,600)}.view-tab.active:after{content:"";bottom:0;left:var(--space-2,.5rem);right:var(--space-2,.5rem);background:var(--highlight-color);border-radius:2px 2px 0 0;height:2px;animation:.2s ease-out slideIn;position:absolute}@keyframes slideIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}[data-theme=dark] .view-tab.active{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--c4-system);box-shadow:var(--shadow-sm)}.view-tab svg{width:16px;height:16px}.view-tab:focus-visible{outline:2px solid var(--highlight-color);outline-offset:2px;border-color:var(--highlight-color);border-radius:var(--radius-md,.5rem);box-shadow:0 0 0 4px var(--primary-alpha-20,#3b82f633)}.view-tab.view-tab-primary:focus-visible{border-color:var(--highlight-color);box-shadow:0 0 0 2px var(--primary-alpha-20)}.tab-badge{background:var(--highlight-color);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:2px 6px;font-size:11px;font-weight:700;box-shadow:0 1px 2px #0000001a}[data-theme=dark] .tab-badge{background:var(--highlight-color);color:var(--bg-primary)}.view-tab:not(.active) .tab-badge{background:var(--text-secondary);color:var(--bg-primary);box-shadow:none}[data-theme=dark] .view-tab:not(.active) .tab-badge{background:var(--text-muted);color:var(--bg-primary)}.tab-badge.edit-badge{color:#10b981;background:#10b98126;margin-left:4px;padding:2px 5px;font-size:9px}[data-theme=dark] .tab-badge.edit-badge{color:#34d399;background:#10b98133}.view-tab.view-tab-primary{color:var(--text-primary);background:linear-gradient(135deg,#667eea1a,#667eea0d);border:1px solid #667eea4d;font-weight:600}.view-tab.view-tab-primary:hover{background:linear-gradient(135deg,#667eea26,#667eea1a);border-color:#667eea80}.view-tab.view-tab-primary.active{color:var(--text-primary);background:linear-gradient(135deg,#667eea33,#667eea1a);border-color:#667eea;box-shadow:0 0 0 1px #667eea,0 2px 4px #667eea33}[data-theme=dark] .view-tab.view-tab-primary{color:var(--text-secondary);border-color:#667eea99}[data-theme=dark] .view-tab.view-tab-primary.active{background:var(--bg-tertiary);color:var(--text-primary)}.more-tabs-container{position:relative}.view-tab.more-tab{border-style:dashed}.view-tab.more-tab.has-active{border-color:var(--highlight-color);color:var(--highlight-color)}.view-tab.more-tab svg.rotated{transform:rotate(180deg)}.more-tabs-dropdown{margin-top:var(--space-2,.5rem);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg,.75rem);box-shadow:var(--elevation-3);z-index:100;min-width:180px;animation:.15s ease-out fadeIn;position:absolute;top:100%;left:0;overflow:hidden}.dropdown-item{align-items:center;gap:var(--space-3,.75rem);width:100%;padding:var(--space-3,.75rem)var(--space-4,1rem);color:var(--text-secondary);font-size:var(--text-sm,.875rem);cursor:pointer;transition:all var(--transition-fast,.1s ease);text-align:left;background:0 0;border:none;display:flex}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item.active{color:var(--highlight-color);font-weight:var(--font-medium,500);background:#3b82f61a}.dropdown-item.pro-mode-toggle{color:var(--highlight-color);font-weight:var(--font-medium,500)}.dropdown-divider{background:var(--border-color);height:1px;margin:var(--space-2,.5rem)0}.view-tab.beginner-toggle{opacity:.6;padding:var(--space-2,.5rem)}.view-tab.beginner-toggle:hover{opacity:1}.action-btn{cursor:pointer;min-width:36px;height:36px;color:var(--text-secondary);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.action-btn:focus-visible,.mobile-menu-btn:focus-visible,.mode-btn:focus-visible{outline:2px solid var(--highlight-color);outline-offset:2px}.btn-label{display:inline-block}.mode-toggle-group{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;gap:4px;padding:4px;display:flex}.mode-btn{width:auto;min-width:auto;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.mode-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.mode-btn.active{background:var(--bg-primary);color:var(--c4-system);box-shadow:var(--shadow-sm);font-weight:600}[data-theme=dark] .mode-btn.active{background:var(--bg-tertiary);color:var(--text-primary)}.mode-label{font-size:13px;font-weight:inherit}@media(max-width:1024px){.mode-label{display:none}.mode-btn{gap:0;width:36px;min-width:36px;padding:8px}}.center-panel.edit-mode{position:relative}.center-panel.edit-mode:after{content:"EDIT MODE";background:linear-gradient(135deg,var(--highlight-color)0%,#2563eb 100%);color:#fff;letter-spacing:.08em;pointer-events:none;z-index:100;opacity:.95;border-bottom-left-radius:8px;padding:4px 12px;font-size:10px;font-weight:700;position:absolute;top:0;right:0;box-shadow:0 2px 4px #0000001a}.center-panel.edit-mode .canvas-container{border:2px solid #3b82f633;border-radius:4px}[data-theme=dark] .center-panel.edit-mode .canvas-container{border-color:#60a5fa40}.empty-state-actions{gap:var(--space-3,.75rem);margin-top:var(--space-8,2rem);animation:.5s ease-out .2s both slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.command-palette-trigger{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;max-width:400px;height:32px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.command-palette-trigger:hover{background:var(--bg-secondary);border-color:var(--highlight-color);color:var(--text-primary);box-shadow:0 0 0 1px var(--highlight-color-alpha-20,#3b82f633)}.command-palette-trigger .search-icon{color:var(--text-muted);flex-shrink:0}.command-palette-trigger .project-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.command-palette-trigger .kbd-shortcut{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-muted);font-size:10px;font-family:var(--font-mono);white-space:nowrap;border-radius:4px;flex-shrink:0;align-items:center;gap:2px;padding:2px 6px;display:flex}[data-theme=dark] .command-palette-trigger .kbd-shortcut{background:#333;border-color:#444}@media(max-width:1000px){.command-palette-trigger .kbd-shortcut{display:none}}@media(max-width:600px){.command-palette-trigger .project-name{display:none}.command-palette-trigger{flex:0 0 32px;justify-content:center;width:32px;padding:6px}}.upload-btn.large{padding:var(--space-3,.75rem)var(--space-6,1.5rem);font-size:var(--text-base,1rem);font-weight:var(--font-semibold,600)}.nodrag{cursor:default}@media(max-width:1000px){.btn-label{display:none!important}}.mobile-menu-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:8px;padding:8px;transition:background .15s;display:none}.mobile-menu-btn:hover{background:var(--bg-tertiary)}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#00000080;animation:.3s fadeIn;display:none;position:fixed;inset:0}.navigation-panel-wrapper,.details-panel-wrapper,.inspector-panel-wrapper{position:relative}.app-main{background-color:var(--bg-app,#f8f9fa);flex:1;display:flex;position:relative;overflow:hidden}.sidebar-container{background:var(--bg-surface,white);border-right:1px solid var(--border-color,#e2e8f0);z-index:20;flex-direction:column;height:100%;transition:width .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.sidebar-container.right{border-left:1px solid var(--border-color,#e2e8f0);border-right:none}.sidebar-container.open{width:280px}.sidebar-container.left.open{width:var(--sidebar-left-width,260px)}.sidebar-container.right.open{width:var(--sidebar-right-width,300px)}.sidebar-container.closed{background:var(--bg-surface,white);border:none;width:0}.sidebar-content{opacity:1;flex-direction:column;flex:1;min-width:260px;min-height:0;transition:opacity .2s;display:flex;overflow:hidden}.sidebar-container.closed .sidebar-content{opacity:0;pointer-events:none;position:absolute}.collapsed-bar{cursor:pointer;width:100%;color:var(--text-secondary,#64748b);flex-direction:column;align-items:center;padding-top:16px;transition:background .2s;display:flex;position:absolute;top:0;bottom:0}.collapsed-bar:hover{color:var(--primary-600,#2563eb);background:#0000000d}.center-stage{background:var(--bg-canvas,#fff);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}@media(max-width:1024px){.app-header{gap:12px;padding:0 16px}.header-center{flex:1}.action-btn{gap:0;width:36px;padding:0}.mode-toggle-group{gap:0}.mode-btn{padding:6px}.mode-btn span,.app-title span{display:none}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.mobile-overlay{display:block}.navigation-panel-wrapper{z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.navigation-panel-wrapper.open{transform:translate(0)}.navigation-panel-wrapper .navigation-panel{height:100%;box-shadow:2px 0 8px #0000001a}.details-panel-wrapper{z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.details-panel-wrapper.open{transform:translate(0)}.details-panel-wrapper .details-panel{height:100%;box-shadow:-2px 0 8px #0000001a}.view-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:var(--space-3,.75rem)var(--space-4,1rem);gap:var(--space-2,.5rem);overflow-x:auto}.view-tabs::-webkit-scrollbar{height:4px}.view-tabs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full,9999px)}.view-tab{padding:var(--space-2,.5rem)var(--space-3,.75rem);font-size:var(--text-sm,.875rem);flex-shrink:0}.view-tab svg{width:14px;height:14px}.action-btn,.mode-btn{min-width:44px;min-height:44px}}@media(max-width:768px){.btn-label{display:none}.action-btn{gap:0;width:44px;min-width:44px;min-height:44px;padding:0}.mode-toggle-group{gap:var(--space-1,.25rem)}.mode-btn{padding:var(--space-2,.5rem);gap:0;width:44px;min-width:44px;min-height:44px}.mode-label{display:none}.app-header{height:56px;padding:0 var(--space-3,.75rem);gap:var(--space-2,.5rem)}.header-center{display:none}.app-title{font-size:var(--text-lg,1.125rem)}.view-tabs{padding:var(--space-2,.5rem)var(--space-3,.75rem);gap:var(--space-2,.5rem)}.view-tab{padding:var(--space-2,.5rem)var(--space-3,.75rem);font-size:var(--text-xs,.75rem);gap:var(--space-1,.25rem);min-height:44px}.view-tab svg{width:16px;height:16px}.drop-zone{padding:var(--space-6,1.5rem);gap:var(--space-4,1rem)}.drop-zone h2{font-size:var(--text-xl,1.25rem)}.drop-zone p{font-size:var(--text-sm,.875rem)}.demo-btn.large{padding:var(--space-3,.75rem)var(--space-5,1.25rem);font-size:var(--text-sm,.875rem)}}@media(max-width:480px){.app-header{height:52px;padding:0 var(--space-2,.5rem)}.header-right{gap:var(--space-2,.5rem)}.view-tabs{padding:var(--space-2,.5rem)var(--space-2,.5rem);gap:var(--space-1,.25rem)}.view-tab{padding:var(--space-1,.25rem)var(--space-2,.5rem);min-width:44px;min-height:44px;font-size:var(--text-xs,.75rem);justify-content:center}.view-tab span{display:none}.tab-badge{padding:1px var(--space-1,.25rem);font-size:8px}.header-right{flex-flow:wrap}}@media(max-width:360px){.app-header{padding:0 var(--space-1,.25rem)}.view-tabs{padding:var(--space-1,.25rem)}.view-tab{padding:var(--space-1,.25rem);min-width:40px}}@media(max-height:500px)and (orientation:landscape){.app-header{height:48px}.view-tabs{padding:var(--space-1,.25rem)var(--space-2,.5rem)}}.actions-dropdown-container{position:relative}.actions-menu{top:calc(100% + var(--space-2,.5rem));background:var(--glass-bg,#fffffff2);-webkit-backdrop-filter:var(--glass-blur,blur(20px)saturate(180%));border:1px solid var(--glass-border,#ffffff4d);border-radius:var(--radius-lg,.75rem);box-shadow:var(--glass-shadow,0 8px 32px 0 #1f26875e);padding:var(--space-1,.25rem);z-index:1000;min-width:220px;animation:fadeIn var(--transition-base,.2s ease-out);max-height:calc(100vh - 120px);position:absolute;right:0;overflow-y:auto}.action-item{width:100%;padding:var(--space-3,.75rem)var(--space-4,1rem);text-align:left;cursor:pointer;border-radius:var(--radius-md,.5rem);color:var(--text-primary);align-items:center;gap:var(--space-3,.75rem);font-size:var(--text-sm,.875rem);transition:all var(--transition-fast,.15s cubic-bezier(.4,0,.2,1));background:0 0;border:none;display:flex}.action-item:hover{background:var(--bg-tertiary);transform:translate(2px)}.action-item:focus-visible{outline:2px solid var(--highlight-color);outline-offset:2px;border-radius:var(--radius-md,.5rem);box-shadow:0 0 0 4px var(--primary-alpha-20,#3b82f633)}.action-item:disabled{opacity:.5;cursor:not-allowed}.action-item:disabled:hover{background:0 0}.role-view-overlay{z-index:100;background:var(--color-bg,#fff);position:absolute;inset:0;overflow-y:auto}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible{outline:2px solid var(--highlight-color, #3b82f6);outline-offset:2px;border-radius:var(--radius-sm, .25rem);box-shadow:0 0 0 4px var(--primary-alpha-20, rgba(59, 130, 246, .2))}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}input[type=text]:focus-visible,input[type=email]:focus-visible,input[type=password]:focus-visible,input[type=number]:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--highlight-color, #3b82f6);box-shadow:0 0 0 3px var(--primary-alpha-20, rgba(59, 130, 246, .2));transform:translateY(-1px)}.card-modern:focus-visible,.unified-item-card:focus-visible{outline:2px solid var(--highlight-color, #3b82f6);outline-offset:2px;box-shadow:var(--elevation-3, 0 4px 6px -1px rgba(0, 0, 0, .1))}.view-tab:focus-visible,.subnav-item:focus-visible{outline:2px solid var(--highlight-color, #3b82f6);outline-offset:2px;box-shadow:0 0 0 4px var(--primary-alpha-20, rgba(59, 130, 246, .2))}.skip-link{position:absolute;top:-40px;left:0;background:var(--highlight-color, #3b82f6);color:#fff;padding:var(--space-2, .5rem) var(--space-4, 1rem);text-decoration:none;border-radius:var(--radius-md, .5rem);z-index:1000}.skip-link:focus{top:var(--space-2, .5rem)}.quality-score-card{padding:12px;margin:8px 8px 0;background:var(--bg-secondary, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, #e1e4e8)}.quality-score-card.collapsed{padding:8px;display:flex;justify-content:center;align-items:center}.quality-score-compact{display:flex;align-items:center;gap:4px;font-weight:600}.quality-grade-compact{font-size:14px}.quality-score-header{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px;color:var(--text-primary, #24292f);margin-bottom:12px}.quality-score-main{display:flex;align-items:center;gap:12px;margin-bottom:16px}.quality-score-circle{width:60px;height:60px;border-radius:50%;border:3px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.quality-score-value{font-size:20px;font-weight:700;line-height:1}.quality-score-grade{font-size:12px;font-weight:600;opacity:.8}.quality-score-info{flex:1}.quality-score-label{font-weight:600;font-size:13px;color:var(--text-primary, #24292f);margin-bottom:4px}.quality-score-details{font-size:11px;color:var(--text-secondary, #656d76)}.quality-metrics-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.quality-metric-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:4px;font-size:12px}.quality-metric-item.good{background:#16a7651a}.quality-metric-item.warning{background:#fbbc051a}.quality-metric-item.poor{background:#cf222e1a}.quality-metric-label{color:var(--text-primary, #24292f);font-weight:500}.quality-metric-value{display:flex;align-items:center;gap:4px;font-weight:600}.quality-metric-item.good .quality-metric-value{color:#16a765}.quality-metric-item.warning .quality-metric-value{color:#fbbc05}.quality-metric-item.poor .quality-metric-value{color:#cf222e}.quality-targets{padding-top:8px;border-top:1px solid var(--border-color, #e1e4e8)}.quality-target-label{font-size:11px;font-weight:600;color:var(--text-secondary, #656d76);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.quality-target-list{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--text-secondary, #656d76);align-items:center}.quality-target-list span:nth-child(odd){font-weight:500}:root{--quality-excellent: #16a765;--quality-good: #0969da;--quality-fair: #fbbc05;--quality-poor: #cf222e}@media(prefers-color-scheme:dark){.quality-score-card{background:var(--bg-secondary, #161b22);border-color:var(--border-color, #30363d)}.quality-score-header,.quality-score-label{color:var(--text-primary, #f0f6fc)}.quality-score-details{color:var(--text-secondary, #8b949e)}.quality-metric-label{color:var(--text-primary, #f0f6fc)}.quality-target-label,.quality-target-list{color:var(--text-secondary, #8b949e)}}.navigation-panel{width:260px;background:var(--glass-bg, rgba(255, 255, 255, .95));backdrop-filter:var(--glass-blur, blur(10px));-webkit-backdrop-filter:var(--glass-blur, blur(10px));border-right:1px solid var(--border-color);height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;transition:width var(--transition-slow, .3s cubic-bezier(.4, 0, .2, 1));position:relative;color:var(--text-primary);box-shadow:var(--elevation-2, 0 1px 3px 0 rgba(0, 0, 0, .1));z-index:20}.navigation-panel.collapsed{width:40px}.nav-mode-tabs{display:flex;gap:var(--space-1, 4px);padding:var(--space-3, 12px);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.nav-mode-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1, 4px);padding:var(--space-2, 8px) var(--space-3, 12px);background:transparent;border:1px solid transparent;border-radius:var(--radius-md, 8px);color:var(--text-muted);font-size:var(--text-xs, 11px);font-weight:var(--font-medium, 500);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.nav-mode-tab:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.nav-mode-tab.active{background:var(--bg-primary);border-color:var(--highlight-color);color:var(--highlight-color);box-shadow:var(--shadow-sm)}[data-theme=dark] .nav-mode-tab.active{background:var(--bg-tertiary)}.builder-section{padding:var(--space-3, 12px)}.builder-steps{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.builder-step{display:flex;align-items:flex-start;gap:var(--space-3, 12px);padding:var(--space-3, 12px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.builder-step:hover{border-color:var(--highlight-color);background:var(--bg-tertiary)}.builder-step.current{border-color:var(--highlight-color);box-shadow:0 0 0 2px #3b82f61a}.builder-step.completed .step-icon{color:var(--success-color, #10b981)}.step-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:var(--text-muted)}.step-content{display:flex;flex-direction:column;gap:var(--space-1, 4px);flex:1;min-width:0}.step-label{font-size:var(--text-sm, 13px);font-weight:var(--font-medium, 500);color:var(--text-primary)}.step-hint{font-size:var(--text-xs, 11px);font-family:var(--font-mono, monospace);color:var(--text-muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .builder-step{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .builder-step:hover{background:#ffffff0d}.nav-header{position:sticky;top:0;z-index:7;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:12px}.nav-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.nav-toolbar{position:sticky;top:44px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.nav-search-row{position:sticky;top:44px;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.nav-quick-actions{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border-color)}.qa-row{display:flex;align-items:center;gap:8px}.qa-label{font-size:11px;color:var(--text-secondary)}.qa-value{font-size:12px;font-weight:600;color:var(--text-primary)}.qa-actions{margin-left:auto;display:flex;gap:6px}.qa-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer}.qa-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.qa-hint{font-size:11px;color:var(--text-secondary)}.nav-empty{padding:12px 16px;font-size:12px;color:var(--text-secondary)}.nav-empty-content{display:flex;flex-direction:column;gap:8px;text-align:center}.nav-empty-hint{font-size:.75rem;color:var(--text-tertiary);font-style:italic}.link-btn{background:none;border:none;color:var(--brand-primary, #2563eb);cursor:pointer;padding:0 2px}.nav-toolbar-left{flex:1}.nav-toolbar-left input{width:100%}.nav-toolbar-right{display:flex;gap:6px}.nav-icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.nav-icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.navigation-panel.collapsed{width:60px}.nav-collapse-btn{position:absolute;top:8px;right:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .15s;z-index:10}.nav-collapse-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--highlight-color)}.panel-mobile-header{display:none;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:14px;font-weight:600;background:var(--bg-primary);color:var(--text-primary)}.panel-close-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.panel-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.panel-empty{padding:20px;color:var(--text-muted);text-align:center;font-size:13px}.panel-empty-content{display:flex;flex-direction:column;gap:12px}.panel-empty-hint{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.panel-empty-hint strong{color:var(--text-primary);font-weight:600}.nav-section{border-bottom:1px solid var(--border-color);padding:12px}.navigation-panel.collapsed .nav-section{padding:8px 4px}.nav-section-title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:6px;transition:opacity .2s ease}.layout-quality-display{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:10px;margin-top:4px}[data-theme=dark] .layout-quality-display{background:#1f293780;border-color:#374151}.navigation-panel.collapsed .layout-quality-display,.navigation-panel.collapsed .nav-section-title span{display:none}.segmented-level-control{display:flex;background:var(--bg-tertiary);padding:2px;border-radius:8px;border:1px solid var(--border-color)}.segmented-level-control.collapsed{flex-direction:column}.segment-btn{flex:1;padding:6px 12px;font-size:11px;font-weight:500;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.level-label{font-size:11px;font-weight:500}.segment-btn:hover:not(:disabled){color:var(--text-primary)}.segment-btn.active{background:var(--bg-primary);color:var(--text-primary);font-weight:600;box-shadow:0 1px 2px #0000001a}.segment-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--text-muted)}.nav-governance-hint{padding:8px 12px;font-size:13px;color:var(--text-muted);line-height:1.4}.nav-tree{list-style:none;margin:0;padding:0}.nav-item{font-size:13px;color:var(--text-primary)}.nav-item-btn{width:100%;display:flex;align-items:center;gap:6px;padding:6px 8px;min-height:32px;background:none;border:none;cursor:pointer;border-radius:4px;text-align:left;transition:background .15s;color:var(--text-primary)}.nav-item-btn:hover{background:var(--bg-tertiary);transform:translate(2px)}.nav-item.selected .nav-item-btn{background:#1168bd1a;color:var(--highlight-color)}.nav-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navigation-panel.collapsed .nav-item-label{display:none}.nav-item-actions{display:flex;gap:.25rem;margin-left:auto;opacity:0;transition:all .2s}.nav-item.clickable:hover .nav-item-actions{opacity:1}.nav-edit-btn,.nav-delete-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0;padding:0}.nav-edit-btn:hover{background:#1168bd1a;border-color:var(--highlight-color);color:var(--highlight-color)}.nav-delete-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.navigation-panel.collapsed .nav-item-actions{display:none}.navigation-panel.collapsed .nav-item-btn{justify-content:center;padding:8px}.navigation-panel.collapsed .nav-item{display:flex;justify-content:center}.nav-item-count{font-size:10px;background:var(--bg-tertiary);padding:1px 6px;border-radius:10px;color:var(--text-secondary)}.navigation-panel.collapsed .nav-item-count{display:none}.nav-item.clickable{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;border-radius:4px;color:var(--text-primary)}.nav-item.clickable:hover{background:var(--bg-tertiary)}.spacer{width:12px}.nav-item-row{display:flex;align-items:center;padding:2px 4px;border-radius:4px;cursor:default}.nav-item-row:hover{background-color:var(--bg-tertiary)}.nav-item-row.selected{background-color:#2563eb1a;color:var(--highlight-color, #2563eb)}.guided-builder{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px}.guided-steps{display:flex;flex-direction:column;gap:8px}.guided-step{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:6px;background:var(--bg-primary)}.guided-step-header{font-size:12px;font-weight:600;color:var(--text-secondary)}.guided-step-actions{display:flex;gap:8px}.nav-expand-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:4px;flex-shrink:0}.nav-expand-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;padding:4px 6px}.nav-item-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.nav-item-row:hover .nav-item-actions{opacity:1}.nav-edit-btn,.nav-add-btn{width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.nav-edit-btn:hover,.nav-add-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-tree.nested{padding-left:20px;margin-top:2px}.nav-tree.nested .nav-item-btn{padding-left:4px}.nav-tree.nested .nav-item{border-left:1px solid var(--border-color);margin-left:6px}.nav-tree.nested .nav-item:last-child{border-left-color:transparent}.nav-tree.nested .nav-item:before{content:"";display:inline-block;width:10px;height:1px;background:var(--border-color);vertical-align:middle;margin-right:4px}.nav-add-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s;margin-left:auto}.nav-add-btn:hover{background:var(--bg-tertiary);color:var(--highlight-color)}.nav-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:12px;padding-top:8px}.nav-action-btn{display:flex;align-items:center;justify-content:center;gap:0;padding:8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:36px;height:36px}.nav-action-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary);border-color:var(--highlight-color)}.nav-action-btn:disabled{opacity:.5;cursor:not-allowed}.nav-action-btn svg{flex-shrink:0}.nav-add-actions{display:flex;flex-direction:column;gap:4px}.nav-add-action-btn{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.nav-add-action-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.nav-add-action-btn:disabled{opacity:.5;cursor:not-allowed}.nav-add-action-btn svg{flex-shrink:0;color:var(--highlight-color)}@media(max-width:1024px){.navigation-panel{width:280px;background:var(--bg-primary);border-right:1px solid var(--border-color)}.navigation-panel.collapsed{width:280px}[data-theme=dark] .navigation-panel{background:var(--bg-primary)}.panel-mobile-header{display:flex}.nav-collapse-btn{display:none}}@media(max-width:768px){.navigation-panel{width:100%;max-width:320px}.nav-section{padding:10px}.nav-item-btn{padding:8px;font-size:14px}}@media(max-width:480px){.navigation-panel{max-width:100%}.nav-section-title{font-size:10px}.level-btn{font-size:10px;padding:5px 6px}.nav-item-btn{font-size:13px;padding:6px}}.glass-panel{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;height:100%;min-height:0}:root[class~=dark] .glass-panel{background:#16161abf;border-right:1px solid rgba(255,255,255,.06)}.nav-context-bar{padding:12px 16px;border-bottom:1px solid var(--border-color);z-index:10;flex-shrink:0}.context-action-btn.primary{width:100%;background:var(--primary-600, #2563eb);color:#fff;border-radius:8px;height:40px;font-weight:600;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #2563eb33;transition:all .2s cubic-bezier(.2,.8,.2,1);border:none}.context-action-btn.primary:hover{background:var(--primary-500, #3b82f6);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.context-action-btn.primary:active{transform:translateY(0);box-shadow:0 1px 4px #2563eb33}.nav-content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0}.tree-section{padding:0;margin-bottom:8px}.tree-header{font-size:.7rem;font-weight:700;color:var(--text-tertiary, #94a3b8);padding:16px 16px 8px;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.tree-header-hint{font-size:.65rem;cursor:help;opacity:.6;transition:opacity .2s}.tree-header-hint:hover{opacity:1}.compact-section{padding:8px 16px!important;border-bottom:1px solid var(--border-subtle, rgba(0, 0, 0, .05));margin-bottom:0!important}.compact-section .segmented-level-control{background:var(--bg-surface-alt, rgba(0, 0, 0, .04));padding:3px;border-radius:8px;height:32px}.compact-section .segment-btn{border-radius:6px;font-size:.75rem;font-weight:600}.compact-section .segment-btn.active{box-shadow:0 1px 2px #0000001a}.builder-section{display:none}.details-panel{width:300px;height:100%;background:var(--surface-1);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:0;z-index:10;box-shadow:-4px 0 16px #0000001a}.details-header{padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface-2)}.details-title{font-size:1rem;font-weight:600;margin:0;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-actions{display:flex;align-items:center;gap:.5rem}.close-btn,.action-icon-btn{background:transparent;border:none;cursor:pointer;color:var(--text-3);padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover,.action-icon-btn:hover{color:var(--text-1);background:var(--surface-hover)}.details-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.properties-group{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.detail-label{font-size:.8125rem;color:var(--text-3)}.detail-value{font-size:.875rem;color:var(--text-1);font-weight:500}.detail-value.code{font-family:var(--font-mono);font-size:.8125rem;background:var(--surface-2);padding:2px 6px;border-radius:4px}.type-badge{text-transform:capitalize;background:var(--primary-alpha-10);color:var(--primary);padding:2px 8px;border-radius:99px;font-size:.75rem}.detail-section{display:flex;flex-direction:column;gap:.5rem}.section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-3);letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.description-text{font-size:.875rem;color:var(--text-2);line-height:1.5;margin:0}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-size:.75rem;background:var(--surface-3);color:var(--text-2);padding:2px 8px;border-radius:4px}.dependency-group,.trace-group{display:flex;flex-direction:column;gap:.5rem}.dep-header,.trace-header{font-size:.75rem;font-weight:500;color:var(--text-3);margin:0;display:flex;align-items:center;gap:.5rem}.dep-list,.trace-list{display:flex;flex-direction:column;gap:.25rem}.dep-item,.trace-item{font-size:.8125rem;padding:.5rem;background:var(--surface-2);border-radius:4px;cursor:pointer;transition:background .2s;display:flex;flex-direction:column;gap:.25rem}.dep-item:hover{background:var(--surface-hover)}.dep-name,.trace-item{font-weight:500;color:var(--text-1);word-break:break-all}.dep-desc{font-size:.75rem;color:var(--text-3)}.related-list{display:flex;flex-direction:column;gap:.5rem}.related-item{padding:.625rem;background:var(--surface-2);border-radius:6px;border:1px solid var(--border);transition:all .2s;display:flex;flex-direction:column;gap:.375rem}.related-item:hover{background:var(--surface-hover, var(--bg-tertiary));border-color:var(--primary-alpha-30)}.related-item-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.related-item-title{font-weight:600;font-size:.875rem;color:var(--text-1);flex:1;min-width:0}.related-item-type,.related-item-status{font-size:.75rem;padding:2px 6px;border-radius:4px;background:var(--primary-alpha-20);color:var(--primary);font-weight:500;text-transform:capitalize;flex-shrink:0}.related-item-status{background:var(--bg-tertiary);color:var(--text-2)}.related-item-desc{font-size:.8125rem;color:var(--text-2);line-height:1.5;margin:0}.related-item.pending-action{border-left:3px solid #f59e0b;background:var(--surface-2)}[data-theme=dark] .related-item.pending-action{border-left-color:#f59e0b;background:#f59e0b1a}.pending-badge{font-size:.75rem;padding:2px 8px;border-radius:4px;background:#f59e0b;color:#fff;font-weight:600;text-transform:uppercase;flex-shrink:0}.pending-note{color:#f59e0b!important;font-weight:500}@media(max-width:768px){.details-panel{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:320px;border-left:none;box-shadow:-4px 0 16px #0003}}.side-panel-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:50;animation:fadeIn var(--transition-base, .2s ease-out)}.side-panel-container{position:fixed;inset:0;overflow:hidden;z-index:50;display:flex;justify-content:flex-end;pointer-events:none}.side-panel-wrapper{pointer-events:auto;width:100%;height:100%;display:flex}.side-panel-wrapper.md{max-width:28rem}.side-panel-wrapper.lg{max-width:32rem}.side-panel-wrapper.xl{max-width:36rem}.side-panel-wrapper.side-panel-2xl{max-width:42rem}.side-panel-wrapper.full{max-width:100%}.side-panel-content{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--color-background);box-shadow:var(--elevation-5, -4px 0 24px rgba(0, 0, 0, .15));border-left:1px solid var(--color-border);animation:slideInRight var(--transition-slow, .25s cubic-bezier(.4, 0, .2, 1))}.side-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.side-panel-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.side-panel-close{border-radius:var(--radius-md, .5rem);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;padding:var(--space-2, .5rem);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base, .2s cubic-bezier(.4, 0, .2, 1));width:2rem;height:2rem}.side-panel-close:hover{color:var(--color-text-primary);background:var(--color-surface);transform:scale(1.1) rotate(90deg);box-shadow:var(--elevation-1, 0 1px 2px 0 rgba(0, 0, 0, .05))}.side-panel-close:active{transform:scale(.95) rotate(90deg)}.side-panel-close:focus-visible{outline:2px solid var(--highlight-color, var(--color-primary));outline-offset:2px;border-radius:var(--radius-md, .5rem)}.side-panel-body{position:relative;flex:1;padding:1.5rem;overflow-y:auto;background-color:var(--color-background)}.side-panel-body::-webkit-scrollbar{width:8px}.side-panel-body::-webkit-scrollbar-track{background:transparent}.side-panel-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.side-panel-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.side-panel-footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:var(--space-3, .75rem);padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem);border-top:1px solid var(--color-border);background-color:var(--color-surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -2px 8px #0000000d}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.edit-form{display:flex;flex-direction:column;gap:var(--space-6, 1.5rem);padding:var(--space-2, .5rem) 0}.form-group{display:flex;flex-direction:column;gap:var(--space-3, .75rem);padding:var(--space-5, 1.25rem);background:var(--color-surface);border-radius:var(--radius-lg, .75rem);border:1px solid var(--color-border);box-shadow:var(--elevation-1, 0 1px 2px 0 rgba(0, 0, 0, .05));transition:all var(--transition-base, .2s ease)}.form-group:focus-within{border-color:var(--highlight-color, var(--color-primary));box-shadow:var(--elevation-2, 0 1px 3px 0 rgba(0, 0, 0, .1))}.form-group>label{font-weight:600;font-size:.9375rem;color:var(--color-text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.list-items{display:flex;flex-direction:column;gap:.75rem}.list-item{display:flex;gap:var(--space-3, .75rem);align-items:end;padding:var(--space-4, .875rem);background:var(--color-background);border-radius:var(--radius-md, .5rem);border:1px solid var(--color-border);transition:all var(--transition-base, .2s cubic-bezier(.4, 0, .2, 1));box-shadow:var(--elevation-0, none)}.list-item:hover{border-color:var(--color-primary);box-shadow:var(--elevation-2, 0 1px 3px 0 rgba(0, 0, 0, .1));transform:translateY(-1px)}.list-item>div{flex:1;min-width:0}.steps-list{display:flex;flex-direction:column;gap:1rem}.step-item{display:grid;grid-template-columns:1fr auto 1fr 1fr auto;gap:var(--space-4, .875rem);align-items:end;padding:var(--space-5, 1.25rem);background:var(--color-surface);border-radius:var(--radius-lg, .75rem);border:1px solid var(--color-border);transition:all var(--transition-base, .2s cubic-bezier(.4, 0, .2, 1));box-shadow:var(--elevation-1, 0 1px 2px 0 rgba(0, 0, 0, .05))}.step-item:hover{border-color:var(--color-primary);box-shadow:var(--elevation-3, 0 4px 6px -1px rgba(0, 0, 0, .1));transform:translateY(-2px)}.step-item span{color:var(--color-text-secondary);font-weight:600;align-self:center;padding-bottom:.5rem;font-size:1.125rem}.step-item>div{min-width:0}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16, 4rem) var(--space-8, 2rem);text-align:center;color:var(--text-secondary, #64748b);animation:fadeIn .4s ease-out}[data-theme=dark] .error-state{color:var(--text-secondary, #cbd5e1)}.error-icon{width:64px;height:64px;margin-bottom:var(--space-4, 1rem);color:#ef4444;opacity:.8;animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.error-title{font-size:var(--text-2xl, 1.5rem);font-weight:var(--font-bold, 700);color:var(--text-primary, #0f172a);margin:0 0 var(--space-2, .5rem) 0}[data-theme=dark] .error-title{color:var(--text-primary, #f8fafc)}.error-message{font-size:var(--text-base, 1rem);color:var(--text-secondary, #64748b);margin:0 0 var(--space-6, 1.5rem) 0;max-width:500px;line-height:var(--leading-relaxed, 1.75)}.error-actions{display:flex;gap:var(--space-3, .75rem);flex-wrap:wrap;justify-content:center}.error-code{font-family:monospace;font-size:var(--text-sm, .875rem);background:var(--bg-tertiary, #f1f5f9);padding:var(--space-2, .5rem) var(--space-3, .75rem);border-radius:var(--radius-md, .5rem);color:var(--text-primary, #0f172a);margin-top:var(--space-4, 1rem);border:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .error-code{background:var(--bg-tertiary, #475569);color:var(--text-primary, #f8fafc);border-color:var(--border-color, #64748b)}.error-inline{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md, .5rem);color:#ef4444;font-size:var(--text-sm, .875rem);margin-top:var(--space-2, .5rem)}.error-inline svg{flex-shrink:0}.warning-state{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg, .75rem);color:#f59e0b;margin:var(--space-4, 1rem) 0}.warning-state svg{flex-shrink:0}.warning-state p{margin:0;font-size:var(--text-sm, .875rem);line-height:var(--leading-relaxed, 1.75)}.overview-panel{padding:1.5rem;background:var(--bg-primary);border-radius:12px;margin-bottom:1rem;height:100%;overflow-y:auto;color:var(--text-primary)}.overview-goals-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.goals-card{padding:1rem;border-radius:8px;border:1px solid}.goals-card.goals{background:#22c55e1a;border-color:#22c55e4d}.goals-card.non-goals{background:#9ca3af1a;border-color:#9ca3af4d}.goals-card h3{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.goals-card.goals h3 svg{color:#22c55e}.goals-card.non-goals h3 svg{color:var(--text-muted)}.goals-card ul{margin:0;padding-left:1.25rem;list-style:none}.goals-card li{position:relative;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;padding-left:.75rem}.goals-card.goals li:before{content:"✓";position:absolute;left:-1rem;color:#22c55e}.goals-card.non-goals li:before{content:"✗";position:absolute;left:-1rem;color:var(--text-muted)}.overview-risks{margin-bottom:1.5rem;padding:1rem;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.3)}.overview-risks h3{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;margin:0 0 .75rem;color:#ef4444}.risks-list{display:flex;flex-direction:column;gap:.5rem}.risk-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.risk-item svg{color:#f87171;flex-shrink:0;margin-top:2px}.feature-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.feature-settings-compact{display:flex;flex-direction:column;gap:.75rem}.feature-setting-card{margin:0;padding:0}.feature-setting-card-content{display:flex;flex-direction:column;gap:.5rem}.feature-setting-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.feature-setting-card-title-group{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.feature-setting-card-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary, var(--text-primary));line-height:1.4}.feature-setting-card-description{font-size:.8125rem;color:var(--color-text-secondary, var(--text-secondary));margin:0;line-height:1.5}.feature-complexity-badge{font-size:.65rem;font-weight:600;padding:.2rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.feature-setting-options{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.feature-setting-option-btn{min-width:60px;padding:.5rem .75rem;font-size:.8125rem}.feature-setting-radio{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary, var(--highlight-color));flex-shrink:0}.feature-settings-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border, var(--border-color))}.feature-settings-section:first-of-type{margin-top:0;padding-top:0;border-top:none}.feature-settings-section-title{font-size:.9375rem;font-weight:600;margin:0 0 .875rem;color:var(--color-text-primary, var(--text-primary));letter-spacing:-.01em}.feature-settings-list{display:flex;flex-direction:column;gap:.75rem}.feature-setting-item{padding:.75rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);transition:all .2s}.feature-setting-item:hover{background:var(--card-hover-bg)}.feature-setting-content{display:flex;flex-direction:column;gap:.5rem}.feature-setting-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.feature-setting-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary);cursor:pointer;flex:1}.feature-setting-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--highlight-color)}.feature-setting-label:has(input:disabled){opacity:.5;cursor:not-allowed}.feature-setting-label:has(input:disabled) input{cursor:not-allowed}.overview-actions{margin-bottom:1.5rem;padding:1rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color)}.action-group{display:flex;flex-direction:column;gap:.75rem}.action-group-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.5px}.action-buttons{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start}.action-btn{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding:.875rem 1.25rem;min-width:120px;max-width:200px;min-height:40px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:var(--highlight-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;box-sizing:border-box;white-space:nowrap;overflow:hidden;position:relative}.action-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.action-btn:hover{background:#667eea33;border-color:#667eea80;transform:translateY(-1px)}.action-btn svg{flex-shrink:0}.stat-card-action{position:relative}.stat-add-btn{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:4px;color:var(--highlight-color);cursor:pointer;opacity:0;transition:all .2s}.stat-card-action:hover .stat-add-btn{opacity:1}.stat-add-btn:hover{background:#667eea4d;border-color:#667eea80}.guided-panel{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;height:100%;overflow-y:auto;background:var(--bg-primary)}.guided-section{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s ease,border-color .2s ease}.guided-section:hover{box-shadow:0 4px 16px #00000014;border-color:var(--primary-alpha-30, rgba(102, 126, 234, .3))}[data-theme=dark] .guided-section{background:#1e1e2899;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003}[data-theme=dark] .guided-section:hover{box-shadow:0 4px 16px #0000004d}.guided-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem;margin:-.75rem -.75rem 0;border-radius:8px;transition:background-color .15s ease}.guided-section-header:hover{background:var(--surface-2)}.guided-section-title-group{display:flex;align-items:flex-start;gap:.75rem}.guided-section-title-group>svg{color:var(--text-3);margin-top:.25rem}.guided-section-title-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.guided-status-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.guided-status{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .5rem;border-radius:4px}.guided-status.ok{color:#059669;background:#0596691a}.guided-status.warn{color:#d97706;background:#d977061a}[data-theme=dark] .guided-status.ok{color:#34d399;background:#34d39926}[data-theme=dark] .guided-status.warn{color:#fbbf24;background:#fbbf2426}.guided-progress-bar{flex:1;height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden;min-width:80px;max-width:140px}.guided-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1)}.guided-progress-text{font-size:.75rem;color:var(--text-3);font-weight:600;font-variant-numeric:tabular-nums}.guided-header{font-size:1.125rem;font-weight:600;color:var(--text-1);display:flex;align-items:center;justify-content:space-between;letter-spacing:-.01em}.guided-header-actions{display:flex;align-items:center;gap:.375rem}.guided-header-actions button{opacity:.6;transition:opacity .15s}.guided-header-actions button:hover{opacity:1}.guided-description{padding:1rem 1.25rem;background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-1) 100%);border-radius:8px;border-left:3px solid var(--primary)}.guided-description p{margin:0;font-size:.875rem;color:var(--text-2);line-height:1.6}.guided-stats{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8125rem;color:var(--text-2)}.guided-stats span{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:var(--surface-2);border-radius:20px;font-weight:500;font-variant-numeric:tabular-nums}.guided-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;padding-top:1rem;border-top:1px solid var(--border)}.guided-actions .form-group{display:flex;flex-direction:column;gap:.5rem}.guided-actions .form-group>label:first-child{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.guided-actions select,.guided-actions input[type=text],.guided-actions textarea{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface-1);color:var(--text-1);font-size:.875rem;font-family:inherit;transition:border-color .15s,box-shadow .15s,background-color .15s}.guided-actions select:hover,.guided-actions input[type=text]:hover,.guided-actions textarea:hover{border-color:var(--primary-alpha-50, rgba(102, 126, 234, .5));background:var(--surface-2)}.guided-actions select:focus,.guided-actions input[type=text]:focus,.guided-actions textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha-20, rgba(102, 126, 234, .2));background:var(--surface-1)}.guided-actions select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.guided-actions>label[class*=block]{margin-top:0}.guided-actions>label[class*=block]>div:first-child{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:.5rem}.guided-actions label input[type=text]{padding:.75rem 1rem;border-radius:8px;height:auto}.guided-actions .form-group.checkbox-row{flex-direction:row;align-items:center;gap:.75rem;grid-column:1 / -1;padding:.75rem 1rem;background:var(--surface-2);border-radius:8px;margin-top:.5rem}.guided-actions .checkbox-row input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.guided-actions .checkbox-row label{font-size:.875rem;color:var(--text-2);cursor:pointer}.guided-actions>button{grid-column:1 / -1;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.guided-actions>button[class*=primary]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 2px 8px #667eea4d}.guided-actions>button[class*=primary]:hover{transform:translateY(-1px);box-shadow:0 4px 16px #667eea66}.guided-actions>button[class*=primary]:active{transform:translateY(0)}.guided-actions>button[class*=secondary]{background:var(--surface-2);border:1.5px solid var(--border);color:var(--text-1)}.guided-actions>button[class*=secondary]:hover{background:var(--surface-1);border-color:var(--primary-alpha-50);color:var(--primary)}.guided-next{display:flex;justify-content:flex-end;margin-top:.5rem}.guided-next button{padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #667eea4d}.guided-next button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #667eea66}.guided-next button:disabled{opacity:.5;cursor:not-allowed;transform:none}.guided-checklist{display:flex;flex-direction:column;gap:.625rem;padding:1rem;background:var(--surface-2);border-radius:10px;border:1px solid var(--border)}.check-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:var(--text-2);line-height:1.5;padding:.5rem .75rem;border-radius:6px;transition:background-color .15s}.check-item:hover{background:var(--surface-1)}.check-item svg{margin-top:.125rem;flex-shrink:0}.check-item.optional{color:var(--text-3);font-style:italic}.guided-welcome{background:linear-gradient(135deg,#667eea1a,#764ba20d);border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden}.guided-welcome:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 70%);pointer-events:none}.guided-welcome-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;position:relative;z-index:1}.guided-welcome-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.guided-welcome-content h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--text-1);letter-spacing:-.02em}.guided-welcome-content p{margin:0;font-size:.9rem;color:var(--text-2);line-height:1.6}.guided-welcome-close{position:absolute;top:1rem;right:1rem;background:var(--surface-2);border:none;font-size:1.25rem;color:var(--text-3);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s;z-index:2}.guided-welcome-close:hover{background:var(--surface-1);color:var(--text-1)}.guided-welcome-tips{display:flex;flex-direction:column;gap:.75rem;padding-top:1.25rem;border-top:1px solid rgba(102,126,234,.2);position:relative;z-index:1}.guided-tip{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:var(--text-2);line-height:1.5}.guided-tip svg{margin-top:.125rem;flex-shrink:0;color:#667eea}.row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.text-link{color:var(--primary);cursor:pointer;text-decoration:none;font-weight:500;transition:opacity .15s}.text-link:hover{opacity:.8;text-decoration:underline}.hint{font-size:.75rem;color:var(--text-3);font-style:italic}@media(max-width:768px){.guided-panel{padding:1rem;gap:1rem}.guided-section{padding:1rem;border-radius:10px}.guided-actions{grid-template-columns:1fr}.guided-welcome-header{flex-direction:column;text-align:center}.guided-welcome-icon{margin:0 auto}}.requirements-panel{padding:1rem;background:var(--bg-primary);border-radius:12px;margin-bottom:1rem;height:100%;display:flex;flex-direction:column;overflow:hidden;color:var(--text-primary)}.requirements-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.requirements-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;margin:0;color:var(--text-primary);flex:1}.requirements-title svg{color:var(--highlight-color)}.requirements-count{margin-left:auto;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);font-size:.75rem;padding:.25rem .5rem;border-radius:12px}.requirements-search{margin-bottom:.75rem}.requirements-add-btn{margin-left:.5rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:var(--highlight-color);cursor:pointer;transition:all .2s}.requirements-add-btn:hover{background:#667eea4d;border-color:#667eea80}.requirements-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.req-tab{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.8rem;font-weight:500;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.req-tab:hover{background:var(--card-hover-bg)}.req-tab.active{background:var(--bg-primary);border-color:var(--tab-color, #667eea);color:var(--text-primary);box-shadow:var(--shadow-sm)}.tab-count{font-size:.7rem;background:#ffffff1a;padding:.15rem .35rem;border-radius:6px}.req-tab.active .tab-count{background:#fff3}.requirements-list{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow-y:auto;min-height:0}.requirement-card{padding:.75rem 1rem;background:var(--card-bg);border-radius:8px;border-left:3px solid var(--req-color, #667eea);transition:all .2s ease}.requirement-card:hover{background:var(--card-hover-bg)}.req-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.req-id{font-family:monospace;font-size:.8rem;font-weight:600;color:var(--req-color, #667eea)}.req-type-badge{display:flex;align-items:center;gap:.25rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-left:auto}.req-actions{display:flex;gap:.25rem;margin-left:.5rem;opacity:0;transition:all .2s}.requirement-card:hover .req-actions{opacity:1}.req-edit-btn,.req-delete-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.req-edit-btn:hover{background:var(--bg-secondary);border-color:var(--highlight-color);color:var(--highlight-color)}.req-delete-btn:hover{background:#ef444433;border-color:#ef44444d;color:#ef4444}.req-description{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.requirements-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-muted)}.requirements-empty .empty-icon{color:var(--text-muted);margin-bottom:1rem;opacity:.5}.requirements-empty p{margin:.5rem 0;font-size:.9rem}.requirements-empty .empty-hint{font-size:.8rem;color:var(--text-muted)}.req-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.req-tag{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-family:monospace;transition:all .2s}.req-tag.clickable{cursor:pointer}.req-tag.clickable:hover{background:var(--highlight-color);border-color:var(--highlight-color);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.coverage-summary{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.875rem}[data-theme=dark] .coverage-summary{background:var(--bg-secondary, #334155);border-color:var(--border-color, #475569)}.coverage-label{color:var(--text-secondary, #64748b);font-size:.8rem}.coverage-value{font-weight:700;font-size:.9rem;padding:.2rem .5rem;border-radius:4px}.coverage-value.good{background:#10b98126;color:#10b981}.coverage-value.medium{background:#f59e0b26;color:#f59e0b}.coverage-value.poor{background:#ef444426;color:#ef4444}.status-badge{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:capitalize;margin-left:.5rem}.requirement-coverage{margin-top:.5rem;margin-bottom:.5rem}.requirement-card.selected{background:#3b82f60d;border-color:var(--highlight-color, #3b82f6);box-shadow:0 4px 12px #3b82f633;animation:requirementPulse 2s ease-in-out infinite}@keyframes requirementPulse{0%,to{box-shadow:0 4px 12px #3b82f633}50%{box-shadow:0 4px 16px #3b82f64d}}.adrs-panel{padding:1rem;background:var(--bg-primary);border-radius:12px;margin-bottom:1rem;height:100%;display:flex;flex-direction:column;overflow:hidden;color:var(--text-primary)}.adrs-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.adrs-title svg{color:#f59e0b}.adrs-count{margin-left:auto;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);font-size:.75rem;padding:.25rem .5rem;border-radius:12px}.adrs-search{margin-bottom:.75rem}.adrs-add-btn{margin-left:.5rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f59e0b33;border:1px solid rgba(245,158,11,.3);border-radius:6px;color:#f59e0b;cursor:pointer;transition:all .2s}.adrs-add-btn:hover{background:#f59e0b4d;border-color:#f59e0b80}.adrs-list{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow-y:auto;min-height:0}.adr-card{border-radius:8px;overflow:hidden;border:1px solid var(--border-color);transition:all .2s ease}.adr-card.expanded{border-color:#f59e0b4d}.adr-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:var(--card-bg);border:none;color:var(--text-primary);cursor:pointer;text-align:left;transition:background .2s ease}.adr-header:hover{background:var(--card-hover-bg)}.adr-id{font-family:monospace;font-size:.8rem;font-weight:600;color:#f59e0b;flex-shrink:0}.adr-title-text{flex:1;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adr-status{display:flex;align-items:center;gap:.35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .5rem;border-radius:6px;background:rgba(var(--status-color-rgb, 245, 158, 11),.15);color:var(--status-color, #f59e0b);flex-shrink:0}.adr-actions{display:flex;gap:.25rem;margin-left:.5rem;opacity:0;transition:all .2s;flex-shrink:0}.adr-header:hover .adr-actions{opacity:1}.adr-edit-btn,.adr-delete-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.adr-edit-btn:hover{background:var(--bg-secondary);border-color:var(--highlight-color);color:var(--highlight-color)}.adr-delete-btn:hover{background:#ef444433;border-color:#ef44444d;color:#ef4444}.adr-header>svg:last-child{color:var(--text-muted);flex-shrink:0}.adr-content{padding:0 1rem 1rem;background:var(--card-bg);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.adr-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.adr-section:first-child{margin-top:0;padding-top:0;border-top:none}.adr-section h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;color:var(--text-muted)}.adr-section p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.adr-tags-inline{display:flex;flex-wrap:wrap;gap:.35rem;margin-left:.5rem}.adr-tag{display:inline-flex;align-items:center;padding:.2rem .4rem;font-size:.7rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-family:monospace;transition:all .2s}.adr-tag.clickable{cursor:pointer}.adr-tag.clickable:hover{background:var(--highlight-color);border-color:var(--highlight-color);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.dsl-panel{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-color);border-left:1px solid var(--border-color)}.dsl-panel.empty{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);padding:40px 20px}.dsl-empty-content{display:flex;flex-direction:column;gap:12px;text-align:center;max-width:400px}.dsl-empty-hint{font-size:.875rem;color:var(--text-tertiary);line-height:1.5}.dsl-empty-hint strong{color:var(--text-primary);font-weight:600}.dsl-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.dsl-panel-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary)}.dsl-copy-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s}.dsl-copy-btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.dsl-copy-btn:active{transform:scale(.98)}.dsl-panel-content{flex:1;overflow:hidden;position:relative;min-height:0}.dsl-loading,.dsl-error,.dsl-empty{padding:24px;text-align:center;color:var(--text-secondary)}.dsl-error{color:var(--error-color)}.dsl-code{margin:0;padding:16px;background:var(--bg-color);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre;tab-size:2}.dsl-code code{font-family:inherit;color:inherit}.dsl-code{background:var(--code-bg, #1e1e1e);color:var(--code-text, #d4d4d4)}@media(prefers-color-scheme:light){.dsl-code{background:var(--code-bg, #f5f5f5);color:var(--code-text, #333)}}.spinner{animation:spin 1s linear infinite}.code-panel-container{height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.code-tabs{display:flex;gap:.5rem;padding:.5rem 1rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.code-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease}.code-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.code-tab.active{background:var(--bg-primary);color:var(--text-primary);border-color:var(--highlight-color);box-shadow:var(--shadow-sm)}.code-content{flex:1;overflow:hidden;position:relative;background:var(--bg-primary);min-height:0}.governance-panel{display:flex;flex-direction:column;height:100%;overflow-y:auto;background-color:var(--panel-bg);padding:1.5rem;font-family:var(--font-sans)}.governance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.governance-title{display:flex;align-items:center;gap:.75rem}.governance-title h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.governance-score-card{display:flex;align-items:center;gap:2rem;padding:2rem;background-color:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid var(--border-color)}.score-ring{width:100px;height:100px;border-radius:50%;border:8px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.grade{font-size:2.5rem;font-weight:800;line-height:1;color:var(--text-primary)}.score-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.score-summary h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.score-summary p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.governance-sections{display:flex;flex-direction:column;gap:1.5rem}.deduction-section{background-color:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.deduction-section.critical{border-left:4px solid var(--color-danger)}.deduction-section.warning{border-left:4px solid var(--color-warning)}.deduction-section.info{border-left:4px solid var(--color-info)}.section-title{padding:1rem;margin:0;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;background-color:#00000005;border-bottom:1px solid var(--border-color)}.section-title.critical{color:var(--color-danger)}.section-title.warning{color:var(--color-warning)}.section-title.info{color:var(--color-info)}.deduction-list{padding:0}.deduction-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color)}.deduction-item:last-child{border-bottom:none}.deduction-points{font-weight:700;color:var(--color-danger);min-width:40px;text-align:right;font-size:.9rem}.deduction-content{flex:1}.deduction-content strong{display:block;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.deduction-content p{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9rem}.target-ref{display:inline-block;padding:.125rem .375rem;background-color:var(--bg-tertiary);border-radius:4px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.target-ref.clickable{cursor:pointer;transition:all .2s ease;border:1px solid transparent}.target-ref.clickable:hover{background-color:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-primary)}.governance-perfect{text-align:center;padding:4rem;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:1rem}.ahi-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;min-width:400px}.ahi-metric-item{display:flex;flex-direction:column;gap:.25rem}.ahi-metric-header{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:500}.ahi-metric-label{color:var(--text-secondary)}.ahi-metric-value{color:var(--text-primary);font-weight:600}.ahi-metric-track{height:4px;background-color:var(--bg-tertiary);border-radius:2px;overflow:hidden}.ahi-metric-fill{height:100%;transition:width .5s ease-out}@media(max-width:1200px){.ahi-metrics{grid-template-columns:repeat(2,1fr)}}.governance-score{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.governance-score-header{padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f1f5f9);display:flex;align-items:center;justify-content:space-between}.governance-score-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0}.governance-score-overall{display:flex;align-items:center;gap:8px}.score-value{font-size:20px;font-weight:700}.trend-neutral{color:var(--color-text-secondary, #6b7280)}.governance-score-loading,.governance-score-empty{padding:32px;text-align:center;color:var(--color-text-secondary, #6b7280)}.governance-score-empty-subtitle{font-size:12px;margin-top:8px}.governance-score-breakdown{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.score-dimension-actionable{margin-top:8px;padding:8px;background:var(--color-surface, #f8f9fa);border-left:3px solid var(--color-primary, #3b82f6);border-radius:4px;font-size:13px;color:var(--color-text-secondary, #64748b)}.score-dimension-actionable strong{color:var(--color-text-primary, #1e293b)}.score-all-good{padding:24px;text-align:center;color:var(--color-text-secondary, #64748b);font-size:14px}.score-dimension{display:flex;flex-direction:column;gap:8px}.score-dimension-header{display:flex;align-items:center;justify-content:space-between}.score-dimension-label{font-size:13px;font-weight:500;color:var(--color-text-primary, #1e293b)}.score-dimension-value{font-size:13px;font-weight:600}.score-bar{width:100%;height:8px;background:var(--color-surface, #f3f4f6);border-radius:4px;overflow:hidden}.score-bar-fill{height:100%;transition:width .3s ease;border-radius:4px}[data-theme=dark] .governance-score{background:var(--color-background, #0f172a)}[data-theme=dark] .governance-score-header{background:var(--color-surface, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .score-bar{background:var(--color-surface, #0f172a)}.inspector-panel{width:300px;height:100%;background:var(--surface-1);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.inspector-panel.collapsed{width:48px}.inspector-header{padding:.75rem .5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface-2);min-height:50px}.inspector-panel.collapsed .inspector-header{flex-direction:column-reverse;justify-content:center;gap:1rem;padding:1rem 0}.inspector-title{font-size:.875rem;font-weight:600;margin:0;color:var(--text-1);display:flex;align-items:center;gap:.75rem;overflow:hidden;white-space:nowrap}.inspector-panel.collapsed .panel-label{display:none}.panel-icon{min-width:20px;color:var(--primary)}.inspector-panel.collapsed .inspector-actions{flex-direction:column}.inspector-content-container{flex:1;overflow:hidden;opacity:1;transition:opacity .2s;display:flex;flex-direction:column}.inspector-panel.collapsed .inspector-content-container{opacity:0;pointer-events:none;display:none}.inspector-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.inspector-actions{display:flex;align-items:center;gap:.5rem}.collapse-btn{background:transparent;border:none;cursor:pointer;color:var(--text-3);padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.collapse-btn:hover{color:var(--text-1);background:var(--surface-hover)}.inspector-section{display:flex;flex-direction:column;gap:.75rem}.inspector-section-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-3);letter-spacing:.05em}.inspector-item{background:var(--surface-2);border-radius:6px;padding:.75rem;border:1px solid transparent;transition:border-color .2s}.inspector-item:hover{border-color:var(--border-hover)}@media(max-width:768px){.inspector-panel{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:320px;border-left:none;box-shadow:-4px 0 16px #0003}}.wizard-progress-container{padding:12px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.wizard-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.current-step-label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.step-counter{font-size:.8rem;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.progress-track{width:100%;height:4px;background:var(--bg-surface-alt);border-radius:2px;overflow:hidden;position:relative;display:flex;gap:2px}.progress-segment{flex:1;height:100%;background:var(--bg-surface-alt);transition:background .3s;cursor:pointer}.progress-segment.completed{background:var(--primary-600)}.progress-segment.active{background:var(--primary-500)}.progress-segment.locked{opacity:.5;cursor:not-allowed}.progress-segment:hover{opacity:.8}.step-labels-row{display:flex;gap:4px;margin-top:12px;flex-wrap:wrap;justify-content:space-between}.step-label-button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.75rem;color:var(--text-tertiary);position:relative}.step-label-button:hover{background:var(--bg-surface-alt);border-color:var(--border-subtle);color:var(--text-secondary)}.step-label-button.active{background:var(--primary-50, rgba(99, 102, 241, .1));border-color:var(--primary-500, #6366f1);color:var(--primary-600, #4f46e5);font-weight:600}.step-label-button.completed{color:var(--text-secondary)}.step-label-button.locked{opacity:.5;cursor:pointer}.step-label-button.locked:hover{opacity:.7;background:var(--bg-surface-alt)}.step-label-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-surface-alt);font-size:.7rem;font-weight:600;color:var(--text-tertiary);transition:all .2s ease}.step-label-button.active .step-label-number{background:var(--primary-500, #6366f1);color:#fff}.step-label-button.completed .step-label-number{background:var(--primary-600, #4f46e5);color:#fff}.step-label-text{font-size:.7rem;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.step-label-check{position:absolute;top:4px;right:4px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:var(--primary-600, #4f46e5);color:#fff;border-radius:50%;font-size:.6rem;font-weight:700}.current-step-desc{font-size:.8rem;color:var(--text-tertiary);font-weight:400}@media(max-width:768px){.step-labels-row{flex-direction:column;gap:8px}.step-label-button{flex-direction:row;justify-content:flex-start;padding:8px 12px;text-align:left}.step-label-text{flex:1;text-align:left;white-space:normal}}.wizard-stepper{display:flex;flex-direction:column;width:100%}.wizard-step-content{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.25rem;margin:0}.step-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.25rem}.step-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.step-header-content h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--text-1);letter-spacing:-.02em}.step-header-content p{margin:0;font-size:.9375rem;color:var(--text-2);line-height:1.5}.step-section{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg, .75rem);padding:var(--space-4, 1rem);box-shadow:var(--elevation-1, 0 1px 2px 0 rgba(0, 0, 0, .05));transition:all var(--transition-base, .2s ease)}[data-theme=dark] .step-section{background:#1e1e2899;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.step-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .375rem;font-size:1rem;font-weight:600;color:var(--text-1)}.step-section h3 svg{color:var(--primary)}.count-badge{font-size:.75rem;font-weight:700;padding:.125rem .5rem;background:var(--surface-2);border-radius:10px;color:var(--text-2);margin-left:auto}.section-description{margin:0 0 1rem;font-size:.8125rem;color:var(--text-3)}.items-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.items-list:empty{display:none}.item-card{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--surface-2);border-radius:var(--radius-md, .5rem);border:1px solid var(--border);transition:all var(--transition-fast, .15s cubic-bezier(.4, 0, .2, 1));box-shadow:var(--elevation-0, none)}.item-card:hover{background:var(--bg-tertiary, var(--surface-1));transform:translate(2px);box-shadow:var(--elevation-1, 0 1px 2px 0 rgba(0, 0, 0, .05));border-color:var(--highlight-color)}.item-type{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:4px;flex-shrink:0}.item-type.functional{background:#3b82f626;color:#3b82f6}.item-type.non-functional{background:#a855f726;color:#a855f7}.item-text{flex:1;font-size:.875rem;color:var(--text-1);line-height:1.4}.item-remove{padding:.375rem;background:transparent;border:none;border-radius:6px;color:var(--text-3);cursor:pointer;opacity:0;transition:all .15s}.item-card:hover .item-remove{opacity:1}.item-actions{display:flex;align-items:center;gap:.25rem;margin-left:auto}.item-edit{padding:.375rem;background:transparent;border:none;border-radius:6px;color:var(--text-3);cursor:pointer;opacity:0;transition:all .15s}.item-card:hover .item-edit{opacity:1}.item-edit:hover{background:#667eea1a;color:#667eea}.item-remove:hover{background:#ef44441a;color:#ef4444}.add-form{display:flex;gap:.75rem;align-items:flex-end}.add-form>label,.add-form>.form-group{flex:1}.add-form>label input{height:40px}.add-form .form-group select{width:100%;height:40px;padding:0 1rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface-1);color:var(--text-1);font-size:.875rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.add-form button{height:40px;white-space:nowrap}.form-group.type-select{width:140px;flex:0 0 140px}.form-group.type-select select{width:100%;height:40px;padding:0 1rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface-1);color:var(--text-1);font-size:.875rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.form-group.type-select select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha-20, rgba(102, 126, 234, .2))}.step-navigation{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;border-top:1px solid var(--border);margin-top:.5rem}.step-nav-hint{font-size:.8125rem;color:var(--text-3)}.step-navigation button{padding:.875rem 1.5rem;font-size:.9375rem}.context-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:640px){.context-grid{grid-template-columns:1fr}}.context-card{display:flex;flex-direction:column;gap:var(--space-3, .75rem);padding:var(--space-5, 1.25rem);background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-lg, .75rem);transition:all var(--transition-fast, .15s cubic-bezier(.4, 0, .2, 1));box-shadow:var(--elevation-1, 0 1px 2px 0 rgba(0, 0, 0, .05))}.context-card:hover{border-color:var(--primary-alpha-50, rgba(102, 126, 234, .5));transform:translateY(-2px);box-shadow:var(--elevation-2, 0 1px 3px 0 rgba(0, 0, 0, .1))}.context-card h4{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:600;color:var(--text-1)}.context-card h4 svg{color:var(--primary)}.context-items{display:flex;flex-wrap:wrap;gap:.5rem}.context-item{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--surface-1);border-radius:6px;font-size:.8125rem;color:var(--text-1)}.context-item button{padding:.125rem;background:transparent;border:none;color:var(--text-3);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.context-item button:hover{background:#ef44441a;color:#ef4444}.empty-state-hint{background:var(--primary-50, rgba(99, 102, 241, .05));border:1px solid var(--primary-100, rgba(99, 102, 241, .2));border-radius:8px;padding:1rem;margin-bottom:1rem}.empty-state-hint p{margin:0 0 .75rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.empty-state-hint strong{color:var(--text-primary);font-weight:600}.example-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.example-list li{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;padding-left:.5rem}.example-list li strong{color:var(--primary-600, #4f46e5);font-weight:600}.placeholder-hint{margin-top:1rem;padding:.75rem;background:var(--primary-50, rgba(99, 102, 241, .05));border-radius:6px;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.placeholder-hint strong{color:var(--text-primary)}@media(max-width:768px){.wizard-step-content{padding:1.5rem}.step-header{flex-direction:column;text-align:center}.step-icon{margin:0 auto}.add-form{flex-direction:column}.add-form>label,.add-form>.form-group,.form-group.type-select{width:100%;flex:1}.step-navigation{flex-direction:column;gap:1rem;text-align:center}}.relations-section{border:1px dashed var(--border);background:transparent}[data-theme=dark] .relations-section{background:#667eea08}.relation-card{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.relation-element{font-size:.8125rem;font-weight:600;color:var(--text-1);padding:.25rem .5rem;background:var(--surface-1);border-radius:4px}.relation-element.from{background:#3b82f61a;color:#3b82f6}.relation-element.to{background:#10b9811a;color:#10b981}.relation-arrow-small{color:var(--text-3);flex-shrink:0}.relation-label-text{font-size:.75rem;color:var(--text-2);font-style:italic;margin-left:auto;margin-right:.5rem}.relation-form-inline{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.relation-form-inline svg{max-width:16px;max-height:16px;width:auto;height:auto}.relation-form-inline .form-group{flex:1;min-width:100px}.relation-form-inline .form-arrow{color:var(--text-3);flex-shrink:0}@media(max-width:640px){.relation-form-inline{flex-direction:column;align-items:stretch}.relation-form-inline .form-group,.relation-form-inline>label{width:100%}.relation-form-inline .form-arrow{display:none}}.step-icon.governance{background:linear-gradient(135deg,#10b981,#059669)}.step-icon.flows{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.governance-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.gov-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--surface-2);border:1.5px solid var(--border);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-2);cursor:pointer;transition:all .15s}.gov-tab:hover{background:var(--surface-1);border-color:var(--primary-alpha-50, rgba(102, 126, 234, .5))}.gov-tab.active{background:linear-gradient(135deg,#10b98126,#0596691a);border-color:#10b98180;color:#10b981}.adr-card{flex-direction:column;padding:0;overflow:hidden}.adr-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;width:100%}.adr-header:hover{background:var(--surface-1)}.adr-status{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:4px}.adr-status.proposed{background:#eab30826;color:#eab308}.adr-status.accepted{background:#10b98126;color:#10b981}.adr-status.deprecated{background:#ef444426;color:#ef4444}.adr-status.superseded{background:#6b728026;color:#6b7280}.adr-details{padding:.75rem 1rem;border-top:1px solid var(--border);background:var(--surface-1)}.adr-field{font-size:.8125rem;color:var(--text-2);margin-bottom:.5rem;line-height:1.5}.adr-field strong{color:var(--text-1)}.adr-form{flex-direction:column;gap:.75rem}.adr-form .form-row{display:flex;gap:.75rem;align-items:flex-end}.adr-form .form-row>*{flex:1}.textarea-group{flex:1}.textarea-group label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:.5rem}.textarea-group textarea{width:100%;padding:.75rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface-1);color:var(--text-1);font-size:.875rem;line-height:1.5;resize:vertical;font-family:inherit}.textarea-group textarea:focus{outline:none;border-color:var(--primary)}.item-icon.policy{color:#10b981}.item-desc{font-size:.75rem;color:var(--text-3);font-style:italic}.scenario-tabs{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1rem}.scenario-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--surface-2);border:1.5px solid var(--border);border-radius:8px;font-size:.8125rem;font-weight:500;color:var(--text-2);cursor:pointer;transition:all .15s}.scenario-tab:hover{background:var(--surface-1);border-color:var(--primary-alpha-50, rgba(102, 126, 234, .5))}.scenario-tab.active{background:linear-gradient(135deg,#8b5cf626,#7c3aed1a);border-color:#8b5cf680;color:#8b5cf6}.scenario-remove{padding:.25rem;background:transparent;border:none;color:var(--text-3);cursor:pointer;border-radius:4px;opacity:0;transition:all .15s}.scenario-tab:hover .scenario-remove{opacity:1}.scenario-remove:hover{background:#ef44441a;color:#ef4444}.add-scenario-inline{display:flex;gap:.5rem;align-items:center}.add-scenario-inline>label{flex:0 0 80px}.add-scenario-inline>label:nth-child(2){flex:1}.add-scenario-inline>label input{height:32px;font-size:.8125rem}.add-scenario-inline>button{height:32px;padding:0 .5rem}.steps-list .step-card{display:flex;align-items:center;gap:.5rem}.step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.step-desc{font-size:.75rem;color:var(--text-2);font-style:italic;margin-left:auto;margin-right:.5rem}.step-form{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.step-form .form-group{flex:1;min-width:100px}.step-form .form-group select{width:100%;height:36px;padding:0 .75rem;border:1.5px solid var(--border);border-radius:6px;background:var(--surface-1);color:var(--text-1);font-size:.8125rem;cursor:pointer}.step-form>label{flex:2;min-width:150px}.step-form>label input{height:36px;font-size:.8125rem}.governance-section{border:1px dashed var(--border);background:transparent}[data-theme=dark] .governance-section{background:#10b98108}.governance-mini-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.governance-toggle{display:flex;justify-content:flex-end;margin-bottom:.5rem}.gov-toggle-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--surface-2);border:1.5px solid var(--border);border-radius:6px;font-size:.75rem;font-weight:500;color:var(--text-2);cursor:pointer;transition:all .15s}.gov-toggle-btn:hover{background:var(--surface-1);border-color:var(--primary-alpha-50)}.gov-mini-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--surface-2);border:1.5px solid var(--border);border-radius:6px;font-size:.75rem;font-weight:500;color:var(--text-2);cursor:pointer;transition:all .15s}.gov-mini-tab:hover{background:var(--surface-1);border-color:var(--primary-alpha-50)}.gov-mini-tab.active{background:#10b9811a;border-color:#10b98180;color:#10b981}.governance-form{flex-wrap:wrap;gap:.5rem}.governance-form .form-row{display:flex;gap:.5rem;width:100%;align-items:flex-end}.governance-form .form-group{flex:1;min-width:80px}.governance-form .form-group label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:.375rem}.governance-form .form-group select,.governance-form .form-group input{width:100%;height:32px;padding:0 .625rem;border:1.5px solid var(--border);border-radius:6px;background:var(--surface-1);color:var(--text-1);font-size:.75rem}.governance-form>label{flex:2}.governance-form>label input{height:32px;font-size:.75rem}.governance-form>button{height:32px;padding:0 .625rem}.item-tag{font-size:.625rem;font-weight:600;padding:.1875rem .5rem;background:#667eea1a;color:#667eea;border-radius:4px;margin-left:auto;margin-right:.5rem}.adr-card-mini{flex-direction:column;padding:0}.adr-header-mini{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;width:100%;font-size:.8125rem}.adr-header-mini:hover{background:var(--surface-1)}.adr-details-mini{padding:.5rem .75rem;border-top:1px solid var(--border);background:var(--surface-1)}.adr-mini-form .form-row{margin-bottom:.5rem}.textarea-group-mini{flex:2}.textarea-group-mini label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:.375rem}.textarea-group-mini input{width:100%;height:32px;padding:0 .625rem;border:1.5px solid var(--border);border-radius:6px;background:var(--surface-1);color:var(--text-1);font-size:.75rem}.template-prompt{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#6366f114,#a855f714);border:1px dashed rgba(99,102,241,.4);border-radius:12px}.template-prompt-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.template-prompt-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.template-prompt-hint{font-size:.8125rem;color:var(--text-3)}.best-practice-tip{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:8px;font-size:.8125rem;line-height:1.5;margin:.5rem 0;border:1px solid}.tip-icon{flex-shrink:0;margin-top:1px}.tip-content{display:flex;flex-direction:column;gap:.25rem}.tip-title{font-weight:600}.tip-text{color:inherit;opacity:.9}.tip-tip{background:#fbbf241a;border-color:#fbbf244d;color:#b45309}[data-theme=dark] .tip-tip{background:#fbbf2414;border-color:#fbbf2440;color:#fbbf24}.tip-tip .tip-icon{color:#f59e0b}.tip-warning{background:#ef44441a;border-color:#ef44444d;color:#b91c1c}[data-theme=dark] .tip-warning{background:#ef444414;border-color:#ef444440;color:#fca5a5}.tip-warning .tip-icon{color:#ef4444}.tip-success{background:#22c55e1a;border-color:#22c55e4d;color:#15803d}[data-theme=dark] .tip-success{background:#22c55e14;border-color:#22c55e40;color:#86efac}.tip-success .tip-icon{color:#22c55e}.tip-info{background:#3b82f61a;border-color:#3b82f64d;color:#1d4ed8}[data-theme=dark] .tip-info{background:#3b82f614;border-color:#3b82f640;color:#93c5fd}.tip-info .tip-icon{color:#3b82f6}.tip-doc-link{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.8125rem;color:var(--color-primary, #3b82f6);text-decoration:none;font-weight:500;transition:opacity .2s}.tip-doc-link:hover{opacity:.8;text-decoration:underline}.tip-doc-link svg{vertical-align:middle}.share-panel-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.share-panel-modal{background:var(--surface-1);border:1px solid var(--border);border-radius:16px;width:90%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .2s ease}.share-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.share-panel-title{display:flex;align-items:center;gap:.625rem;color:var(--text-1)}.share-panel-title h2{margin:0;font-size:1.125rem;font-weight:700}.share-close-btn{background:none;border:none;cursor:pointer;color:var(--text-3);padding:.5rem;border-radius:8px;transition:all .15s}.share-close-btn:hover{background:var(--surface-2);color:var(--text-1)}.share-panel-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.share-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .375rem;font-size:.875rem;font-weight:600;color:var(--text-1)}.share-section p{margin:0 0 .75rem;font-size:.75rem;color:var(--text-3)}.share-url-row{display:flex;gap:.5rem}.share-url-row input{flex:1;padding:.625rem .75rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text-1);font-size:.75rem;font-family:SF Mono,monospace}.share-url-row input:focus{outline:none;border-color:#3b82f6}.share-copy-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.share-copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.export-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--surface-2);border:1.5px solid var(--border);border-radius:12px;transition:all .15s}.export-card:hover{border-color:#3b82f680;background:#3b82f60d}.export-icon{color:var(--primary)}.export-info{text-align:center}.export-info h4{margin:0;font-size:.8125rem;font-weight:600;color:var(--text-1)}.export-info p{margin:.125rem 0 0;font-size:.6875rem;color:var(--text-3)}.export-actions{display:flex;gap:.375rem;margin-top:.25rem}.export-actions button{padding:.375rem;background:var(--surface-1);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text-2);transition:all .15s}.export-actions button:hover{background:var(--primary);border-color:var(--primary);color:#fff}@media(max-width:480px){.export-grid{grid-template-columns:1fr}}.builder-wizard{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-primary)}.builder-wizard.view-mode{opacity:.95}.builder-view-mode-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary, #f1f5f9);border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-secondary, #64748b);font-size:.875rem;font-weight:500}[data-theme=dark] .builder-view-mode-banner{background:var(--bg-secondary, #334155);border-color:var(--border-color, #475569);color:var(--text-secondary, #cbd5e1)}.builder-view-mode-banner svg{flex-shrink:0;opacity:.7}.wizard-content{flex:1;display:flex;overflow:hidden}.wizard-main{flex:1;overflow-y:auto;overflow-x:hidden;min-width:0;scrollbar-width:thin;scrollbar-color:var(--border-color, #e2e8f0) var(--bg-secondary, #f8fafc)}.wizard-main::-webkit-scrollbar{width:12px}.wizard-main::-webkit-scrollbar-track{background:var(--bg-secondary, #f8fafc);border-radius:6px}.wizard-main::-webkit-scrollbar-thumb{background-color:var(--border-color, #e2e8f0);border-radius:6px;border:2px solid var(--bg-secondary, #f8fafc);min-height:30px;cursor:pointer}.wizard-main::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted, #94a3b8)}[data-theme=dark] .wizard-main{scrollbar-color:var(--border-color, #334155) var(--bg-tertiary, #1e293b)}[data-theme=dark] .wizard-main::-webkit-scrollbar-track{background:var(--bg-tertiary, #1e293b)}[data-theme=dark] .wizard-main::-webkit-scrollbar-thumb{background-color:var(--border-color, #334155);border-color:var(--bg-tertiary, #1e293b)}[data-theme=dark] .wizard-main::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary, #94a3b8)}.wizard-sidebar{width:260px;flex-shrink:0;border-left:1px solid var(--border);padding:1rem;overflow-y:auto;overflow-x:hidden;background:var(--surface-1);scrollbar-width:thin;scrollbar-color:var(--border-color, #e2e8f0) var(--bg-secondary, #f8fafc)}.wizard-sidebar::-webkit-scrollbar{width:12px}.wizard-sidebar::-webkit-scrollbar-track{background:var(--bg-secondary, #f8fafc);border-radius:6px}.wizard-sidebar::-webkit-scrollbar-thumb{background-color:var(--border-color, #e2e8f0);border-radius:6px;border:2px solid var(--bg-secondary, #f8fafc);min-height:30px;cursor:pointer}.wizard-sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted, #94a3b8)}[data-theme=dark] .wizard-sidebar{scrollbar-color:var(--border-color, #334155) var(--bg-tertiary, #1e293b)}[data-theme=dark] .wizard-sidebar::-webkit-scrollbar-track{background:var(--bg-tertiary, #1e293b)}[data-theme=dark] .wizard-sidebar::-webkit-scrollbar-thumb{background-color:var(--border-color, #334155);border-color:var(--bg-tertiary, #1e293b)}[data-theme=dark] .wizard-sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary, #94a3b8)}[data-theme=dark] .wizard-sidebar{background:#14141c99}@media(max-width:1024px){.wizard-content{flex-direction:column}.wizard-sidebar{width:100%;max-height:180px;border-left:none;border-top:1px solid var(--border)}}.step-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center}.step-placeholder h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-1)}.step-placeholder p{margin:0;font-size:1rem;color:var(--text-2)}.step-placeholder .step-navigation{display:flex;gap:1rem;margin-top:1.5rem}.step-placeholder .btn-primary,.step-placeholder .btn-secondary{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s}.step-placeholder .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 2px 8px #667eea4d}.step-placeholder .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #667eea66}.step-placeholder .btn-secondary{background:var(--surface-2);border:1.5px solid var(--border);color:var(--text-1)}.step-placeholder .btn-secondary:hover{background:var(--surface-1);border-color:var(--primary-alpha-50)}.sidebar-actions{display:flex;gap:.5rem;margin-bottom:1rem}.share-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.share-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.quality-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);min-width:80px;transition:all .2s ease}.quality-label{font-size:.65rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em;opacity:.7;margin-bottom:-2px}.quality-value{font-size:1.125rem;font-weight:800;font-family:JetBrains Mono,monospace}.quality-badge.good{background:#10b9811a;border-color:#10b9814d;color:#10b981}.quality-badge.avg{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.quality-badge.poor{background:#ef44441a;border-color:#ef44444d;color:#ef4444}[data-theme=dark] .quality-badge.good{background:#10b98126}[data-theme=dark] .quality-badge.avg{background:#f59e0b26}[data-theme=dark] .quality-badge.poor{background:#ef444426}.welcome-step{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;min-height:100%;max-width:900px;margin:0 auto}.welcome-header{text-align:center;margin-bottom:3rem}.welcome-header h2{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:var(--text-1)}.welcome-header p{font-size:1.125rem;color:var(--text-2);margin:0}.welcome-options{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;margin-bottom:2rem}.welcome-card{background:var(--surface-1);border:2px solid var(--border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;transition:all .2s ease}.welcome-card:hover{border-color:var(--primary-alpha-50);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.welcome-card h3{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:var(--text-1)}.welcome-card p{font-size:1rem;color:var(--text-2);margin:0 0 1.5rem;line-height:1.6}.welcome-card ul{list-style:none;padding:0;margin:0 0 1.5rem;flex:1}.welcome-card ul li{padding:.5rem 0;color:var(--text-2);font-size:.9375rem;line-height:1.5}.welcome-card button{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .15s;width:100%}.welcome-card .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.welcome-card .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #667eea66}.welcome-card .btn-secondary{background:var(--surface-2);border:2px solid var(--border);color:var(--text-1)}.welcome-card .btn-secondary:hover{background:var(--surface-1);border-color:var(--primary-alpha-50)}@media(max-width:768px){.welcome-options{grid-template-columns:1fr}.welcome-header h2{font-size:1.5rem}.welcome-step{padding:2rem 1rem}}.documentation-panel{padding:var(--space-4, 1rem);background:var(--bg-secondary, #f9fafb);border-radius:var(--radius-lg, .75rem);border:1px solid var(--border-color, #e5e7eb)}.documentation-panel.compact{padding:0;background:transparent;border:none}.doc-header{display:flex;align-items:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-3, .75rem)}.doc-header h3{font-size:1rem;font-weight:600;margin:0;color:var(--color-text, #111827)}.doc-header-compact{display:flex;align-items:center;gap:var(--space-2, .5rem);width:100%;padding:var(--space-2, .5rem) var(--space-3, .75rem);background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md, .5rem);font-size:.875rem;font-weight:600;color:var(--color-text, #111827);cursor:pointer;transition:all .2s;margin-bottom:var(--space-2, .5rem)}.doc-header-compact:hover{background:linear-gradient(135deg,#3b82f626,#6366f126);border-color:#3b82f64d;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f61a}.doc-description{font-size:.875rem;color:var(--color-text-secondary, #6b7280);margin-bottom:var(--space-3, .75rem)}.doc-topics{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.doc-topics-compact{display:flex;flex-direction:column;gap:var(--space-2, .5rem);margin-top:var(--space-2, .5rem);padding:var(--space-3, .75rem);background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-md, .5rem)}.doc-intro-compact{font-size:.75rem;color:var(--color-text-secondary, #6b7280);font-style:italic;margin-bottom:var(--space-1, .25rem)}.doc-topic-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, .75rem);background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-md, .5rem);text-decoration:none;color:var(--color-text, #111827);transition:all .2s}.doc-topic-card:hover{border-color:var(--color-primary, #3b82f6);background:var(--bg-secondary, #f9fafb);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.doc-topic-content{display:flex;flex-direction:column;gap:var(--space-1, .25rem);flex:1}.doc-topic-title{font-size:.875rem;font-weight:600;color:var(--color-text, #111827)}.doc-topic-desc{font-size:.8125rem;color:var(--color-text-secondary, #6b7280)}.doc-topic-icon{color:var(--color-text-tertiary, #9ca3af);flex-shrink:0}.doc-link-compact{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2, .5rem) var(--space-3, .75rem);font-size:.8125rem;color:var(--color-primary, #3b82f6);text-decoration:none;border-radius:var(--radius-sm, .375rem);transition:all .2s;border:1px solid transparent}.doc-link-compact:hover{background:var(--bg-tertiary, #f3f4f6);border-color:var(--color-primary, #3b82f6);text-decoration:underline;transform:translate(2px)}.doc-link-more{margin-top:var(--space-1, .25rem);padding-top:var(--space-2, .5rem);border-top:1px solid var(--border-color, #e5e7eb);font-weight:500}.doc-topic-item-compact{border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-sm, .375rem);margin-bottom:var(--space-2, .5rem);background:#fff;transition:all .2s}.doc-topic-item-compact:hover{border-color:var(--color-primary, #3b82f6);box-shadow:0 1px 3px #3b82f61a}.doc-topic-header-compact{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2, .5rem) var(--space-3, .75rem);gap:var(--space-2, .5rem)}.doc-topic-toggle{display:flex;align-items:center;gap:var(--space-2, .5rem);flex:1;background:none;border:none;text-align:left;cursor:pointer;padding:0;font-size:.8125rem;font-weight:500;color:var(--color-text, #111827);transition:color .2s}.doc-topic-toggle:hover:not(:disabled){color:var(--color-primary, #3b82f6)}.doc-topic-toggle:disabled{cursor:default}.doc-topic-toggle.no-excerpt{cursor:default}.chevron-icon{transition:transform .2s;flex-shrink:0;color:var(--color-text-secondary, #6b7280)}.chevron-icon.expanded{transform:rotate(90deg)}.doc-topic-title-compact{flex:1}.doc-external-link{display:flex;align-items:center;padding:var(--space-1, .25rem);color:var(--color-text-secondary, #6b7280);text-decoration:none;border-radius:var(--radius-sm, .375rem);transition:all .2s;flex-shrink:0}.doc-external-link:hover{color:var(--color-primary, #3b82f6);background:var(--bg-tertiary, #f3f4f6)}.doc-excerpt-compact{padding:var(--space-3, .75rem);padding-top:0;border-top:1px solid var(--border-color, #e5e7eb);margin-top:var(--space-2, .5rem);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.doc-excerpt-content{font-size:.8125rem;line-height:1.6;color:var(--color-text, #111827);margin-bottom:var(--space-2, .5rem)}.doc-excerpt-content strong{font-weight:600;color:var(--color-text, #111827)}.doc-excerpt-content em{font-style:italic}.doc-excerpt-content code{background:var(--bg-tertiary, #f3f4f6);padding:.125rem .25rem;border-radius:.25rem;font-size:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:var(--color-primary, #3b82f6)}.doc-learn-more{display:inline-flex;align-items:center;gap:var(--space-1, .25rem);font-size:.75rem;font-weight:500;color:var(--color-primary, #3b82f6);text-decoration:none;transition:all .2s}.doc-learn-more:hover{text-decoration:underline;gap:var(--space-2, .5rem)}.doc-more{font-size:.75rem;color:var(--color-text-secondary, #6b7280);padding:var(--space-2, .5rem);text-align:center;font-style:italic}.validation-panel{background:var(--surface-2);border:1.5px solid var(--border);border-radius:12px;overflow:hidden}.validation-panel.compact{background:transparent;border:1px dashed var(--border);border-radius:8px;margin-bottom:1rem}.validation-panel.compact.valid{border-color:#10b98166;background:#10b98108}.validation-panel.compact.invalid{border-color:#ef444466;background:#ef444408}.validation-header-compact{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .875rem;background:none;border:none;cursor:pointer}.validation-score-compact{display:flex;align-items:center;gap:.375rem}.validation-score-compact .score{font-size:.875rem;font-weight:700}.validation-summary-compact{display:flex;gap:.5rem;margin-left:auto}.validation-issues-compact{padding:0 .875rem .75rem;display:flex;flex-direction:column;gap:.375rem}.issue-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .625rem;background:var(--surface-1);border-radius:6px;font-size:.75rem;color:var(--text-2)}.issue-item.error{border-left:3px solid #ef4444}.issue-item.warning{border-left:3px solid #f59e0b}.issue-item.info{border-left:3px solid #3b82f6}.issue-item svg{flex-shrink:0;margin-top:1px}.issue-item.error svg{color:#ef4444}.issue-item.warning svg{color:#f59e0b}.issue-item.info svg{color:#3b82f6}.issue-message{line-height:1.4}.issues-more{font-size:.6875rem;color:var(--text-3);text-align:center;padding:.25rem}.validation-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--surface-1);border-bottom:1px solid var(--border)}.validation-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-1)}.validation-score{font-size:1.5rem;font-weight:700}.score-good{color:#10b981}.score-warning{color:#f59e0b}.score-error{color:#ef4444}.icon-valid{color:#10b981}.icon-invalid{color:#ef4444}.validation-summary{display:flex;gap:1rem;padding:.75rem 1rem;background:var(--surface-2);border-bottom:1px solid var(--border)}.summary-stat{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-3)}.summary-stat.has-issues{color:var(--text-1)}.summary-stat.has-issues svg{color:inherit}.validation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-3);gap:.75rem}.validation-empty p{margin:0;font-size:.875rem}.validation-categories{max-height:400px;overflow-y:auto}.validation-category{border-bottom:1px solid var(--border)}.validation-category:last-child{border-bottom:none}.category-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;cursor:pointer;font-size:.8125rem;font-weight:500;color:var(--text-1);text-align:left}.category-header:hover{background:var(--surface-1)}.category-label{flex:1}.category-count{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;background:var(--surface-1);border-radius:10px}.category-issues{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.5rem}.issue-card{padding:.75rem;background:var(--surface-1);border-radius:8px;border-left:3px solid var(--border)}.issue-card.error{border-left-color:#ef4444}.issue-card.warning{border-left-color:#f59e0b}.issue-card.info{border-left-color:#3b82f6}.issue-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.issue-header svg{flex-shrink:0}.issue-card.error .issue-header svg{color:#ef4444}.issue-card.warning .issue-header svg{color:#f59e0b}.issue-card.info .issue-header svg{color:#3b82f6}.issue-element{font-size:.6875rem;font-weight:600;padding:.125rem .375rem;background:var(--surface-2);border-radius:4px;color:var(--text-2)}.issue-card .issue-message{margin:0;font-size:.8125rem;color:var(--text-1);line-height:1.4}.issue-suggestion{margin:.5rem 0 0;font-size:.75rem;color:var(--text-3);font-style:italic}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:10px;font-size:.6875rem;font-weight:600}.badge.error{background:#ef444426;color:#ef4444}.badge.warning{background:#f59e0b26;color:#f59e0b}.badge.success{background:#10b98126;color:#10b981}.dsl-preview{border:1px solid var(--border);border-radius:10px;background:var(--surface-1);overflow:hidden;transition:all .2s ease}[data-theme=dark] .dsl-preview{background:#14141ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dsl-preview-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:var(--surface-2);border:none;border-bottom:1px solid var(--border);cursor:pointer;transition:background-color .15s}.dsl-preview-header:hover{background:var(--bg-tertiary, var(--surface-1))}.dsl-preview-title{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--text-1)}.dsl-preview-title svg{color:var(--primary)}.dsl-preview-hint{font-weight:400;font-size:.6875rem;color:var(--text-3);margin-left:.5rem;padding:.125rem .375rem;background:var(--surface-1);border-radius:4px}.dsl-preview-actions{display:flex;align-items:center;gap:.5rem}.dsl-preview-actions>svg{color:var(--text-3)}.dsl-copy-btn{display:flex;align-items:center;justify-content:center;padding:.375rem;background:var(--surface-1);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text-2);transition:all .15s}.dsl-copy-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.dsl-copy-btn svg{color:inherit}.dsl-preview-code{margin:0;padding:1rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8125rem;line-height:1.6;overflow-x:auto;max-height:200px;transition:max-height .3s ease}.dsl-preview.expanded .dsl-preview-code{max-height:400px}.dsl-preview-code code{display:block;white-space:pre;color:var(--text-2)}.dsl-keyword{color:#c678dd;font-weight:600}[data-theme=dark] .dsl-keyword{color:#c792ea}.dsl-keyword-gov{color:#10b981;font-weight:600}[data-theme=dark] .dsl-keyword-gov{color:#6ee7b7}.dsl-property{color:#e5c07b}[data-theme=dark] .dsl-property{color:#ffcb6b}.dsl-string{color:#98c379}[data-theme=dark] .dsl-string{color:#a5d6a7}.dsl-status-proposed{color:#f59e0b!important;font-style:italic}.dsl-status-accepted{color:#10b981!important;font-weight:600}.dsl-status-deprecated{color:#ef4444!important;text-decoration:line-through}.dsl-req-type{color:#3b82f6;font-weight:500}.dsl-tags{color:#8b5cf6}[data-theme=dark] .dsl-tags{color:#a78bfa}.dsl-arrow{color:#e5c07b;font-weight:600}[data-theme=dark] .dsl-arrow{color:#ffcb6b}.dsl-comment{color:#5c6370;font-style:italic}[data-theme=dark] .dsl-comment{color:#676e95}.dsl-id{color:#61afef}[data-theme=dark] .dsl-id{color:#82aaff}.dsl-more{color:var(--text-3);font-style:italic}@media(max-width:768px){.dsl-preview-code{font-size:.75rem;padding:.75rem}}.template-gallery-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.template-gallery-modal{background:var(--surface-1);border:1px solid var(--border);border-radius:16px;width:90%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.template-gallery-header{padding:1.5rem;border-bottom:1px solid var(--border);position:relative}.template-gallery-header h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:700;color:var(--text-1)}.template-gallery-header p{margin:0;font-size:.875rem;color:var(--text-3)}.template-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:var(--text-3);padding:.5rem;border-radius:8px;transition:all .15s}.template-close-btn:hover{background:var(--surface-2);color:var(--text-1)}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem;overflow-y:auto;flex:1}.template-card{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem;background:var(--surface-2);border:2px solid transparent;border-radius:12px;cursor:pointer;text-align:left;transition:all .15s;position:relative}.template-card:hover{background:var(--surface-1);border-color:var(--border);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.template-card.selected{background:#3b82f61a;border-color:#3b82f6}.template-icon{font-size:2rem;line-height:1}.template-info h3{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-1)}.template-info p{margin:.25rem 0 0;font-size:.75rem;color:var(--text-3);line-height:1.4}.template-category{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-3);background:var(--surface-1);padding:.25rem .5rem;border-radius:6px;margin-top:auto}.template-selected-badge{position:absolute;top:.75rem;right:.75rem;color:#3b82f6}.template-gallery-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 16px 16px}.template-cancel-btn{padding:.625rem 1.25rem;background:transparent;border:1px solid var(--border);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-2);cursor:pointer;transition:all .15s}.template-cancel-btn:hover{background:var(--surface-1);color:var(--text-1)}.template-use-btn{padding:.625rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .15s}.template-use-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.template-use-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.template-grid{grid-template-columns:1fr}}.split-layout-container{display:flex;width:100%;height:100%;overflow:hidden;position:relative;background:var(--bg-secondary)}.split-pane{height:100%;overflow:hidden;position:relative;min-width:0;display:flex;flex-direction:column}.split-resizer{width:5px;background:var(--border-color);cursor:col-resize;position:relative;z-index:10;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .2s,width .2s;pointer-events:auto}.split-resizer:hover,.split-layout-container.resizing .split-resizer{background:var(--highlight-color)}.resizer-handle{width:2px;height:24px;background:var(--text-muted);border-radius:1px;opacity:0;transition:opacity .2s}.split-resizer:hover .resizer-handle{opacity:1}.split-layout-container.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.split-layout-container.resizing .split-pane{pointer-events:none}.left-pane{background:var(--bg-primary);border-right:1px solid var(--border-color)}.right-pane{background:var(--bg-secondary);flex:1}.split-collapse-btn{position:absolute;top:50%;left:-10px;transform:translateY(-50%);width:20px;height:40px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:25;box-shadow:0 1px 3px #0000001a;color:var(--text-secondary);transition:all .2s ease;padding:0;pointer-events:auto}.split-collapse-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:0 2px 5px #00000026}.split-collapse-btn:active{transform:translateY(-50%) scale(.95)}.split-resizer:hover .split-collapse-btn{display:flex}.split-collapsed-gutter{width:20px;background:var(--bg-tertiary);border-right:1px solid var(--border-color);position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.split-expand-btn{width:20px;height:40px;background:var(--bg-primary);border:1px solid var(--border-color);border-left:none;border-radius:0 4px 4px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;padding:0}.split-expand-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:2px 0 5px #0000001a}.role-view{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-background, #ffffff)}.role-tabs-container{border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f9fafb)}.role-tabs{display:flex;gap:4px;padding:8px 16px;overflow-x:auto;scrollbar-width:thin}.role-tabs::-webkit-scrollbar{height:4px}.role-tabs::-webkit-scrollbar-track{background:transparent}.role-tabs::-webkit-scrollbar-thumb{background:var(--color-border, #e5e7eb);border-radius:2px}.role-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;transition:all .2s;white-space:nowrap;font-size:13px;font-weight:500}.role-tab:hover{background-color:var(--color-bg-hover, rgba(0, 0, 0, .05))}.role-tab.active{background-color:var(--color-primary-subtle, rgba(59, 130, 246, .1));color:var(--color-primary, #3b82f6);font-weight:600}.role-tab-content{display:flex;align-items:center;gap:6px}.role-view-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.role-view-header{padding:24px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f9fafb)}.role-view-title{font-size:24px;font-weight:600;color:var(--color-text-primary, #111827);margin:0 0 8px}.role-view-description{font-size:14px;color:var(--color-text-secondary, #6b7280);margin:0}.role-view-content{flex:1;padding:24px;overflow-y:auto}.role-view-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--color-text-secondary, #6b7280)}.role-view-placeholder p{font-size:18px;font-weight:500;margin:0 0 8px;color:var(--color-text-primary, #111827)}.role-view-placeholder-subtitle{font-size:14px;color:var(--color-text-secondary, #6b7280);max-width:500px;line-height:1.6}[data-theme=dark] .role-view{background:var(--color-background, #0f172a)}[data-theme=dark] .role-view-header{background:var(--color-surface, #1e293b);border-color:var(--color-border, #334155)}.adr-manager{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.adr-manager-header{padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f1f5f9);display:flex;align-items:center;justify-content:space-between}.adr-item-id-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.adr-manager-empty-state{padding:32px;text-align:center;color:var(--color-text-secondary, #6b7280)}.empty-icon{margin-bottom:12px;color:var(--color-text-secondary, #6b7280)}.adr-manager-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0}.adr-manager-actions{display:flex;gap:8px}.adr-manager-filters{padding:12px 16px;border-bottom:1px solid var(--color-border, #e5e7eb)}.adr-manager-search{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--color-text-secondary, #6b7280);pointer-events:none}.adr-search-input{padding-left:36px;width:100%}.adr-manager-empty{padding:32px;text-align:center;color:var(--color-text-secondary, #6b7280)}.adr-manager-empty-subtitle{font-size:12px;margin-top:8px}.adr-manager-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:16px}.adr-item{padding:16px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-background, #ffffff);cursor:pointer;transition:all .2s}.adr-item:hover{border-color:var(--color-primary, #3b82f6);background:var(--color-surface, rgba(59, 130, 246, .05))}.adr-item.selected{border-color:var(--color-primary, #3b82f6);background:var(--color-primary-subtle, rgba(59, 130, 246, .1))}.adr-item-header{display:flex;gap:12px;align-items:flex-start}.adr-item-status{flex-shrink:0;margin-top:2px}.adr-item-content{flex:1;min-width:0}.adr-item-id{font-size:12px;font-weight:600;color:var(--color-text-primary, #1e293b);margin-bottom:6px}.adr-item-title{font-size:14px;font-weight:500;color:var(--color-text-primary, #1e293b);margin-bottom:8px}.adr-item-decision{font-size:12px;color:var(--color-text-secondary, #6b7280);line-height:1.4}.adr-item-actions{display:flex;gap:4px;flex-shrink:0}.action-button{padding:4px}.adr-item-components{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border, #e5e7eb);display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-secondary, #6b7280)}[data-theme=dark] .adr-manager{background:var(--color-background, #0f172a)}[data-theme=dark] .adr-manager-header{background:var(--color-surface, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .adr-item{background:var(--color-background, #0f172a);border-color:var(--color-border, #334155)}.policy-enforcement{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.policy-enforcement-header{padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f1f5f9);display:flex;flex-direction:column;gap:12px}.policy-enforcement-title-row{display:flex;align-items:center;justify-content:space-between}.policy-enforcement-filters{display:flex;gap:8px;align-items:center}.priority-filters{display:flex;gap:4px}.violation-item-policy-row,.violation-item-content-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.violation-item-actionable{margin-top:8px;padding:8px;background:var(--color-surface, #f8f9fa);border-left:3px solid var(--color-primary, #3b82f6);border-radius:4px;font-size:13px;color:var(--color-text-secondary, #64748b)}.violation-item-actionable strong{color:var(--color-text-primary, #1e293b)}.policy-enforcement-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0}.policy-enforcement-stats{display:flex;gap:12px;align-items:center}.stat-clean{color:#22c55e}.policy-enforcement-empty,.policy-enforcement-clean{padding:32px;text-align:center;color:var(--color-text-secondary, #6b7280)}.policy-enforcement-empty-subtitle{font-size:12px;margin-top:8px}.policy-enforcement-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:16px}.violation-item{padding:16px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-background, #ffffff)}.violation-item.violation-critical{border-left:3px solid #ef4444}.violation-item.violation-warning{border-left:3px solid #f59e0b}.violation-item.violation-info{border-left:3px solid #3b82f6}.violation-item-header{display:flex;gap:12px}.violation-item-severity{flex-shrink:0}.icon-critical{color:#ef4444}.icon-warning{color:#f59e0b}.icon-info{color:#3b82f6}.violation-item-content{flex:1}.violation-item-policy{font-size:13px;font-weight:600;color:var(--color-text-primary, #1e293b);margin-bottom:8px}.violation-item-description{font-size:12px;color:var(--color-text-primary, #1e293b);margin-bottom:8px}.violation-item-suggestion{font-size:11px;color:var(--color-text-secondary, #6b7280);font-style:italic;margin-top:4px}.violation-item-elements{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border, #e5e7eb);font-size:11px;color:var(--color-text-secondary, #6b7280)}[data-theme=dark] .policy-enforcement{background:var(--color-background, #0f172a)}[data-theme=dark] .policy-enforcement-header{background:var(--color-surface, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .violation-item{background:var(--color-background, #0f172a);border-color:var(--color-border, #334155)}.anti-pattern-detector{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.anti-pattern-detector-header{padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f1f5f9);display:flex;flex-direction:column;gap:12px}.anti-pattern-detector-title-row{display:flex;align-items:center;justify-content:space-between}.anti-pattern-detector-filters{display:flex;gap:8px;align-items:center}.anti-pattern-item-type-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.anti-pattern-item-actionable{margin-top:8px;padding:8px;background:var(--color-surface, #f8f9fa);border-left:3px solid var(--color-primary, #3b82f6);border-radius:4px;font-size:13px;color:var(--color-text-secondary, #64748b)}.anti-pattern-item-actionable strong{color:var(--color-text-primary, #1e293b)}.anti-pattern-detector-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0}.anti-pattern-detector-stats{display:flex;gap:12px;align-items:center}.stat-critical{color:#ef4444}.stat-warning{color:#f59e0b}.anti-pattern-detector-clean{padding:32px;text-align:center;color:var(--color-text-secondary, #6b7280)}.clean-icon{color:#22c55e;margin-bottom:12px}.anti-pattern-detector-clean-subtitle{font-size:12px;margin-top:8px}.anti-pattern-detector-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:16px}.anti-pattern-item{padding:16px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-background, #ffffff)}.anti-pattern-item.anti-pattern-critical{border-left:3px solid #ef4444}.anti-pattern-item.anti-pattern-warning{border-left:3px solid #f59e0b}.anti-pattern-item.anti-pattern-info{border-left:3px solid #3b82f6}.anti-pattern-item-header{display:flex;gap:12px}.anti-pattern-item-icon{flex-shrink:0;color:var(--color-text-secondary, #6b7280);margin-top:2px}.anti-pattern-item-content{flex:1}.anti-pattern-item-type{font-size:12px;font-weight:600;color:var(--color-text-primary, #1e293b);text-transform:capitalize;margin-bottom:6px}.anti-pattern-item-description{font-size:12px;color:var(--color-text-primary, #1e293b);margin-bottom:8px;line-height:1.4}.anti-pattern-item-suggestion{font-size:11px;color:var(--color-text-secondary, #6b7280);font-style:italic;margin-top:4px}.anti-pattern-item-elements{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border, #e5e7eb);font-size:11px;color:var(--color-text-secondary, #6b7280)}[data-theme=dark] .anti-pattern-detector{background:var(--color-background, #0f172a)}[data-theme=dark] .anti-pattern-detector-header{background:var(--color-surface, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .anti-pattern-item{background:var(--color-background, #0f172a);border-color:var(--color-border, #334155)}.slo-manager{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.slo-manager-header{padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f1f5f9);display:flex;flex-direction:column;gap:12px}.slo-manager-title-row{display:flex;align-items:center;justify-content:space-between}.slo-item-actionable{margin-top:8px;padding:8px;background:var(--color-surface, #f8f9fa);border-left:3px solid var(--color-primary, #3b82f6);border-radius:4px;font-size:13px;color:var(--color-text-secondary, #64748b)}.slo-item-actionable strong{color:var(--color-text-primary, #1e293b)}.slo-manager-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0}.slo-manager-form{padding:12px 16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f1f5f9)}.slo-form-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;margin-bottom:8px}.slo-form-select{padding:8px;border:1px solid var(--color-border, #e5e7eb);border-radius:4px;background:var(--color-background, #ffffff);font-size:13px;color:var(--color-text-primary, #1e293b)}.slo-form-actions{display:flex;gap:8px;justify-content:flex-end}.slo-manager-empty{padding:32px;text-align:center;color:var(--color-text-secondary, #6b7280)}.slo-manager-empty-subtitle{font-size:12px;margin-top:8px}.slo-manager-content{flex:1;overflow-y:auto;padding:16px}.slo-list{display:flex;flex-direction:column;gap:16px}.slo-item{padding:16px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-background, #ffffff)}.slo-item.slo-met{border-left:3px solid #22c55e}.slo-item.slo-at-risk{border-left:3px solid #f59e0b}.slo-item.slo-breached{border-left:3px solid #ef4444}.slo-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.slo-item-info{flex:1}.slo-item-service{font-size:14px;font-weight:600;color:var(--color-text-primary, #1e293b);margin-bottom:8px}.slo-item-type{font-size:11px;color:var(--color-text-secondary, #6b7280);text-transform:capitalize}.slo-item-status{flex-shrink:0}.icon-met{color:#22c55e}.icon-at-risk{color:#f59e0b}.icon-breached{color:#ef4444}.slo-item-metrics{display:flex;gap:16px;margin-bottom:12px;font-size:12px}.slo-metric{display:flex;flex-direction:column;gap:2px}.slo-metric-label{color:var(--color-text-secondary, #6b7280);font-size:11px}.slo-metric-value{color:var(--color-text-primary, #1e293b);font-weight:600}.slo-item-bar{width:100%;height:6px;background:var(--color-surface, #f3f4f6);border-radius:3px;overflow:hidden}.slo-bar-fill{height:100%;transition:width .3s ease;border-radius:3px}[data-theme=dark] .slo-manager{background:var(--color-background, #0f172a)}[data-theme=dark] .slo-manager-header,[data-theme=dark] .slo-manager-form{background:var(--color-surface, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .slo-form-select{background:var(--color-background, #0f172a);border-color:var(--color-border, #334155);color:var(--color-text-primary, #f1f5f9)}[data-theme=dark] .slo-item{background:var(--color-background, #0f172a);border-color:var(--color-border, #334155)}[data-theme=dark] .slo-item-bar{background:var(--color-surface, #0f172a)}.health-score{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.health-score-header{padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f1f5f9);display:flex;flex-direction:column;gap:12px}.health-score-title-row{display:flex;align-items:center;justify-content:space-between}.health-score-filters{display:flex;gap:8px;align-items:center}.health-dimension-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.health-dimension-actionable{margin-top:8px;padding:8px;background:var(--color-surface, #f8f9fa);border-left:3px solid var(--color-primary, #3b82f6);border-radius:4px;font-size:13px;color:var(--color-text-secondary, #64748b)}.health-dimension-actionable strong{color:var(--color-text-primary, #1e293b)}.health-score-empty{padding:32px;text-align:center;color:var(--color-text-secondary, #6b7280)}.health-score-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0}.health-score-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.health-dimension{padding:16px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-background, #ffffff)}.health-dimension-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.health-dimension-info{flex:1}.health-dimension-name{font-size:14px;font-weight:600;color:var(--color-text-primary, #1e293b);margin-bottom:8px}.health-dimension-factors{display:flex;flex-wrap:wrap;gap:8px}.health-factor{font-size:11px;color:var(--color-text-secondary, #6b7280);padding:2px 6px;background:var(--color-surface, #f3f4f6);border-radius:4px}.health-dimension-score{display:flex;align-items:center;gap:8px;flex-shrink:0}.health-score-value{font-size:24px;font-weight:700}.health-score-icon{flex-shrink:0}.health-dimension-bar{width:100%;height:8px;background:var(--color-surface, #f3f4f6);border-radius:4px;overflow:hidden}.health-bar-fill{height:100%;transition:width .3s ease;border-radius:4px}[data-theme=dark] .health-score{background:var(--color-background, #0f172a)}[data-theme=dark] .health-score-header{background:var(--color-surface, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .health-dimension{background:var(--color-background, #0f172a);border-color:var(--color-border, #334155)}[data-theme=dark] .health-factor,[data-theme=dark] .health-dimension-bar{background:var(--color-surface, #0f172a)}.technical-debt{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.technical-debt-header{padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f1f5f9);display:flex;flex-direction:column;gap:12px}.technical-debt-title-row{display:flex;align-items:center;justify-content:space-between}.technical-debt-filters{display:flex;gap:8px;align-items:center}.debt-item-actionable{margin-top:8px;padding:8px;background:var(--color-surface, #f8f9fa);border-left:3px solid var(--color-primary, #3b82f6);border-radius:4px;font-size:13px;color:var(--color-text-secondary, #64748b)}.debt-item-actionable strong{color:var(--color-text-primary, #1e293b)}.technical-debt-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0}.technical-debt-stats{display:flex;gap:12px;align-items:center}.debt-stat{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--color-text-secondary, #6b7280)}.debt-high{color:#ef4444}.technical-debt-empty{padding:32px;text-align:center;color:var(--color-text-secondary, #6b7280)}.technical-debt-empty-subtitle{font-size:12px;margin-top:8px}.technical-debt-content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:16px}.debt-item{padding:16px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-background, #ffffff)}.debt-item.debt-high{border-left:3px solid #ef4444}.debt-item.debt-medium{border-left:3px solid #f59e0b}.debt-item.debt-low{border-left:3px solid #22c55e}.debt-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.debt-item-category{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary, #6b7280)}.debt-category-label{text-transform:capitalize}.debt-item-severity{font-size:10px;font-weight:700;text-transform:uppercase}.debt-item-description{font-size:13px;color:var(--color-text-primary, #1e293b);margin-bottom:12px;line-height:1.4}.debt-item-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--color-text-secondary, #6b7280)}.debt-item-effort{display:flex;align-items:center;gap:4px}.debt-item-components{font-size:10px}[data-theme=dark] .technical-debt{background:var(--color-background, #0f172a)}[data-theme=dark] .technical-debt-header{background:var(--color-surface, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .debt-item{background:var(--color-background, #0f172a);border-color:var(--color-border, #334155)}.risk-assessment{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.risk-assessment-header{padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f1f5f9);display:flex;flex-direction:column;gap:12px}.risk-assessment-title-row{display:flex;align-items:center;justify-content:space-between}.risk-assessment-filters{display:flex;gap:8px;align-items:center}.risk-item-actionable{margin-top:8px;padding:8px;background:var(--color-surface, #f8f9fa);border-left:3px solid var(--color-primary, #3b82f6);border-radius:4px;font-size:13px;color:var(--color-text-secondary, #64748b)}.risk-item-actionable strong{color:var(--color-text-primary, #1e293b)}.risk-assessment-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0}.risk-assessment-stats{display:flex;gap:12px;align-items:center}.risk-stat{font-size:12px;font-weight:500}.risk-critical{color:#ef4444}.risk-high{color:#f59e0b}.risk-assessment-empty{padding:32px;text-align:center;color:var(--color-text-secondary, #6b7280)}.empty-icon{color:#22c55e;margin-bottom:12px}.risk-assessment-empty-subtitle{font-size:12px;margin-top:8px}.risk-assessment-content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:16px}.risk-item{display:flex;flex-direction:column;padding:0;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-background, #ffffff);overflow:hidden;transition:box-shadow .2s}.risk-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.risk-item.risk-critical{border-left:4px solid #ef4444}.risk-item.risk-high{border-left:4px solid #f59e0b}.risk-item.risk-medium{border-left:4px solid #fbbf24}.risk-item.risk-low{border-left:4px solid #22c55e}.risk-item-header{padding:16px 16px 12px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--color-border, #f3f4f6)}.risk-item-meta{display:flex;justify-content:space-between;align-items:center}.risk-category-wrapper{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary, #6b7280);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.risk-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.risk-badge-critical{background:#fee2e2;color:#991b1b}.risk-badge-high{background:#fef3c7;color:#92400e}.risk-badge-medium{background:#fef9c3;color:#854d0e}.risk-badge-low{background:#dcfce7;color:#166534}.risk-item-title{margin:0;font-size:15px;font-weight:600;color:var(--color-text-primary, #1e293b);line-height:1.4}.risk-item-body{padding:16px;display:flex;flex-direction:column;gap:16px}.risk-item-description{margin:0;font-size:13px;color:var(--color-text-secondary, #4b5563);line-height:1.6}.risk-item-metrics{display:flex;align-items:center;padding:12px;background:var(--color-surface, #f8fafc);border-radius:6px;border:1px solid var(--color-border, #f1f5f9)}.risk-metric{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.risk-metric-divider{width:1px;height:24px;background:var(--color-border, #e2e8f0)}.risk-metric-label{font-size:11px;color:var(--color-text-secondary, #64748b);text-transform:uppercase}.risk-metric-value{font-size:13px;font-weight:600;text-transform:capitalize}.text-critical,.text-high{color:#ef4444}.text-medium{color:#f59e0b}.text-low{color:#22c55e}.risk-item-footer{padding:0 16px 16px}.risk-mitigation-box{padding:12px;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px}.mitigation-label{display:block;font-size:11px;font-weight:700;color:#1e40af;margin-bottom:4px;text-transform:uppercase}.mitigation-text{margin:0;font-size:12px;color:#1e3a8a;line-height:1.5}[data-theme=dark] .risk-item{background:var(--color-background, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .risk-item-header{border-bottom-color:#334155}[data-theme=dark] .risk-category-wrapper{color:#94a3b8}[data-theme=dark] .risk-badge-critical{background:#7f1d1d;color:#fecaca}[data-theme=dark] .risk-badge-high{background:#78350f;color:#fde68a}[data-theme=dark] .risk-badge-medium{background:#713f12;color:#fef08a}[data-theme=dark] .risk-badge-low{background:#14532d;color:#bbf7d0}[data-theme=dark] .risk-item-title{color:#f8fafc}[data-theme=dark] .risk-item-description{color:#cbd5e1}[data-theme=dark] .risk-item-metrics{background:#0f172a;border-color:#334155}[data-theme=dark] .risk-metric-divider{background:#334155}[data-theme=dark] .risk-mitigation-box{background:#172554;border-color:#1e3a8a}[data-theme=dark] .mitigation-label{color:#93c5fd}[data-theme=dark] .mitigation-text{color:#bfdbfe}.trend-analysis{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.trend-analysis-header{padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f1f5f9);display:flex;align-items:center;justify-content:space-between}.trend-analysis-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0}.trend-analysis-note{font-size:11px;color:var(--color-text-secondary, #6b7280)}.trend-analysis-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.trend-metric{padding:16px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-background, #ffffff)}.trend-metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.trend-metric-name{font-size:13px;font-weight:500;color:var(--color-text-primary, #1e293b)}.trend-icon{flex-shrink:0}.trend-up{color:#22c55e}.trend-down{color:#ef4444}.trend-stable{color:#6b7280}.trend-metric-values{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}.trend-metric-current{font-size:20px;font-weight:700;color:var(--color-text-primary, #1e293b)}.trend-metric-change{font-size:12px;font-weight:600}.trend-metric-previous{font-size:11px;color:var(--color-text-secondary, #6b7280)}[data-theme=dark] .trend-analysis{background:var(--color-background, #0f172a)}[data-theme=dark] .trend-analysis-header{background:var(--color-surface, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .trend-metric{background:var(--color-background, #0f172a);border-color:var(--color-border, #334155)}.trend-analysis-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.header-left{display:flex;align-items:center;gap:12px}.header-actions{display:flex;align-items:center;gap:8px}.infrastructure-map{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.infrastructure-map-header{padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f1f5f9)}.infrastructure-map-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0}.infrastructure-map-empty{padding:32px;text-align:center;color:var(--color-text-secondary, #6b7280)}.infrastructure-map-empty-subtitle{font-size:12px;margin-top:8px}.infrastructure-map-content{flex:1;overflow-y:auto;padding:16px}.infrastructure-node{margin-bottom:8px}.infrastructure-node-header{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;transition:background-color .2s}.infrastructure-node-header:hover{background:var(--color-surface, rgba(0, 0, 0, .05))}.infrastructure-node-icon{flex-shrink:0;color:var(--color-text-secondary, #6b7280)}.infrastructure-node-content{flex:1;min-width:0}.infrastructure-node-name{font-size:13px;font-weight:500;color:var(--color-text-primary, #1e293b)}.infrastructure-node-tech{font-size:11px;color:var(--color-text-secondary, #6b7280);margin-top:2px}.infrastructure-node-children{margin-top:4px}[data-theme=dark] .infrastructure-map{background:var(--color-background, #0f172a)}[data-theme=dark] .infrastructure-map-header{background:var(--color-surface, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .infrastructure-node-header:hover{background:var(--color-surface, rgba(255, 255, 255, .05))}.cost-estimation{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.cost-estimation-header{padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f1f5f9);display:flex;align-items:center;justify-content:space-between}.cost-estimation-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0}.cost-estimation-total{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.cost-total-label{font-size:11px;color:var(--color-text-secondary, #6b7280);text-transform:uppercase}.cost-total-value{font-size:24px;font-weight:700;color:var(--color-primary, #3b82f6)}.cost-estimation-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.cost-breakdown{display:flex;flex-direction:column;gap:12px}.cost-category{display:flex;flex-direction:column;gap:8px}.cost-category-header{display:flex;align-items:center;gap:8px}.cost-category-icon{flex-shrink:0;color:var(--color-text-secondary, #6b7280)}.cost-category-label{flex:1;font-size:13px;font-weight:500;color:var(--color-text-primary, #1e293b)}.cost-category-value{font-size:14px;font-weight:600;color:var(--color-text-primary, #1e293b)}.cost-category-bar{width:100%;height:8px;background:var(--color-surface, #f3f4f6);border-radius:4px;overflow:hidden}.cost-bar-fill{height:100%;transition:width .3s ease;border-radius:4px}.cost-resources{padding:16px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-surface, #f1f5f9)}.cost-resources-title{font-size:12px;font-weight:600;color:var(--color-text-primary, #1e293b);margin-bottom:8px;text-transform:uppercase}.cost-resource-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:12px;border-bottom:1px solid var(--color-border, #e5e7eb)}.cost-resource-item:last-child{border-bottom:none}.cost-resource-type{flex:1;color:var(--color-text-primary, #1e293b)}.cost-resource-count{color:var(--color-text-secondary, #6b7280);font-size:11px}.cost-resource-cost{font-weight:600;color:var(--color-text-primary, #1e293b)}.cost-estimation-note{padding:12px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-surface, #f1f5f9)}.cost-note-text{font-size:11px;color:var(--color-text-secondary, #6b7280);margin:0;line-height:1.5}[data-theme=dark] .cost-estimation{background:var(--color-background, #0f172a)}[data-theme=dark] .cost-estimation-header,[data-theme=dark] .cost-resources,[data-theme=dark] .cost-estimation-note{background:var(--color-surface, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .cost-category-bar{background:var(--color-surface, #0f172a)}.trust-boundaries{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.trust-boundaries-header{padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f1f5f9);display:flex;flex-direction:column;gap:12px}.trust-boundaries-title-row{display:flex;align-items:center;justify-content:space-between}.trust-violations-list{padding:12px 16px;border-bottom:1px solid var(--color-border, #e5e7eb);display:flex;flex-direction:column;gap:12px}.trust-violation-item{padding:12px;border:1px solid #ef4444;border-left:3px solid #ef4444;border-radius:6px;background:#fef2f2}.trust-violation-header{display:flex;gap:12px;align-items:flex-start}.trust-violation-content{flex:1}.trust-violation-title{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:4px}.trust-violation-details{font-size:12px;color:#64748b;margin-bottom:8px}.trust-violation-actionable{font-size:12px;color:#475569;padding:6px;background:#fff;border-radius:4px}.trust-violation-actionable strong{color:#1e293b}.trust-boundaries-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0}.trust-boundaries-stats{display:flex;gap:12px;align-items:center}.zone-stat{font-size:12px;font-weight:500}.trust-boundaries-filters{padding:12px 16px;border-bottom:1px solid var(--color-border, #e5e7eb);display:flex;gap:8px}.zone-filter{padding:6px 12px;border:1px solid var(--color-border, #e5e7eb);border-left:3px solid transparent;border-radius:4px;background:var(--color-background, #ffffff);font-size:12px;font-weight:500;color:var(--color-text-primary, #1e293b);cursor:pointer;transition:all .2s}.zone-filter:hover{background:var(--color-surface, rgba(0, 0, 0, .05))}.zone-filter.active{background:var(--color-primary-subtle, rgba(59, 130, 246, .1));border-color:var(--color-primary, #3b82f6)}.trust-boundaries-empty{padding:32px;text-align:center;color:var(--color-text-secondary, #6b7280)}.trust-boundaries-empty-subtitle{font-size:12px;margin-top:8px}.trust-boundaries-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:16px}.trust-boundary-item{padding:16px;border:1px solid var(--color-border, #e5e7eb);border-left:3px solid;border-radius:6px;background:var(--color-background, #ffffff)}.trust-boundary-item-header{display:flex;gap:12px;align-items:center}.trust-boundary-item-icon{flex-shrink:0}.trust-boundary-item-content{flex:1}.trust-boundary-item-name{font-size:13px;font-weight:500;color:var(--color-text-primary, #1e293b);margin-bottom:8px}.trust-boundary-item-zone{font-size:11px;color:var(--color-text-secondary, #6b7280);text-transform:capitalize}[data-theme=dark] .trust-boundaries{background:var(--color-background, #0f172a)}[data-theme=dark] .trust-boundaries-header{background:var(--color-surface, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .zone-filter{background:var(--color-background, #0f172a);border-color:var(--color-border, #334155)}[data-theme=dark] .zone-filter:hover{background:var(--color-surface, rgba(255, 255, 255, .05))}[data-theme=dark] .trust-boundary-item{background:var(--color-background, #0f172a);border-color:var(--color-border, #334155)}.data-flow-scanner{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.data-flow-scanner-header{padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f1f5f9);display:flex;flex-direction:column;gap:12px}.data-flow-scanner-title-row{display:flex;align-items:center;justify-content:space-between}.data-flow-scanner-filters{display:flex;gap:8px;align-items:center}.data-flow-item-path-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.data-flow-item-actionable{margin-top:8px;padding:8px;background:var(--color-surface, #f8f9fa);border-left:3px solid var(--color-primary, #3b82f6);border-radius:4px;font-size:13px;color:var(--color-text-secondary, #64748b)}.data-flow-item-actionable strong{color:var(--color-text-primary, #1e293b)}.data-flow-scanner-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0}.data-flow-scanner-stats{display:flex;gap:12px;align-items:center}.flow-stat{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--color-text-secondary, #6b7280)}.flow-encrypted{color:#22c55e}.flow-unencrypted{color:#ef4444}.data-flow-scanner-empty{padding:32px;text-align:center;color:var(--color-text-secondary, #6b7280)}.data-flow-scanner-empty-subtitle{font-size:12px;margin-top:8px}.data-flow-scanner-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:16px}.data-flow-item{padding:16px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-background, #ffffff)}.data-flow-item-header{display:flex;gap:12px;margin-bottom:12px}.data-flow-item-encryption{flex-shrink:0}.icon-encrypted{color:#22c55e}.icon-unencrypted{color:#ef4444}.data-flow-item-content{flex:1;min-width:0}.data-flow-item-path{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--color-text-primary, #1e293b);margin-bottom:8px}.data-flow-from,.data-flow-to{color:var(--color-text-primary, #1e293b)}.data-flow-arrow{color:var(--color-text-secondary, #6b7280)}.data-flow-item-protocol{font-size:11px;color:var(--color-text-secondary, #6b7280)}.data-flow-item-types{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.data-type-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase}.data-flow-item-warning{display:flex;align-items:center;gap:6px;padding:6px;border-radius:4px;background:#ef44441a;font-size:11px;color:#ef4444}[data-theme=dark] .data-flow-scanner{background:var(--color-background, #0f172a)}[data-theme=dark] .data-flow-scanner-header{background:var(--color-surface, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .data-flow-item{background:var(--color-background, #0f172a);border-color:var(--color-border, #334155)}.requirements-coverage{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.requirements-coverage-header{padding:16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f1f5f9);display:flex;flex-direction:column;gap:12px}.requirements-coverage-title-row{display:flex;align-items:center;justify-content:space-between}.requirements-coverage-filters{display:flex;gap:8px;align-items:center}.priority-badge{font-size:11px;font-weight:600;padding:2px 8px}.priority-badge-small{font-size:10px;font-weight:500;padding:2px 6px;margin-left:8px}.requirement-item-id-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.requirement-item-actionable{margin-top:8px;padding:8px;background:var(--color-surface, #f8f9fa);border-left:3px solid var(--color-primary, #3b82f6);border-radius:4px;font-size:13px;color:var(--color-text-secondary, #64748b)}.requirement-item-actionable strong{color:var(--color-text-primary, #1e293b)}.empty-icon{margin-bottom:12px}.requirements-coverage-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0}.requirements-coverage-stats{display:flex;gap:12px}.stat-item{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.stat-covered{color:#22c55e}.stat-partial{color:#f59e0b}.stat-missing{color:#ef4444}.requirements-coverage-empty{padding:32px;text-align:center;color:var(--color-text-secondary, #6b7280)}.requirements-coverage-empty-subtitle{font-size:12px;margin-top:8px}.requirements-coverage-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:16px}.requirement-item{padding:16px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-background, #ffffff)}.requirement-item.requirement-covered{border-left:3px solid #22c55e}.requirement-item.requirement-partial{border-left:3px solid #f59e0b}.requirement-item.requirement-missing{border-left:3px solid #ef4444}.requirement-item-header{display:flex;gap:12px}.requirement-item-status{flex-shrink:0}.icon-covered{color:#22c55e}.icon-partial{color:#f59e0b}.icon-missing{color:#ef4444}.requirement-item-content{flex:1}.requirement-item-id{font-size:12px;font-weight:600;color:var(--color-text-primary, #1e293b);margin-bottom:6px}.requirement-item-description{font-size:13px;color:var(--color-text-primary, #1e293b);margin-bottom:4px;line-height:1.4}.requirement-item-type{font-size:11px;color:var(--color-text-secondary, #6b7280);text-transform:capitalize}.requirement-item-covered-by{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border, #e5e7eb);font-size:11px;color:var(--color-text-secondary, #6b7280)}[data-theme=dark] .requirements-coverage{background:var(--color-background, #0f172a)}[data-theme=dark] .requirements-coverage-header{background:var(--color-surface, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .requirement-item{background:var(--color-background, #0f172a);border-color:var(--color-border, #334155)}.requirement-traceability-view{display:flex;flex-direction:column;height:100%;background:var(--bg-primary, #ffffff)}[data-theme=dark] .requirement-traceability-view{background:var(--bg-primary, #1e293b)}.traceability-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f8fafc)}[data-theme=dark] .traceability-header{background:var(--bg-secondary, #334155);border-color:var(--border-color, #475569)}.traceability-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #0f172a)}[data-theme=dark] .traceability-header h2{color:var(--text-primary, #f8fafc)}.coverage-summary{display:flex;align-items:center;gap:.75rem}.coverage-label{font-size:.875rem;color:var(--text-secondary, #64748b)}[data-theme=dark] .coverage-label{color:var(--text-secondary, #cbd5e1)}.coverage-value{font-size:1.125rem;font-weight:700;padding:.25rem .75rem;border-radius:6px}.coverage-value.good{background:#10b9811a;color:#10b981}.coverage-value.medium{background:#f59e0b1a;color:#f59e0b}.coverage-value.poor{background:#ef44441a;color:#ef4444}.traceability-content{display:flex;flex:1;overflow:hidden}.requirements-panel{width:400px;border-right:1px solid var(--border-color, #e2e8f0);overflow-y:auto;background:var(--bg-primary, #ffffff)}[data-theme=dark] .requirements-panel{background:var(--bg-primary, #1e293b);border-color:var(--border-color, #475569)}.requirements-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.requirement-card{padding:1rem;background:var(--card-bg, #ffffff);border:2px solid var(--border-color, #e2e8f0);border-radius:8px;cursor:pointer;transition:all .2s ease}[data-theme=dark] .requirement-card{background:var(--card-bg, #334155);border-color:var(--border-color, #475569)}.requirement-card:hover{border-color:var(--highlight-color, #3b82f6);box-shadow:0 2px 8px #3b82f61a;transform:translateY(-2px)}.requirement-card.selected{border-color:var(--highlight-color, #3b82f6);background:#3b82f60d;box-shadow:0 4px 12px #3b82f633}.requirement-card.fulfilled{border-left:4px solid #10b981}.requirement-card.partial{border-left:4px solid #f59e0b}.requirement-card.missing{border-left:4px solid #ef4444}.requirement-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.requirement-id{font-family:monospace;font-size:.875rem;font-weight:600;color:var(--highlight-color, #3b82f6)}.status-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}.requirement-title{font-size:.9375rem;font-weight:500;color:var(--text-primary, #0f172a);margin-bottom:.75rem;line-height:1.4}[data-theme=dark] .requirement-title{color:var(--text-primary, #f8fafc)}.requirement-coverage{margin-bottom:.75rem}.coverage-bar{width:100%;height:6px;background:var(--bg-tertiary, #f1f5f9);border-radius:3px;overflow:hidden;margin-bottom:.25rem}.coverage-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease;border-radius:3px}.coverage-text{font-size:.75rem;color:var(--text-secondary, #64748b)}.linked-elements{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.element-tag{padding:.25rem .5rem;font-size:.75rem;background:var(--bg-tertiary, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:4px;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s ease;font-family:monospace}[data-theme=dark] .element-tag{background:var(--bg-tertiary, #475569);border-color:var(--border-color, #64748b);color:var(--text-secondary, #cbd5e1)}.element-tag:hover{background:var(--highlight-color, #3b82f6);border-color:var(--highlight-color, #3b82f6);color:#fff;transform:translateY(-1px)}.traceability-diagram{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #f8fafc)}[data-theme=dark] .traceability-diagram{background:var(--bg-secondary, #334155)}.diagram-placeholder{text-align:center;color:var(--text-secondary, #64748b)}[data-theme=dark] .diagram-placeholder{color:var(--text-secondary, #cbd5e1)}.diagram-placeholder p{margin:.5rem 0}.hint{font-size:.875rem;font-style:italic}@keyframes requirementPulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.requirement-card.selected{animation:requirementPulse 2s ease-in-out infinite}@keyframes elementHighlight{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.element-highlighted{animation:elementHighlight .5s ease-in-out}.governance-widget{margin-bottom:0;height:100%;border:1.5px solid var(--color-border, #e5e7eb);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.governance-widget-clickable{cursor:pointer}.governance-widget-clickable:hover{box-shadow:0 8px 24px #0000001a,0 2px 8px #0000000f;border-color:var(--color-primary, #3b82f6);transform:translateY(-2px)}.governance-widget-expanded{border-color:var(--color-primary, #3b82f6);box-shadow:0 4px 16px #3b82f626}.governance-icon{color:var(--color-primary, #3b82f6)}.governance-issues-badge{font-weight:600;cursor:pointer;transition:transform .2s ease}.governance-widget-clickable:hover .governance-issues-badge{transform:scale(1.05)}.governance-expand-indicator{display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);transition:all .3s ease;margin-left:4px}.governance-widget-expanded .governance-expand-indicator{color:var(--color-primary, #3b82f6);transform:scale(1.1)}.governance-widget-clickable:hover .governance-expand-indicator{color:var(--color-primary, #3b82f6);transform:translateY(2px)}.governance-score-ring{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;border:4px solid;background:var(--mantine-color-gray-0);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014}.governance-widget:hover .governance-score-ring{transform:scale(1.05)}.governance-issues-list{border-top:2px solid var(--color-border, #e5e7eb);padding-top:1rem;margin-top:.5rem}.governance-deduction-section{padding:1rem;border-radius:12px;background:var(--mantine-color-gray-0);transition:all .2s ease;margin-bottom:.75rem}.governance-deduction-section:last-child{margin-bottom:0}.governance-deduction-section.critical{border-left:4px solid var(--mantine-color-red-filled);background:var(--mantine-color-red-0)}.governance-deduction-section.warning{border-left:4px solid var(--mantine-color-yellow-filled);background:var(--mantine-color-yellow-0)}.governance-deduction-section.info{border-left:4px solid var(--mantine-color-blue-filled);background:var(--mantine-color-blue-0)}.governance-deduction-item{padding:.875rem;border-radius:8px;background:var(--mantine-color-white);transition:all .2s ease;border:1px solid var(--mantine-color-gray-2);cursor:default}.governance-deduction-item:hover{background:var(--mantine-color-gray-0);border-color:var(--mantine-color-gray-3);box-shadow:0 2px 8px #0000000d}.governance-target-link{display:inline-block;margin-top:.5rem;padding:.375rem .625rem;background:var(--mantine-color-gray-1);border-radius:6px;font-size:.8125rem;transition:all .2s ease;cursor:pointer;border:1px solid transparent;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.governance-target-link:hover{background:var(--mantine-color-blue-0);border-color:var(--mantine-color-blue-3);color:var(--mantine-color-blue-7);transform:translate(2px);box-shadow:0 2px 6px #3b82f633}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}[data-theme=dark] .governance-widget{border-color:var(--color-border, #334155);background:var(--card-bg, #1e293b)}[data-theme=dark] .governance-widget-clickable:hover{border-color:var(--color-primary, #3b82f6);box-shadow:0 8px 24px #0006,0 2px 8px #0000004d}[data-theme=dark] .governance-widget-expanded{border-color:var(--color-primary, #3b82f6);box-shadow:0 4px 16px #3b82f640}[data-theme=dark] .governance-issues-list{border-top-color:var(--color-border, #334155)}[data-theme=dark] .governance-score-ring{background:var(--mantine-color-dark-6);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .governance-deduction-section{background:var(--mantine-color-dark-7)}[data-theme=dark] .governance-deduction-section.critical{background:var(--mantine-color-red-9)}[data-theme=dark] .governance-deduction-section.warning{background:var(--mantine-color-yellow-9)}[data-theme=dark] .governance-deduction-section.info{background:var(--mantine-color-blue-9)}[data-theme=dark] .governance-deduction-item{background:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-5)}[data-theme=dark] .governance-deduction-item:hover{background:var(--mantine-color-dark-5);border-color:var(--mantine-color-dark-4)}[data-theme=dark] .governance-deduction-item code{background:var(--mantine-color-dark-7)}[data-theme=dark] .governance-target-link{background:var(--mantine-color-dark-7);color:var(--mantine-color-blue-3)}[data-theme=dark] .governance-target-link:hover{background:var(--mantine-color-blue-9);border-color:var(--mantine-color-blue-7);color:var(--mantine-color-blue-2);box-shadow:0 2px 6px #3b82f64d}@media(max-width:768px){.governance-score-ring{width:70px;height:70px;border-width:3px}}.overview-tab{width:100%;flex:1;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;background:var(--color-background, #ffffff);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.overview-tab-content{max-width:1440px;margin:0 auto;padding:32px 24px}.overview-tab-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:64px 32px}.overview-section{margin-bottom:48px;animation:fadeInUp .4s ease-out}.overview-section:last-child{margin-bottom:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.overview-hero-section{margin-bottom:40px}.governance-widget-wrapper{height:100%;display:flex;align-items:stretch}.governance-widget-wrapper>*{height:100%}.overview-stats-section{margin-bottom:40px}.overview-section-header{margin-bottom:20px}.overview-section-title{font-size:1.5rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--text-primary, #111827);margin-bottom:4px}.overview-section-subtitle{font-size:.875rem;line-height:1.5;color:var(--text-secondary, #6b7280)}.overview-quick-nav{margin-bottom:48px}.overview-nav-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.overview-nav-card{transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1.5px solid var(--color-border, #e5e7eb);border-radius:10px;background:var(--card-bg, #ffffff);position:relative;overflow:hidden;min-height:64px}.overview-nav-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary, #3b82f6),var(--color-primary-light, #60a5fa));opacity:0;transition:opacity .25s ease}.overview-nav-card-primary{border-color:var(--color-primary, #3b82f6);border-width:2px}.overview-nav-card-primary:before{opacity:1}.overview-nav-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a,0 2px 6px #0000000f;border-color:var(--color-primary, #3b82f6);background:var(--card-hover-bg, #f9fafb)}.overview-nav-card-primary:hover{border-width:2.5px;box-shadow:0 8px 24px #3b82f62e,0 2px 8px #3b82f61f}.overview-nav-card:active{transform:translateY(0);transition:transform .1s ease}.overview-nav-card .mantine-Paper-root{padding:12px 14px!important;height:100%}.overview-nav-card .mantine-Group-root{width:100%;gap:10px!important}.nav-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.nav-card-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--icon-bg, #f3f4f6);color:var(--text-secondary, #6b7280);transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.nav-card-icon-primary{background:linear-gradient(135deg,var(--color-primary, #3b82f6),var(--color-primary-light, #60a5fa));color:#fff;box-shadow:0 2px 8px #3b82f633}.overview-nav-card:hover .nav-card-icon-wrapper{transform:scale(1.08);box-shadow:0 4px 12px #0000001f}.overview-nav-card:hover .nav-card-icon-primary{transform:scale(1.08);box-shadow:0 4px 16px #3b82f64d}.nav-card-arrow{color:var(--text-muted, #9ca3af);transition:all .25s ease;flex-shrink:0;opacity:.6}.overview-nav-card:hover .nav-card-arrow{transform:translate(4px);opacity:1;color:var(--color-primary, #3b82f6)}.nav-card-title{font-size:.9375rem;line-height:1.3;color:var(--text-primary, #111827);margin:0;font-weight:600}.nav-card-description{font-size:.75rem;line-height:1.4;color:var(--text-secondary, #6b7280);margin:0}.overview-metadata-section{margin-top:48px;padding-top:32px;border-top:2px solid var(--color-border, #e5e7eb)}@media(max-width:1200px){.overview-tab-content{max-width:100%;padding:28px 20px}}@media(max-width:1024px){.overview-tab-content{padding:24px 20px}.overview-section{margin-bottom:40px}.overview-hero-section{margin-bottom:32px}}@media(max-width:768px){.overview-tab-content{padding:20px 16px}.overview-section{margin-bottom:32px}.overview-section-title{font-size:1.25rem}.overview-nav-cards-container{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.overview-nav-card .mantine-Paper-root{padding:10px 12px!important}.nav-card-icon-wrapper{width:32px;height:32px}.nav-card-title{font-size:.875rem}.nav-card-description{font-size:.6875rem}}@media(max-width:480px){.overview-tab-content{padding:16px 12px}.overview-section{margin-bottom:28px}.overview-section-title{font-size:1.125rem}.overview-nav-cards-container{grid-template-columns:1fr;gap:8px}.overview-nav-card .mantine-Paper-root{padding:12px 14px!important}.nav-card-icon-wrapper{width:32px;height:32px}}[data-theme=dark] .overview-tab{background:var(--color-background, #0f172a)}[data-theme=dark] .overview-section-title{color:var(--text-primary, #f9fafb)}[data-theme=dark] .overview-section-subtitle{color:var(--text-secondary, #d1d5db)}[data-theme=dark] .overview-metadata-section{border-top-color:var(--color-border, #334155)}[data-theme=dark] .overview-nav-card{background:var(--card-bg, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .overview-nav-card-primary{border-color:var(--color-primary, #3b82f6)}[data-theme=dark] .overview-nav-card:hover{background:var(--card-hover-bg, #334155);box-shadow:0 6px 20px #0006,0 2px 6px #0000004d}[data-theme=dark] .overview-nav-card-primary:hover{box-shadow:0 8px 24px #3b82f64d,0 2px 8px #3b82f633}[data-theme=dark] .nav-card-icon-wrapper{background:var(--icon-bg, #334155);color:var(--text-secondary, #cbd5e1)}[data-theme=dark] .nav-card-title{color:var(--text-primary, #f9fafb)}[data-theme=dark] .nav-card-description{color:var(--text-secondary, #cbd5e1)}[data-theme=dark] .nav-card-arrow{color:var(--text-muted, #94a3b8)}.overview-nav-card:focus-visible{outline:3px solid var(--color-primary, #3b82f6);outline-offset:2px}@media print{.overview-tab{overflow:visible}.overview-nav-card{break-inside:avoid;box-shadow:none;border:1px solid #e5e7eb}}.overview-hero{margin-bottom:0;text-align:left;padding-bottom:24px;border-bottom:2px solid var(--border-color, #e5e7eb)}.overview-hero-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.overview-hero-content{flex:1;min-width:0}.overview-title{font-size:2rem;font-weight:800;margin:0 0 12px;color:var(--text-primary, #111827);line-height:1.2;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary, #111827) 0%,var(--text-secondary, #4b5563) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overview-hero-text{display:flex;flex-direction:column;gap:8px}.overview-description{font-size:1rem;color:var(--text-secondary, #6b7280);margin:0;line-height:1.7;max-width:800px;font-weight:400}.overview-summary{font-size:.9375rem;color:var(--text-secondary, #6b7280);margin:0;line-height:1.7;max-width:800px;font-weight:400}.overview-hero-actions{flex-shrink:0;display:flex;align-items:flex-start;gap:8px}.overview-hero-empty-hint{margin-top:12px;padding:12px;background:var(--primary-50, rgba(99, 102, 241, .05));border:1px solid var(--primary-100, rgba(99, 102, 241, .2));border-radius:8px}.overview-hero-empty-hint p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.overview-hero-empty-hint strong{color:var(--text-primary);font-weight:600}[data-theme=dark] .overview-title{background:linear-gradient(135deg,var(--text-primary, #f9fafb) 0%,var(--text-secondary, #cbd5e1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .overview-description,[data-theme=dark] .overview-summary{color:var(--text-secondary, #d1d5db)}[data-theme=dark] .overview-hero{border-bottom-color:var(--border-color, #334155)}@media(max-width:1024px){.overview-title{font-size:1.75rem}}@media(max-width:768px){.overview-title{font-size:1.5rem;margin-bottom:10px}.overview-hero-header{flex-direction:column;gap:12px}.overview-hero-actions{align-self:flex-end}.overview-description,.overview-summary{font-size:.9375rem}}@media(max-width:480px){.overview-title{font-size:1.375rem}.overview-hero{padding-bottom:20px}}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:0}.stat-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--card-bg, #ffffff);border-radius:12px;border:1.5px solid var(--border-color, #e5e7eb);transition:all .3s cubic-bezier(.4,0,.2,1);min-height:100px;cursor:default}.stat-card:hover{background:var(--card-hover-bg, #f9fafb);border-color:var(--highlight-color, #3b82f6);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a,0 2px 8px #0000000f}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--stat-icon-bg, #f3f4f6);color:var(--highlight-color, #3b82f6);transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover .stat-icon-wrapper{background:linear-gradient(135deg,var(--highlight-color, #3b82f6),var(--highlight-color-light, #60a5fa));color:#fff;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #3b82f64d}.stat-card svg{color:inherit;transition:transform .3s ease}.stat-card:hover svg{transform:scale(1.1)}.stat-value{font-size:1.75rem;font-weight:800;color:var(--text-primary, #111827);line-height:1;letter-spacing:-.02em;transition:color .3s ease}.stat-card:hover .stat-value{color:var(--highlight-color, #3b82f6)}.stat-label{font-size:.75rem;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.8px;font-weight:700;text-align:center;line-height:1.2;display:flex;align-items:center;justify-content:center;gap:4px}.stat-label-hint{font-size:.65rem;cursor:help;opacity:.6;transition:opacity .2s;text-transform:none;letter-spacing:0}.stat-label-hint:hover{opacity:1}.stat-card-action{padding-bottom:40px}.stat-add-btn{position:absolute;bottom:8px;right:8px;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(.9)}.stat-card-action:hover .stat-add-btn{opacity:1;transform:scale(1)}.stat-card-action:hover .stat-add-btn:hover{transform:scale(1.1)}[data-theme=dark] .stat-card{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}[data-theme=dark] .stat-card:hover{background:var(--card-hover-bg, #334155);box-shadow:0 8px 24px #0006,0 2px 8px #0000004d}[data-theme=dark] .stat-icon-wrapper{background:var(--stat-icon-bg, #334155)}[data-theme=dark] .stat-value{color:var(--text-primary, #f9fafb)}[data-theme=dark] .stat-card:hover .stat-value{color:var(--highlight-color, #60a5fa)}[data-theme=dark] .stat-label{color:var(--text-muted, #9ca3af)}@media(max-width:1024px){.overview-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}}@media(max-width:768px){.overview-stats{grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{min-height:90px;padding:16px 12px}.stat-icon-wrapper{width:36px;height:36px}.stat-value{font-size:1.5rem}.stat-label{font-size:.6875rem}}@media(max-width:480px){.overview-stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{min-height:85px;padding:14px 10px}.stat-icon-wrapper{width:32px;height:32px}.stat-value{font-size:1.375rem}}.overview-metadata{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:0}.metadata-section{display:contents}.metadata-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.metadata-section-title{font-size:1.25rem;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--text-primary, #111827);margin:0}.metadata-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--card-bg, #ffffff);border-radius:12px;border:1.5px solid var(--border-color, #e5e7eb);transition:all .3s cubic-bezier(.4,0,.2,1);min-height:70px}.metadata-card:hover{border-color:var(--highlight-color, #3b82f6);box-shadow:0 4px 16px #00000014,0 2px 6px #0000000a;transform:translateY(-2px);background:var(--card-hover-bg, #f9fafb)}.metadata-card-editable{padding-right:48px}.metadata-card-content{display:flex;flex-direction:column;gap:4px;flex:1}.metadata-key{font-size:.75rem;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.8px;font-weight:700;line-height:1.3}.metadata-value{font-size:.9375rem;color:var(--text-primary, #111827);font-weight:500;line-height:1.5;word-break:break-word}.metadata-card-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.metadata-card:hover .metadata-card-actions{opacity:1}.metadata-edit-btn,.metadata-delete-btn{padding:4px;min-width:auto;width:24px;height:24px}.metadata-delete-btn{color:var(--mantine-color-red-6)}.metadata-delete-btn:hover{background:var(--mantine-color-red-0);color:var(--mantine-color-red-7)}[data-theme=dark] .metadata-section-title{color:var(--text-primary, #f9fafb)}[data-theme=dark] .metadata-card{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}[data-theme=dark] .metadata-card:hover{box-shadow:0 4px 16px #0006,0 2px 6px #0000004d;background:var(--card-hover-bg, #334155)}[data-theme=dark] .metadata-key{color:var(--text-muted, #9ca3af)}[data-theme=dark] .metadata-value{color:var(--text-primary, #f9fafb)}@media(max-width:1024px){.overview-metadata{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}}@media(max-width:768px){.overview-metadata{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.metadata-card{padding:14px;min-height:65px}.metadata-section-header{margin-bottom:12px}.metadata-section-title{font-size:1.125rem}}@media(max-width:480px){.overview-metadata{grid-template-columns:1fr;gap:10px}.metadata-card{padding:12px}}.overview-context{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color)}.context-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.context-item svg{color:var(--highlight-color);flex-shrink:0}.context-label{font-weight:600;color:var(--text-muted)}.overview-hero-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.overview-hero-actions{display:flex;gap:.5rem;align-items:center}.edit-mode-toggle{display:flex;gap:.25rem;background:var(--bg-tertiary);border-radius:6px;padding:.25rem}.overview-hero-header>div{flex:1}.metadata-section-header,.policies-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.metadata-section-title,.policies-section-title{font-size:1rem;font-weight:600;color:var(--text-primary, #111827);margin:0;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .metadata-section-title,[data-theme=dark] .policies-section-title{color:var(--text-primary, #f9fafb)}.metadata-card-editable{position:relative}.metadata-card-content{display:flex;flex-direction:column;gap:.25rem}.metadata-card-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.metadata-card-editable:hover .metadata-card-actions{opacity:1}.metadata-edit-btn,.metadata-delete-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:16px;line-height:1}.metadata-edit-btn:hover{background:var(--bg-secondary);border-color:var(--highlight-color);color:var(--highlight-color)}.metadata-delete-btn:hover{background:#ef444433;border-color:#ef44444d;color:#ef4444}.overview-policies-section{margin-bottom:1.5rem}.policies-list{display:flex;flex-direction:column;gap:.5rem}.policy-card{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);transition:all .2s}.policy-card:hover{background:var(--card-hover-bg)}.policy-card-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.policy-id{font-family:monospace;font-size:.8rem;font-weight:600;color:#f59e0b}.policy-label{font-size:.85rem;color:var(--text-secondary)}.policy-card-actions{opacity:0;transition:opacity .2s}.policy-card:hover .policy-card-actions{opacity:1}.policy-edit-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.policy-edit-btn:hover{background:var(--bg-secondary);border-color:var(--highlight-color);color:var(--highlight-color)}.overview-constraints-section,.overview-conventions-section{margin-bottom:1.5rem}.constraints-section-header,.conventions-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.constraints-section-title,.conventions-section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:.5rem}.constraints-list,.conventions-list{display:flex;flex-direction:column;gap:.5rem}.constraint-card,.convention-card{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);transition:all .2s;position:relative}.constraint-card:hover,.convention-card:hover{background:var(--card-hover-bg)}.constraint-card-content,.convention-card-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.constraint-key,.convention-key{font-family:monospace;font-size:.8rem;font-weight:600;color:#f59e0b}.constraint-value,.convention-value{font-size:.85rem;color:var(--text-secondary)}.constraint-card-actions,.convention-card-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.constraint-card:hover .constraint-card-actions,.convention-card:hover .convention-card-actions{opacity:1}.constraint-edit-btn,.convention-edit-btn,.constraint-delete-btn,.convention-delete-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:16px;line-height:1}.constraint-edit-btn:hover,.convention-edit-btn:hover{background:var(--bg-secondary);border-color:var(--highlight-color);color:var(--highlight-color)}.constraint-delete-btn:hover,.convention-delete-btn:hover{background:#ef444433;border-color:#ef44444d;color:#ef4444}.feature-settings{display:flex;flex-direction:column;gap:1.5rem;max-height:70vh;overflow-y:auto;padding-right:.5rem}.feature-settings-info{padding-bottom:.75rem;border-bottom:1px solid var(--color-border, var(--border-color))}.feature-settings-description{font-size:.875rem;color:var(--color-text-secondary, var(--text-secondary));margin:0;line-height:1.5}.details-sidebar-filters{width:240px;padding:var(--space-4, 1rem);background:var(--bg-secondary, #f8fafc);border-right:1px solid var(--border-color, #e2e8f0);overflow-y:auto;height:100%}[data-theme=dark] .details-sidebar-filters{background:var(--bg-secondary, #334155);border-color:var(--border-color, #475569)}.filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .filters-header{border-color:var(--border-color, #475569)}.filters-header h3{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary, #0f172a)}[data-theme=dark] .filters-header h3{color:var(--text-primary, #f8fafc)}.clear-filters-btn{padding:.25rem .5rem;font-size:.75rem;background:transparent;border:1px solid var(--border-color, #e2e8f0);border-radius:4px;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s ease}[data-theme=dark] .clear-filters-btn{border-color:var(--border-color, #475569);color:var(--text-secondary, #cbd5e1)}.clear-filters-btn:hover{background:var(--bg-tertiary, #f1f5f9);border-color:var(--highlight-color, #3b82f6);color:var(--highlight-color, #3b82f6)}[data-theme=dark] .clear-filters-btn:hover{background:var(--bg-tertiary, #475569)}.filter-section{margin-bottom:1.5rem}.filter-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #64748b);margin-bottom:.75rem}[data-theme=dark] .filter-section-title{color:var(--text-secondary, #cbd5e1)}.filter-options{display:flex;flex-direction:column;gap:.5rem}.filter-option{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, .5rem);color:var(--text-primary, #0f172a);cursor:pointer;font-size:var(--text-sm, .875rem);transition:all var(--transition-base, .2s cubic-bezier(.4, 0, .2, 1));text-align:left;width:100%}[data-theme=dark] .filter-option{background:var(--bg-primary, #1e293b);border-color:var(--border-color, #475569);color:var(--text-primary, #f8fafc)}.filter-option:hover{background:var(--bg-tertiary, #f1f5f9);border-color:var(--highlight-color, #3b82f6);transform:translate(2px);box-shadow:var(--elevation-1, 0 1px 2px 0 rgba(0, 0, 0, .05))}[data-theme=dark] .filter-option:hover{background:var(--bg-tertiary, #475569)}.filter-option.active{background:var(--highlight-color, #3b82f6);border-color:var(--highlight-color, #3b82f6);color:#fff}.filter-option.active svg{color:#fff}.filter-count{margin-left:auto;font-size:.75rem;font-weight:600;padding:.15rem .4rem;background:#fff3;border-radius:10px}.filter-option.active .filter-count{background:#ffffff4d}.filter-option.status.fulfilled.active{background:#10b981;border-color:#10b981}.filter-option.status.partial.active{background:#f59e0b;border-color:#f59e0b}.filter-option.status.missing.active{background:#ef4444;border-color:#ef4444}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tag{padding:.35rem .65rem;font-size:.75rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s ease;font-family:monospace}[data-theme=dark] .filter-tag{background:var(--bg-primary, #1e293b);border-color:var(--border-color, #475569);color:var(--text-secondary, #cbd5e1)}.filter-tag:hover{background:var(--bg-tertiary, #f1f5f9);border-color:var(--highlight-color, #3b82f6)}[data-theme=dark] .filter-tag:hover{background:var(--bg-tertiary, #475569)}.filter-tag.active{background:var(--highlight-color, #3b82f6);border-color:var(--highlight-color, #3b82f6);color:#fff}.stats-section{padding-top:1rem;border-top:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .stats-section{border-color:var(--border-color, #475569)}.stats-grid{display:flex;flex-direction:column;gap:.5rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg-primary, #ffffff);border-radius:6px;border:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .stat-item{background:var(--bg-primary, #1e293b);border-color:var(--border-color, #475569)}.stat-label{font-size:.75rem;color:var(--text-secondary, #64748b)}[data-theme=dark] .stat-label{color:var(--text-secondary, #cbd5e1)}.stat-value{font-size:.875rem;font-weight:700;color:var(--text-primary, #0f172a)}[data-theme=dark] .stat-value{color:var(--text-primary, #f8fafc)}.unified-item-card{padding:var(--space-5, 1.25rem);background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, .75rem);cursor:pointer;transition:all var(--transition-base, .2s cubic-bezier(.4, 0, .2, 1));margin-bottom:var(--space-3, .75rem);box-shadow:var(--elevation-1, 0 1px 2px 0 rgba(0, 0, 0, .05))}[data-theme=dark] .unified-item-card{background:var(--card-bg, #334155);border-color:var(--border-color, #475569)}.unified-item-card:hover{border-color:var(--highlight-color, #3b82f6);box-shadow:var(--elevation-3, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1));transform:translateY(-2px);background:var(--card-hover-bg, var(--bg-secondary, #f8fafc))}.unified-item-card.requirement.fulfilled{border-left:4px solid #10b981}.unified-item-card.requirement.partial{border-left:4px solid #f59e0b}.unified-item-card.requirement.missing{border-left:4px solid #ef4444}.unified-item-card.adr.fulfilled{border-left:4px solid #10b981}.unified-item-card.adr.partial{border-left:4px solid #f59e0b}.unified-item-card.adr.missing{border-left:4px solid #ef4444}.unified-item-card.scenario{border-left:4px solid #10b981}.unified-item-card.flow{border-left:4px solid #9333ea}.item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.item-icon-type{display:flex;align-items:center;gap:.5rem}.item-icon-type svg{color:var(--highlight-color, #3b82f6)}.item-id{font-family:monospace;font-size:.8rem;font-weight:600;color:var(--text-secondary, #64748b)}[data-theme=dark] .item-id{color:var(--text-secondary, #cbd5e1)}.item-badges{display:flex;align-items:center;gap:.5rem}.status-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:capitalize}.status-badge.fulfilled{background:#10b9811a;color:#10b981}.status-badge.partial{background:#f59e0b1a;color:#f59e0b}.status-badge.missing{background:#ef44441a;color:#ef4444}.item-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.unified-item-card:hover .item-actions{opacity:1}.item-action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:4px;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s}[data-theme=dark] .item-action-btn{background:var(--bg-tertiary, #475569);border-color:var(--border-color, #64748b);color:var(--text-secondary, #cbd5e1)}.item-action-btn:hover{background:var(--bg-secondary, #f8fafc);border-color:var(--highlight-color, #3b82f6);color:var(--highlight-color, #3b82f6)}[data-theme=dark] .item-action-btn:hover{background:var(--bg-secondary, #334155)}.item-title{font-size:.9375rem;font-weight:600;color:var(--text-primary, #0f172a);margin-bottom:.5rem;line-height:1.4}[data-theme=dark] .item-title{color:var(--text-primary, #f8fafc)}.item-description{font-size:.875rem;color:var(--text-secondary, #64748b);line-height:1.5;margin-bottom:.75rem}[data-theme=dark] .item-description{color:var(--text-secondary, #cbd5e1)}.item-coverage{margin-bottom:.75rem}.coverage-bar{width:100%;height:4px;background:var(--bg-tertiary, #f1f5f9);border-radius:2px;overflow:hidden;margin-bottom:.25rem}[data-theme=dark] .coverage-bar{background:var(--bg-tertiary, #475569)}.coverage-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease;border-radius:2px}.coverage-text{font-size:.7rem;color:var(--text-secondary, #64748b)}[data-theme=dark] .coverage-text{color:var(--text-secondary, #cbd5e1)}.item-steps{margin-bottom:.75rem}.steps-count{font-size:.75rem;color:var(--text-secondary, #64748b);font-weight:500}[data-theme=dark] .steps-count{color:var(--text-secondary, #cbd5e1)}.item-tags{display:flex;flex-wrap:wrap;gap:.5rem}.item-tag{padding:.25rem .5rem;font-size:.7rem;background:var(--bg-tertiary, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:4px;color:var(--text-secondary, #64748b);font-family:monospace;transition:all .2s ease}[data-theme=dark] .item-tag{background:var(--bg-tertiary, #475569);border-color:var(--border-color, #64748b);color:var(--text-secondary, #cbd5e1)}.item-tag.clickable{cursor:pointer}.item-tag.clickable:hover{background:var(--highlight-color, #3b82f6);border-color:var(--highlight-color, #3b82f6);color:#fff;transform:translateY(-1px)}.unified-details-list{flex:1;overflow-y:auto;padding:1rem;background:var(--bg-primary, #ffffff)}[data-theme=dark] .unified-details-list{background:var(--bg-primary, #1e293b)}.unified-list-content{display:flex;flex-direction:column;gap:2rem}.item-group{display:flex;flex-direction:column;gap:.75rem}.group-header{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--text-primary, #0f172a);padding-bottom:.5rem;border-bottom:2px solid var(--border-color, #e2e8f0);margin-bottom:.5rem}[data-theme=dark] .group-header{color:var(--text-primary, #f8fafc);border-color:var(--border-color, #475569)}.group-header svg{color:var(--highlight-color, #3b82f6)}.group-items{display:flex;flex-direction:column;gap:.75rem}.unified-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16, 4rem) var(--space-8, 2rem);text-align:center;color:var(--text-secondary, #64748b);animation:fadeIn .4s ease-out}[data-theme=dark] .unified-list-empty{color:var(--text-secondary, #cbd5e1)}.unified-list-empty .empty-icon{margin-bottom:var(--space-4, 1rem);opacity:.6;animation:float 3s ease-in-out infinite}.unified-list-empty h3{margin:0 0 var(--space-2, .5rem) 0;font-size:var(--text-xl, 1.25rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #0f172a)}[data-theme=dark] .unified-list-empty h3{color:var(--text-primary, #f8fafc)}.unified-list-empty p{margin:0;font-size:var(--text-sm, .875rem);max-width:400px;line-height:var(--leading-relaxed, 1.75)}.details-view{height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.details-subnav{display:flex;gap:2px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0}.subnav-item{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.subnav-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.subnav-item.active{color:var(--text-primary);background:var(--bg-primary);box-shadow:0 1px 3px #00000014;font-weight:600}.subnav-item svg{flex-shrink:0;opacity:.7}.subnav-item.active svg{opacity:1;color:var(--highlight-color)}.subnav-count{font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;background:var(--bg-tertiary);color:var(--text-secondary);min-width:18px;text-align:center}.subnav-item.active .subnav-count{background:#667eea26;color:var(--highlight-color)}.details-content{flex:1;overflow:hidden;position:relative}.details-content>div{height:100%;overflow-y:auto}.details-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8, 2rem);text-align:center;color:var(--text-secondary);animation:fadeIn .4s ease-out}.details-placeholder .placeholder-icon{color:var(--text-muted);opacity:.6;margin-bottom:var(--space-4, 1rem);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.details-placeholder h3{margin:0 0 var(--space-2, .5rem) 0;font-size:var(--text-xl, 1.25rem);font-weight:var(--font-semibold, 600);color:var(--text-primary)}.details-placeholder p{margin:0;font-size:var(--text-base, .9rem);max-width:400px;line-height:var(--leading-relaxed, 1.75)}@media(max-width:768px){.details-subnav{padding:10px 12px;gap:4px;overflow-x:auto}.subnav-item{padding:6px 10px;font-size:12px;white-space:nowrap}.subnav-item span:first-of-type{display:none}.subnav-item.active span:first-of-type{display:inline}}.details-view-unified{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-primary, #ffffff)}[data-theme=dark] .details-view-unified{background:var(--bg-primary, #1e293b)}.details-search-bar{padding:var(--space-4, 1rem) var(--space-6, 1.5rem);border-bottom:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f8fafc);flex-shrink:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme=dark] .details-search-bar{background:var(--bg-secondary, #334155);border-color:var(--border-color, #475569)}.search-input-wrapper{position:relative;max-width:600px}.search-icon{position:absolute;left:var(--space-3, .75rem);top:50%;transform:translateY(-50%);color:var(--text-secondary, #64748b);pointer-events:none;z-index:1;transition:color var(--transition-base, .2s ease)}.details-search-input:focus+.search-icon,.details-search-input:focus~.search-icon{color:var(--highlight-color, #3b82f6)}[data-theme=dark] .search-icon{color:var(--text-secondary, #cbd5e1)}.details-search-input{padding-left:2.5rem}.details-content-unified{display:flex;flex:1;overflow:hidden}.view-tabs-simple{display:flex;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-4, 1rem);background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.view-tabs-simple .view-tab{padding:var(--space-2, .5rem) var(--space-4, 1rem)}.app-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4, 1rem);background:var(--bg-primary-alpha-80, rgba(255, 255, 255, .8));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:relative;z-index:50;transition:all .2s ease;pointer-events:auto}[data-theme=dark] .app-header{background:var(--bg-primary-alpha-80, rgba(15, 23, 42, .8))}.header-left{display:flex;align-items:center;gap:var(--space-4, 1rem);min-width:200px}.logo-section{display:flex;align-items:center;gap:var(--space-2, .5rem);color:var(--text-primary);font-weight:600;font-size:15px;-webkit-user-select:none;user-select:none}.app-title{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:-.01em}.header-center{flex:1;display:flex;justify-content:center;align-items:center}.header-right{display:flex;align-items:center;gap:var(--space-3, .75rem);justify-content:flex-end;min-width:200px}.divider-vertical{width:1px;height:20px;background:var(--border-color);margin:0 var(--space-1, .25rem)}.header-search-btn{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;color:var(--text-secondary);background:transparent;border:1px solid transparent;font-size:13px;transition:all .2s ease;cursor:pointer;min-width:32px}.header-search-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.search-shortcut{font-size:10px;background:var(--bg-tertiary);padding:1px 4px;border-radius:4px;border:1px solid var(--border-color);font-family:monospace}.app-header .view-tabs-simple{padding:0;background:transparent;border-bottom:none;gap:var(--space-1, .25rem)}.app-header .view-tab{padding:4px 12px;height:32px;font-size:13px;border:none;background:transparent;color:var(--text-secondary)}.app-header .view-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.app-header .view-tab.active{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;box-shadow:none}.app-header .view-tab.active:after{display:none}.app-header .action-btn{height:32px;min-width:32px;padding:0 8px;font-size:13px;pointer-events:auto;position:relative;z-index:1}.action-btn.primary{background:var(--highlight-color);color:#fff;border:none}.action-btn.primary:hover{background:var(--highlight-hover);transform:translateY(-1px)}.actions-dropdown-wrapper{position:relative}.actions-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);box-shadow:0 4px 20px #00000026;padding:6px;z-index:1000;animation:fadeIn .15s ease-out}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;text-align:left;background:transparent;border:none;border-radius:4px;color:var(--text-primary);font-size:13px;cursor:pointer}.menu-item:hover{background:var(--bg-secondary)}.menu-divider{height:1px;background:var(--border-color);margin:4px 0}.onboarding-tour{position:fixed;bottom:24px;right:24px;z-index:1000;animation:slideInUp .3s ease-out}.onboarding-tour-content{position:relative;display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:16px;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;max-width:380px;min-width:320px}.onboarding-tour-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted, #9ca3af);cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease}.onboarding-tour-close:hover{background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #111827)}.onboarding-tour-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--highlight-color, #3b82f6) 0%,#8b5cf6 100%);border-radius:12px;color:#fff}.onboarding-tour-body{display:flex;flex-direction:column;gap:8px}.onboarding-tour-title{font-size:18px;font-weight:600;color:var(--text-primary, #111827);margin:0}.onboarding-tour-description{font-size:14px;line-height:1.6;color:var(--text-secondary, #6b7280);margin:0}.onboarding-tour-progress{display:flex;gap:6px;justify-content:center;padding:8px 0}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color, #e5e7eb);transition:all .2s ease}.progress-dot.active{background:var(--highlight-color, #3b82f6);transform:scale(1.2)}.progress-dot.completed{background:var(--success-color, #10b981)}.onboarding-tour-actions{display:flex;gap:8px;justify-content:flex-end}.onboarding-tour-actions button{display:flex;align-items:center;gap:6px}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .onboarding-tour-content{background:var(--bg-primary, #1f2937);border-color:var(--border-color, #374151);box-shadow:0 8px 24px #0006,0 2px 8px #0003}[data-theme=dark] .onboarding-tour-close:hover{background:var(--bg-tertiary, #374151)}@media(max-width:480px){.onboarding-tour{bottom:16px;right:16px;left:16px}.onboarding-tour-content{max-width:none;min-width:auto}}