:root{color-scheme:light dark}body.dialog-open{overflow:hidden}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--primary-950: #172554;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-200: #fecaca;--danger-300: #fca5a5;--danger-400: #f87171;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--danger-800: #991b1b;--danger-900: #7f1d1d;--background-color: light-dark(#ffffff, #0f172a);--surface-color: light-dark(var(--gray-50), var(--gray-900));--surface-elevated: light-dark(#ffffff, var(--gray-800));--text-color: light-dark(var(--gray-900), var(--gray-100));--text-muted: light-dark(var(--gray-600), var(--gray-400));--text-subtle: light-dark(var(--gray-500), var(--gray-500));--inverted-text-color: light-dark(var(--gray-100), var(--gray-900));--link-color: var(--primary-600);--link-hover: var(--primary-700);--border-color: light-dark(var(--gray-200), var(--gray-700));--border-subtle: light-dark(var(--gray-100), var(--gray-800));--shadow-sm: light-dark(0 1px 2px 0 rgb(0 0 0 / .05), 0 1px 2px 0 rgb(0 0 0 / .3));--shadow-md: light-dark(0 4px 6px -1px rgb(0 0 0 / .1), 0 4px 6px -1px rgb(0 0 0 / .4));--shadow-lg: light-dark(0 10px 15px -3px rgb(0 0 0 / .1), 0 10px 15px -3px rgb(0 0 0 / .4));--remove-link-color: light-dark(var(--danger-600), var(--danger-400));--example-text-color: light-dark(var(--gray-700), var(--gray-300));--example-border-color: light-dark(var(--gray-300), var(--gray-600));--step-background: light-dark(var(--primary-50), var(--primary-900));--step-hover-background: light-dark(var(--primary-100), var(--primary-800));--builtin-step-background: light-dark(var(--success-50), var(--success-900));--builtin-step-hover-background: light-dark(var(--success-100), var(--success-800));--builtin-step-border: light-dark(var(--success-200), var(--success-700));--mine-step-background: light-dark(var(--warning-50), var(--warning-900));--mine-step-hover-background: light-dark(var(--warning-100), var(--warning-800));--mine-step-border: light-dark(var(--warning-200), var(--warning-700));--button-background: light-dark(#ffffff, var(--gray-800));--button-hover-background: light-dark(var(--gray-50), var(--gray-700));--button-border: light-dark(var(--gray-300), var(--gray-600));--primary-button-background: var(--primary-600);--primary-button-hover: var(--primary-700);--download-button-background: light-dark(var(--success-100), var(--success-800));--download-button-border: light-dark(var(--success-300), var(--success-600));--download-button-hover-background: light-dark(var(--success-200), var(--success-700));--download-button-hover-border: light-dark(var(--success-400), var(--success-500));--download-button-hover-text: light-dark(var(--success-800), var(--success-100));--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--transition-fast: .15s;--transition-normal: .2s;--transition-slow: .3s;--transition-ease: cubic-bezier(.4, 0, .2, 1)}html{background-color:var(--background-color);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-optical-sizing:auto;color:var(--text-color);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:0;scroll-behavior:smooth}body{margin:0;padding:var(--spacing-6) var(--spacing-4);background:linear-gradient(135deg,var(--background-color) 0%,var(--surface-color) 100%);min-height:100vh}header{margin-bottom:var(--spacing-6)}.header-row{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:nowrap}header h1{margin:0;flex-shrink:1;min-width:0}#top-buttons{display:flex;gap:var(--spacing-3);align-items:center;flex-wrap:wrap}body.split-view-right #blueprint-builder{margin-top:0;flex-direction:row;width:100%}body.split-view-right #title-holder,body.split-view-bottom #title-holder{margin-top:0}body.split-view-right #blueprint-builder{display:flex;padding:var(--spacing-4);gap:var(--spacing-4);box-sizing:border-box}body.split-view-right #title-holder{margin:0;padding:var(--spacing-3)}body.split-view-right .arrow{display:none!important}body.split-view-right #steps-holder{width:100%;display:flex;flex-direction:column;gap:var(--spacing-4)}body.split-view-right #steps-group{flex-direction:column;position:relative}body.split-view-right #step-library-holder{width:100%;display:none;max-height:600px}body.split-view-right #step-library-holder.mobile-visible{display:block}body.split-view-right #filter-holder{position:relative}body.split-view-right #filter-holder:before{content:"← Back";position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--primary-600);padding:var(--spacing-2);z-index:10;background:var(--surface-elevated)}body.split-view-right #filter-holder input[type=text]{margin-left:6em}body.split-view-right #blueprint-steps{width:100%;min-height:200px;max-height:none;border-radius:var(--radius-xl);border:1px solid var(--border-color);box-sizing:border-box;overflow-y:auto}body.split-view-right #blueprint-steps .step{max-width:100%;box-sizing:border-box}body.split-view-right #blueprint-steps .step a.view-source{display:none}body.split-view-right #mobile-show-steps{display:block;width:100%;padding:var(--spacing-4);background:var(--primary-500);color:#fff;border:1px solid var(--primary-500);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);cursor:pointer}body.split-view-right #mobile-show-steps:hover{background:var(--primary-600)}body.split-view-right #blueprint-compiled-holder{width:100%;margin:0;flex:0 0 auto;box-sizing:border-box}body.split-view-right #step-library{min-height:auto}body.split-view-right #blueprint-compiled{width:100%;box-sizing:border-box}body.split-view-right #blueprint-version-selector{display:none}body.split-view-bottom,body.split-view-right{height:100vh;overflow:hidden}body.split-view-bottom #split-view-wrapper,body.split-view-right #split-view-wrapper{position:relative;height:calc(100vh - 100px);overflow:auto}body.split-view-bottom #blueprint-builder{position:absolute;top:0;left:0;right:0;height:50%;overflow:auto}body.split-view-bottom #split-view-container{position:absolute;bottom:0;left:0;right:0;height:50%;display:block!important;border-top:2px solid var(--border-color);z-index:5}body.split-view-right #blueprint-builder{position:absolute;top:0;left:0;bottom:0;width:50%;overflow-y:auto;overflow-x:hidden}body.split-view-right #split-view-container{position:absolute;top:0;right:0;width:50%;height:100%;display:block!important;border-left:2px solid var(--border-color)}body.split-view-bottom #playground-iframe,body.split-view-right #playground-iframe{width:100%;height:100%;border:none}dialog{border:none;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--spacing-8);background:var(--surface-elevated);color:var(--text-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:90vw;max-height:90vh}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog h2{margin-top:0;color:var(--text-color);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}#save-blueprint-dialog{max-width:500px}#save-blueprint-message{color:var(--text-muted);margin-bottom:var(--spacing-4);line-height:var(--line-height-normal)}#save-blueprint-dialog label{display:block;margin-bottom:var(--spacing-4);color:var(--text-color)}#save-blueprint-name{display:block;width:100%;margin-top:var(--spacing-2);padding:var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface);color:var(--text-color);font-size:var(--font-size-base)}.dialog-buttons{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6);flex-wrap:wrap}.dialog-buttons button{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-fast) var(--transition-ease)}.dialog-buttons button.primary{background:var(--primary-button-background);color:#fff;border:none}.dialog-buttons button.primary:hover{background:var(--primary-button-hover)}.dialog-buttons button:not(.primary){background:var(--surface);color:var(--text-color);border:1px solid var(--border-color)}.dialog-buttons button:not(.primary):hover{background:var(--surface-hover)}header p{line-height:var(--line-height-normal);color:var(--text-muted);font-size:var(--font-size-sm);margin:var(--spacing-2) 0 0 0;max-width:100%}summary{cursor:pointer;transition:color var(--transition-fast) var(--transition-ease)}summary:hover{color:var(--primary-600)}#ai-instructions-dialog{width:700px;max-width:90vw}#ai-instructions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}#ai-instructions-header h2{margin-bottom:0}#ai-instructions-dialog p{color:var(--text-muted);margin-bottom:var(--spacing-4);line-height:var(--line-height-normal)}#ai-instructions-options{margin-bottom:var(--spacing-4)}#ai-instructions-options label{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-color);font-size:var(--font-size-sm)}#ai-instructions-url-type{padding:var(--spacing-1) var(--spacing-2);padding-right:var(--spacing-6);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface);color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;appearance:none;-webkit-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='%23666' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-2) center}@media (prefers-color-scheme: dark){#ai-instructions-url-type{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='%23aaa' d='M2 4l4 4 4-4'/%3E%3C/svg%3E")}}#ai-instructions-dialog code{background:var(--surface-hover);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm)}#ai-instructions-content-wrapper{position:relative}#ai-instructions-content{width:100%;height:350px;font-family:var(--font-mono);font-size:var(--font-size-sm);padding:var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface);color:var(--text-color);resize:vertical;line-height:var(--line-height-relaxed)}#ai-instructions-ace{width:100%;height:350px;border:1px solid var(--border-color);border-radius:var(--radius-md)}#ai-instructions-status{margin-top:var(--spacing-2)}input,select,textarea{padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--text-color);font-size:var(--font-size-sm);transition:all var(--transition-fast) var(--transition-ease)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}input:hover,select:hover,textarea:hover{border-color:var(--primary-400)}h1{font-family:EB Garamond,Georgia,serif;font-optical-sizing:auto;font-weight:var(--font-weight-bold);font-style:normal;font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-5xl));margin:0;line-height:var(--line-height-tight);background:linear-gradient(135deg,var(--primary-600),var(--primary-800));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em}a:any-link{color:var(--link-color);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:all var(--transition-fast) var(--transition-ease)}a:any-link:hover{color:var(--link-hover);text-decoration:none}#blueprint-builder{display:flex;margin-top:var(--spacing-8);flex-wrap:wrap;gap:var(--spacing-16) var(--spacing-4);align-items:flex-start}.arrow{margin-top:var(--spacing-20);font-size:var(--font-size-2xl);color:var(--primary-500);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center}#steps-group{display:flex}#step-library-holder{width:280px;min-height:600px;border:1px solid var(--border-color);border-right-width:0;box-shadow:var(--shadow-md);border-radius:var(--radius-xl);border-top-right-radius:0;border-bottom-right-radius:0;flex:1;overflow:hidden;background:var(--surface-color)}#filter-holder{display:flex;flex-direction:row;height:auto;padding:var(--spacing-4);gap:var(--spacing-3);background:var(--surface-elevated);border-bottom:1px solid var(--border-subtle)}#filter-holder label{white-space:nowrap;line-height:2.5}#step-library{overflow:auto;min-height:540px;padding:var(--spacing-2)}#blueprint-steps{width:500px;min-height:600px;overflow:auto;border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:var(--radius-xl);border-top-left-radius:0;border-bottom-left-radius:0;z-index:1;background-color:var(--surface-color);flex:2}#blueprint-builder>div{display:flex;flex-direction:column}#steps-holder{flex:3 1 0}#blueprint-holder{flex:0 0 auto;background:var(--surface-elevated);border-radius:var(--radius-xl);padding:var(--spacing-6);border:1px solid var(--border-subtle)}#blueprint-compiled-holder{flex:0 0 auto;background:var(--surface-elevated);border-radius:var(--radius-xl);padding:var(--spacing-6);border:1px solid var(--border-subtle);height:auto;max-height:fit-content;position:relative}#blueprint-holder>div,#blueprint-compiled-holder>div{height:auto;white-space:nowrap;font-weight:var(--font-weight-semibold);color:var(--text-color);margin-bottom:var(--spacing-4);font-size:var(--font-size-lg)}#title-holder{height:auto;margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:var(--surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}#title-holder input{width:100%;max-width:500px;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--spacing-4)}textarea#blueprint,textarea#blueprint-compiled{height:520px;width:100%;border:1px solid var(--border-color);padding:var(--spacing-4);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);white-space:pre-wrap;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);background:var(--surface-elevated);resize:vertical;transition:all var(--transition-normal) var(--transition-ease);box-sizing:border-box}textarea#blueprint:focus,textarea#blueprint-compiled:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a,var(--shadow-md)}.step{padding:var(--spacing-4);margin:var(--spacing-2);border:1px solid var(--border-color);background-color:var(--step-background);color:var(--text-color);cursor:pointer;border-radius:var(--radius-lg);z-index:3;transition:all var(--transition-normal) var(--transition-ease);position:relative;overflow:hidden}.step:focus{outline:2px solid var(--primary-500);outline-offset:2px;box-shadow:0 0 0 4px #3b82f61a}.step.builtin{background-color:var(--builtin-step-background);border-color:var(--builtin-step-border)}#step-library .step.builtin{display:none}.step.mine{background-color:var(--mine-step-background);border-color:var(--mine-step-border)}#step-library .step.hidden,#step-library .step.mine.hidden,#step-library.show-builtin .step.builtin.hidden{display:none}#step-library.show-builtin .step.builtin{display:block}#step-library .step{overflow:hidden;position:relative}#step-library .step:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal) var(--transition-ease)}#step-library .step:hover:before{transform:scaleX(1)}#step-library .step .add,.step .options{display:none}#step-library .step.mine .options{display:block;position:absolute;top:var(--spacing-2);right:var(--spacing-2)}#step-library .step .options summary{list-style:none;cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);transition:background var(--transition-fast);color:var(--text-muted);font-size:var(--font-size-lg);line-height:1}#step-library .step .options summary:hover{background:light-dark(rgba(0,0,0,.05),rgba(255,255,255,.1))}#step-library .step .options summary::marker{content:none}#step-library .step .options summary:after{content:"⋮";display:block}#step-library .step .options[open] summary:after{content:"⋮"}#step-library .step .options[open]{position:static;top:auto;right:auto;width:100%}#step-library .step .options[open] summary{position:absolute;top:var(--spacing-2);right:var(--spacing-2)}#step-library .step .options[open] div{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);flex-wrap:wrap}#step-library .step .options div button,#step-library .step .options div a.submit-to-gh{padding:var(--spacing-2);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);cursor:pointer;text-align:center;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);transition:all var(--transition-fast) var(--transition-ease);color:var(--text-color);border:1px solid var(--border-color);background:var(--button-background)}#step-library .step .options div button.delete,#step-library .step .options div button.rename{padding:var(--spacing-2);min-width:32px;min-height:32px}#step-library .step .options div button.delete svg,#step-library .step .options div button.rename svg{display:block}#step-library .step .options div button.share,#step-library .step .options div a.submit-to-gh{padding:var(--spacing-2) var(--spacing-3)}#step-library .step.mine div.header{text-align:left;flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}#step-library .step .options div button:hover,#step-library .step .options div a.submit-to-gh:hover{background:var(--button-hover-background);border-color:var(--primary-400);box-shadow:var(--shadow-sm)}#step-library .step .options div button.delete:hover{background:light-dark(rgba(239,68,68,.1),rgba(239,68,68,.2));border-color:light-dark(rgb(239,68,68),rgb(248,113,113));color:light-dark(rgb(185,28,28),rgb(254,202,202))}.step .info{font-size:var(--font-size-xs);color:light-dark(var(--text-subtle),var(--text-muted));margin-top:var(--spacing-1);padding:0 var(--spacing-4) 0 0;line-height:var(--line-height-normal)}.step td>input,.step td>label{vertical-align:top}.step td>textarea{vertical-align:top;width:100%;max-width:400px;min-height:3em;box-sizing:border-box}.step td>input[type=text]{width:100%;max-width:400px;box-sizing:border-box}.step td>label>input[type=checkbox]{margin-right:.7em}.step td>label{display:inline-block}.step .examples{margin-top:var(--spacing-2);font-size:var(--font-size-xs)}.step .examples[open]{margin-left:0;margin-top:var(--spacing-2)}.step .remove{margin-left:2em}.step .remove:any-link{color:var(--remove-link-color);text-decoration:none;margin-top:-8px}#step-library-holder .step .examples,#step-library-holder .step .info,#step-library-holder .step .vars,#step-library-holder .step .remove,#blueprint-steps .step.collapsed .examples,#blueprint-steps .step.collapsed .vars,#blueprint-steps .step.collapsed .remove{display:none}#blueprint-steps .step{overflow:clip}div.header{display:flex;gap:1em;line-height:1.3;justify-content:right;align-items:center;margin-bottom:.5em}div.header span.stepname{flex-grow:1}div.header button,div.header a{line-height:1.3;font-size:.9em}#blueprint-steps .step .vars{display:block}#step-library-holder .step .examples{display:none}#blueprint-steps .step .examples{display:block}.examples ul li{list-style-type:none;color:var(--link-color);text-decoration:underline;display:inline-block;margin-right:.5em;white-space:nowrap}.examples ul li.sample{margin-bottom:var(--spacing-2)}.examples.for-textarea ul li{list-style-type:none;color:var(--example-text-color);text-decoration:none;display:inline-block;white-space:nowrap;font-family:monospace;line-height:1.3;vertical-align:top;margin-left:.5em;padding-left:.5em;border-left:2px solid var(--example-border-color)}.examples ul{margin:0;padding:0}.examples ul li:hover{text-decoration:none}a.view-source,#blueprint-steps .step.collapsed a.view-source,button.save-step,#blueprint-steps .step.collapsed button.save-step{display:none}#blueprint-steps .step a.view-source,#blueprint-steps .step button.save-step{display:block}a.view-source{color:light-dark(var(--link-color),var(--primary-200))}a.view-source:hover{color:light-dark(var(--link-hover),var(--primary-100))}table.vars{width:100%;border-collapse:collapse}table.vars tr td.label{font-weight:var(--font-weight-semibold);width:auto;min-width:80px;max-width:120px;vertical-align:top;line-height:var(--line-height-loose);font-size:90%;padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) 0;white-space:nowrap}table.vars tr td.field{width:100%;padding:var(--spacing-3) 0}button,#playground-link,#download-blueprint,a.submit-to-gh,#preview-mode,#examples{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border:1px solid var(--button-border);color:var(--text-color);background-color:var(--button-background);border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-normal) var(--transition-ease);white-space:nowrap}button{padding:var(--spacing-3) var(--spacing-5)}button:hover,#playground-link:hover,#download-blueprint:hover,#examples:hover{background-color:var(--button-hover-background);box-shadow:var(--shadow-md);border-color:light-dark(var(--primary-300),var(--primary-600))}button.save-step{border:none;background-color:transparent;padding:0;box-shadow:none;font-size:var(--font-size-sm);color:light-dark(var(--link-color),var(--primary-200));text-decoration:underline;font-weight:var(--font-weight-medium);transition:all var(--transition-fast) var(--transition-ease)}button.save-step:hover{background-color:transparent;text-decoration:none;color:light-dark(var(--link-hover),var(--primary-100))}#examples{width:110px;padding-left:var(--spacing-3);padding-right:calc(var(--spacing-4) + 1em)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:1em;padding-right:var(--spacing-8);height:auto;min-height:40px;display:inline-flex;align-items:center}@media (prefers-color-scheme: dark){select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}}#toggle-further-options{padding-left:var(--spacing-4);padding-right:var(--spacing-8);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:1em}@media (prefers-color-scheme: dark){#toggle-further-options{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}}#toggle-further-options svg{margin-right:var(--spacing-1);flex-shrink:0}#preview-mode{min-width:170px;padding-left:var(--spacing-4);padding-right:calc(var(--spacing-8) + var(--spacing-2))}#playground-link{background-color:var(--primary-button-background);color:#fff;border-color:var(--primary-button-background);font-weight:var(--font-weight-semibold);padding:var(--spacing-4) var(--spacing-6)}#playground-link:hover{background-color:var(--primary-button-hover);border-color:var(--primary-button-hover);color:#fff}#blueprint-version-selector{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.blueprint-warning{display:block;width:23em;box-sizing:border-box;padding:var(--spacing-3);margin-top:var(--spacing-3);margin-bottom:var(--spacing-3);background-color:light-dark(#fff3cd,#3a2f1a);border:1px solid light-dark(#ffc107,#8a7a3a);border-radius:4px;color:light-dark(#856404,#e8d89e);font-size:14px}.blueprint-warning summary{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;list-style:none}.blueprint-warning summary::-webkit-details-marker{display:none}.blueprint-warning svg{flex-shrink:0;color:light-dark(#ff9800,#ffa726)}.blueprint-warning .warning-text{flex:1}.blueprint-warning .warning-size{font-weight:600}.blueprint-warning p{margin:var(--spacing-3) 0 0 0;padding-left:calc(16px + var(--spacing-2));line-height:1.5}.blueprint-warning code{background-color:light-dark(rgba(0,0,0,.1),rgba(255,255,255,.1));padding:2px 6px;border-radius:3px;font-family:monospace;font-size:.9em}#playground-link-holder{display:flex;align-items:center;width:100%;gap:var(--spacing-3);margin-top:var(--spacing-4)}#playground-link{flex-grow:1}#copy-playground-link{background:var(--surface-color);font-size:var(--font-size-lg);line-height:1;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:var(--spacing-3);color:var(--text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast) var(--transition-ease)}#copy-playground-link:hover{background-color:light-dark(var(--primary-100),var(--primary-900));color:light-dark(var(--primary-700),var(--primary-200));border-color:light-dark(var(--primary-300),var(--primary-600))}#playground-link:any-link{color:#fff}#playground-link:hover,.step:hover,.step:focus{background-color:var(--step-hover-background);box-shadow:var(--shadow-lg)}#download-blueprint{background:var(--surface-color);font-size:var(--font-size-lg);line-height:1;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:var(--spacing-3);color:var(--text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast) var(--transition-ease);cursor:pointer;display:flex;align-items:center;justify-content:center}#download-blueprint svg{width:16px;height:16px;display:block}#download-blueprint:hover{background-color:light-dark(var(--primary-100),var(--primary-900));color:light-dark(var(--primary-700),var(--primary-200));border-color:light-dark(var(--primary-300),var(--primary-600))}.more-options-dropdown{position:relative;display:inline-block}.more-options-button,#history-actions button.more-options-button{border:none;background:none;padding:var(--spacing-2);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast) var(--transition-ease);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;width:20px;height:40px;font-size:var(--font-size-lg)}.more-options-button:hover{background-color:light-dark(var(--gray-100),var(--gray-800));color:var(--text-color)}.more-options-menu{display:none;position:absolute;right:0;bottom:100%;background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;min-width:200px;margin-bottom:4px}.more-options-menu button,#history-actions .more-options-menu button{display:block;width:100%;text-align:left;padding:var(--spacing-3) var(--spacing-4);border:none;background:none;cursor:pointer;white-space:nowrap;color:var(--text-color);transition:all var(--transition-fast) var(--transition-ease);font-size:var(--font-size-sm)}.more-options-menu button:hover,#history-actions .more-options-menu button:hover{background:light-dark(var(--primary-50),var(--primary-950));color:light-dark(var(--primary-700),var(--primary-200))}.more-options-menu button svg,#history-actions .more-options-menu button svg{vertical-align:middle;margin-right:var(--spacing-2)}.step.builtin:hover,.step.builtin:focus{background-color:var(--builtin-step-hover-background);box-shadow:var(--shadow-lg);border-color:var(--builtin-step-border)}.step.mine:hover,.step.mine:focus{background-color:var(--mine-step-hover-background);box-shadow:var(--shadow-lg);border-color:var(--mine-step-border)}#view-source{padding:0;border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:90vw;width:1000px;max-height:90vh;background:var(--surface-color);color:var(--text-color)}#view-source-header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-color);flex-shrink:0}#view-source-header h2{margin:0;font-size:1.5rem;color:var(--text-color);flex:1}#view-source-docs{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-elevated);color:var(--text-color);cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none;font-size:var(--font-size-base)}#view-source-docs svg{width:16px;height:16px;flex-shrink:0}#view-source-docs:hover{background:light-dark(var(--gray-100),var(--gray-800));border-color:light-dark(var(--gray-400),var(--gray-600))}#view-source-editor{width:100%;height:600px;border:none;border-radius:0 0 var(--radius-xl) var(--radius-xl)}#blueprint-compiled{margin-bottom:1em}#options-wrapper{position:relative}#further-options{display:none;position:absolute;top:calc(100% + var(--spacing-2));right:0;background:var(--surface-elevated);border-radius:var(--radius-lg);padding:var(--spacing-4);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:100;min-width:400px;max-width:600px;max-height:80vh;overflow-y:auto}#further-options[open]{display:block}#further-options summary{font-weight:var(--font-weight-semibold);color:var(--text-color);padding:var(--spacing-2) 0}#further-options div{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}#further-options label{display:flex;flex-direction:column;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-color)}#further-options label:has(input[type=checkbox]){flex-direction:row;align-items:center}#further-options .version-selectors,#further-options .mode-storage-selectors{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-top:0}.info-icon{cursor:help;color:var(--primary-500);margin-left:var(--spacing-1);font-size:var(--font-size-sm);opacity:.8;transition:all .2s ease;text-decoration:none}.info-icon:hover{opacity:1;color:var(--primary-400)}.alpha-badge{font-size:.5em;padding:.1em .3em;border:1px solid currentColor;border-radius:3px;color:light-dark(var(--primary-600),var(--primary-400));font-weight:400;vertical-align:top;margin-left:.3em;text-decoration:none!important;display:inline-block}.alpha-badge:hover{text-decoration:none!important}#draghint{margin:var(--spacing-8) var(--spacing-6);padding:var(--spacing-8);background:var(--surface-elevated);border:2px dashed var(--border-color);border-radius:var(--radius-xl);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);transition:all var(--transition-normal) var(--transition-ease)}#draghint:hover{border-color:var(--primary-400);background:light-dark(var(--primary-50),var(--primary-950));color:light-dark(var(--primary-700),var(--primary-300))}.mobile-only{display:none}#mobile-show-steps{margin-top:var(--spacing-4)}#top-buttons{white-space:nowrap;display:flex;gap:var(--spacing-3);align-items:center;flex-wrap:wrap}#code-editor-container{width:min(60vw,800px);height:min(30vw,400px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid light-dark(#e9ecef,#333333);border-bottom:none;position:relative;box-shadow:0 1px 0 light-dark(rgba(0,0,0,.1),rgba(0,0,0,.3));overflow:hidden}.ace_editor{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace!important;line-height:1.6!important}.ace_gutter{background:light-dark(#fafbfc,#1e1e1e)!important;border-right:1px solid light-dark(#e9ecef,#333333)!important}.ace_gutter-cell{color:light-dark(#6c757d,#858585)!important}.ace_gutter-active-line{background-color:light-dark(#f0f0f0,#2a2a2a)!important}.ace_scroller{background-color:light-dark(#ffffff,#1e1e1e)!important}.ace_content,.ace_line{padding:0!important;margin:0!important}.ace_active-line{background:light-dark(rgba(0,122,255,.03),rgba(0,122,255,.1))!important}.ace_cursor{color:light-dark(#000000,#ffffff)!important;border-left:2px solid light-dark(#000000,#ffffff)!important}.ace-status-bar{display:flex;justify-content:flex-start;align-items:center;gap:16px;padding:4px 28px 4px 12px;background:light-dark(#f8f9fa,#252525);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:11px;color:light-dark(#6c757d,#858585);height:24px;box-sizing:border-box}.ace-status-bar .status-info{font-variant-numeric:tabular-nums;flex-shrink:0}.ace-status-bar .status-warning{color:light-dark(var(--warning-700),var(--warning-300));font-weight:700;font-size:12px;flex-shrink:0;white-space:nowrap;cursor:pointer;padding:2px 6px;border-radius:3px;transition:all .2s ease}.ace-status-bar .status-warning:before{content:"⏸ Compilation Paused"}.ace-status-bar .status-warning:hover{background-color:light-dark(rgba(34,197,94,.1),rgba(34,197,94,.2));color:light-dark(rgb(21,128,61),rgb(134,239,172))}.ace-status-bar .status-warning:hover:before{content:"▶ Resume (changes will be lost!)"}.ace-status-bar .status-mode{text-transform:uppercase;font-weight:600;color:light-dark(#495057,#adb5bd);margin-left:auto;flex-shrink:0}#code-editor-status{margin-top:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden;border:1px solid light-dark(#e9ecef,#333333);border-top:none;box-shadow:0 1px 3px light-dark(rgba(0,0,0,.1),rgba(0,0,0,.3))}#blueprint-status{position:absolute;bottom:0;left:0;right:0;display:none;z-index:10;border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden;border:1px solid light-dark(#e9ecef,#333333);border-top:none;box-shadow:0 1px 3px light-dark(rgba(0,0,0,.1),rgba(0,0,0,.3))}#blueprint-status.active{display:flex}button.code-editor{margin-left:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);vertical-align:middle}#autoredirecting{text-align:center}#autoredirecting div{display:flex;justify-content:space-around}@media (max-width: 734px){body{padding:var(--spacing-2)}header{margin-bottom:var(--spacing-4)}#blueprint-builder{flex-direction:column;width:100%;padding:0;margin:0;gap:0}#title-holder{margin:0 0 var(--spacing-4) 0;padding:var(--spacing-3)}.header-row{flex-wrap:wrap}header h1{font-size:var(--font-size-2xl);width:100%;margin-bottom:var(--spacing-3)}#blueprint-steps .step a.view-source{display:none}#options-wrapper{position:static}#further-options{position:fixed;left:var(--spacing-2);right:var(--spacing-2);top:auto;min-width:auto;max-width:none;width:auto}.arrow{display:none!important}#steps-holder{width:100%}#steps-group{flex-direction:column;position:relative}#step-library-holder{position:fixed;inset:0;width:100%;height:100%;z-index:1000;border-radius:0;border:none;display:none;flex-direction:column}#step-library-holder.mobile-visible{display:flex}#step-library{flex:1;min-height:0;overflow-y:auto}#blueprint-steps{width:100%;min-height:auto;border-radius:var(--radius-xl);border:1px solid var(--border-color)}#mobile-show-steps{width:100%;margin-top:var(--spacing-2);padding:var(--spacing-4);background:var(--primary-500);color:#fff;border:1px solid var(--primary-500);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md);border-radius:var(--radius-lg)}#mobile-show-steps:hover{background:var(--primary-600);border-color:var(--primary-600)}#draghint{display:none}#filter-holder{position:sticky;top:0;z-index:10;padding-left:60px}#filter-holder:before{content:"← Back";position:absolute;left:var(--spacing-2);top:50%;transform:translateY(-50%);cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--primary-600);padding:var(--spacing-2)}#filter-holder input[type=text]{width:100%}.mobile-only{display:block!important}#blueprint-compiled-holder{width:100%;margin:var(--spacing-4) 0 0 0;padding:var(--spacing-3);border-radius:var(--radius-lg);box-sizing:border-box}#blueprint-compiled-holder>div{margin-bottom:var(--spacing-2);font-size:var(--font-size-base)}#blueprint-version-selector{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}textarea#blueprint-compiled{height:300px;padding:var(--spacing-2);font-size:var(--font-size-xs);width:100%;box-sizing:border-box}#blueprint-compiled-wrapper{height:300px!important}#blueprint-compiled-ace{bottom:24px}#playground-link-holder{flex-direction:row;margin-top:var(--spacing-2);gap:var(--spacing-2);width:100%}#playground-link{flex:1;padding:var(--spacing-3) var(--spacing-4);box-sizing:border-box}#download-blueprint{margin-top:0}}#wizard-mode-toggle{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md)}#wizard-mode-toggle:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-lg)}#wizard-container{position:fixed;inset:0;background:var(--background-color);z-index:1000;display:flex;flex-direction:column;overflow:hidden}#wizard-header{background:var(--surface-elevated);border-bottom:1px solid var(--border-color);padding:var(--spacing-6);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}#wizard-progress{display:flex;gap:var(--spacing-8);align-items:center}.wizard-step-indicator{display:flex;align-items:center;gap:var(--spacing-3);position:relative;transition:all var(--transition-normal) var(--transition-ease)}.step-number{width:32px;height:32px;border-radius:var(--radius-full);background:var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);transition:all var(--transition-normal) var(--transition-ease)}.wizard-step-indicator.active .step-number{background:var(--primary-500);color:#fff}.wizard-step-indicator.completed .step-number{background:var(--success-500);color:#fff}.step-title{font-weight:var(--font-weight-medium);color:var(--text-muted);transition:color var(--transition-normal) var(--transition-ease)}.wizard-step-indicator.active .step-title{color:var(--text-color);font-weight:var(--font-weight-semibold)}.wizard-step-indicator.completed .step-title{color:var(--text-color)}#wizard-close{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-muted);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast) var(--transition-ease)}#wizard-close:hover{background:light-dark(var(--danger-100),var(--danger-900));border-color:light-dark(var(--danger-300),var(--danger-600));color:light-dark(var(--danger-700),var(--danger-300))}#wizard-content{flex:1;overflow-y:auto;padding:var(--spacing-8);background:var(--surface-color)}.wizard-step{max-width:800px;margin:0 auto}.wizard-step h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);color:var(--text-color)}.wizard-step p{font-size:var(--font-size-lg);color:var(--text-muted);margin-bottom:var(--spacing-8);line-height:var(--line-height-relaxed)}.wizard-form-group{margin-bottom:var(--spacing-6)}.wizard-form-group label{display:block;font-weight:var(--font-weight-semibold);color:var(--text-color);margin-bottom:var(--spacing-2);font-size:var(--font-size-lg)}.wizard-form-group input,.wizard-form-group textarea{width:100%;padding:var(--spacing-4);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--surface-elevated);transition:all var(--transition-normal) var(--transition-ease)}.wizard-form-group input:focus,.wizard-form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.wizard-form-group textarea{min-height:100px;resize:vertical}.wizard-form-group small{display:block;margin-top:var(--spacing-2);color:var(--text-subtle);font-size:var(--font-size-sm)}.wizard-step-categories{display:grid;gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.wizard-category h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);color:var(--text-color)}.wizard-step-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-4)}.wizard-step-card{background:var(--surface-elevated);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-4);cursor:pointer;transition:all var(--transition-normal) var(--transition-ease)}.wizard-step-card:hover{border-color:var(--primary-300);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.wizard-step-card.selected{border-color:var(--primary-500);background:light-dark(var(--primary-50),var(--primary-950));box-shadow:0 0 0 3px #3b82f61a}.wizard-step-card h4{margin:0 0 var(--spacing-2) 0;font-weight:var(--font-weight-semibold);color:var(--text-color)}.wizard-step-card p{margin:0;font-size:var(--font-size-sm);color:var(--text-muted);line-height:var(--line-height-normal)}.wizard-selected-steps{background:var(--surface-elevated);border-radius:var(--radius-xl);padding:var(--spacing-6);border:1px solid var(--border-color)}.wizard-selected-steps h3{margin-top:0;margin-bottom:var(--spacing-4);color:var(--text-color)}#wizard-selected-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.wizard-selected-item{background:light-dark(var(--primary-100),var(--primary-900));color:light-dark(var(--primary-800),var(--primary-100));padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-2)}.wizard-selected-item .remove{cursor:pointer;color:light-dark(var(--primary-600),var(--primary-300));font-weight:var(--font-weight-bold)}.wizard-selected-item .remove:hover{color:light-dark(var(--danger-600),var(--danger-400))}.wizard-summary{display:grid;gap:var(--spacing-6)}.wizard-summary-section{background:var(--surface-elevated);border-radius:var(--radius-lg);padding:var(--spacing-6);border:1px solid var(--border-color)}.wizard-summary-section h3{margin-top:0;margin-bottom:var(--spacing-4);color:var(--text-color)}#wizard-final-blueprint{width:100%;min-height:300px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-4);resize:vertical}#wizard-navigation{background:var(--surface-elevated);border-top:1px solid var(--border-color);padding:var(--spacing-6);display:flex;justify-content:space-between;align-items:center;box-shadow:0 -1px 3px #0000001a}#wizard-step-info{font-weight:var(--font-weight-medium);color:var(--text-muted)}#wizard-prev,#wizard-next,#wizard-finish{padding:var(--spacing-3) var(--spacing-6);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:all var(--transition-normal) var(--transition-ease)}#wizard-prev{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-color)}#wizard-prev:hover:not(:disabled){background:var(--button-hover-background)}#wizard-prev:disabled{opacity:.5;cursor:not-allowed}#wizard-next,#wizard-finish{background:var(--primary-500);border:1px solid var(--primary-500);color:#fff}#wizard-next:hover,#wizard-finish:hover{background:var(--primary-600);border-color:var(--primary-600);box-shadow:var(--shadow-md)}#wizard-configuration-area{display:grid;gap:var(--spacing-6)}.wizard-config-step{background:var(--surface-elevated);border-radius:var(--radius-lg);padding:var(--spacing-6);border:1px solid var(--border-color)}.wizard-config-step h4{margin-top:0;margin-bottom:var(--spacing-4);color:var(--text-color);font-weight:var(--font-weight-semibold)}.wizard-url-input-group{margin-bottom:var(--spacing-6)}.wizard-url-input-group .wizard-form-group{display:flex;gap:var(--spacing-3);align-items:flex-end;margin-bottom:var(--spacing-2)}.wizard-url-input-group input{flex:1;margin-bottom:0}.wizard-url-input-group button{background:var(--primary-500);color:#fff;border:1px solid var(--primary-500);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal) var(--transition-ease);white-space:nowrap}.wizard-url-input-group button:hover{background:var(--primary-600);border-color:var(--primary-600)}.wizard-selected-items{background:var(--surface-elevated);border-radius:var(--radius-lg);padding:var(--spacing-4);border:1px solid var(--border-subtle);margin-top:var(--spacing-4)}.wizard-selected-items h4{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-color)}.wizard-url-item{background:light-dark(var(--primary-100),var(--primary-900));color:light-dark(var(--primary-800),var(--primary-100));padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2);gap:var(--spacing-3)}.wizard-url-item:last-child{margin-bottom:0}.wizard-url-item .url-text{flex:1;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:var(--font-size-xs);word-break:break-all}.wizard-url-item .remove{cursor:pointer;color:light-dark(var(--primary-600),var(--primary-300));font-weight:var(--font-weight-bold);padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-fast) var(--transition-ease)}.wizard-url-item .remove:hover{color:light-dark(var(--danger-600),var(--danger-400));background:light-dark(var(--danger-100),var(--danger-900))}.wizard-selected-items .empty-state{color:var(--text-muted);font-style:italic;font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-4)}@media (max-width: 1100px){header{flex-direction:column}#filter-holder{flex-direction:column;height:auto}#filter-holder label{display:none}#wizard-progress{flex-direction:column;gap:var(--spacing-4);align-items:flex-start}.wizard-step-indicator:not(:last-child):after{display:none}.wizard-step-grid{grid-template-columns:1fr}#wizard-navigation{flex-direction:column;gap:var(--spacing-4)}}#history-button{background:light-dark(var(--gray-100),var(--gray-800));color:light-dark(var(--gray-700),var(--gray-200));border:1px solid light-dark(var(--gray-300),var(--gray-600));padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;transition:all .2s;white-space:nowrap;display:none;align-items:center;gap:var(--spacing-2)}#history-button svg{width:16px;height:16px;flex-shrink:0}#history-button:hover{background:light-dark(var(--gray-200),var(--gray-700));border-color:light-dark(var(--gray-400),var(--gray-500))}#history-modal{padding:0;border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:90vw;width:1000px;height:80vh;max-height:80vh;background:light-dark(white,var(--gray-900));color:var(--text-color);overflow:hidden;position:relative}#history-modal::backdrop{background:#00000080}#history-modal-content{display:flex;flex-direction:column;height:100%;width:100%}#history-header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-color);flex-shrink:0}#history-header h2{margin:0;font-size:1.5rem;color:var(--text-color)}#history-import-export-buttons{display:flex;gap:var(--spacing-2);margin-left:auto}#history-import-export-buttons button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--text-color);font-size:.875rem;cursor:pointer;transition:all .2s}#history-import-export-buttons button:hover{background:light-dark(var(--gray-100),var(--gray-800));border-color:light-dark(var(--primary-300),var(--primary-600))}#history-import-export-buttons button svg{flex-shrink:0}#history-settings{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-5);border-bottom:1px solid var(--border-color);background:light-dark(var(--gray-50),var(--gray-800))}#history-settings label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap}#history-settings input[type=checkbox]{cursor:pointer}#history-search{flex:1;max-width:300px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-color);font-size:var(--font-size-sm)}#history-search:focus{outline:none;border-color:light-dark(var(--primary-500),var(--primary-400));box-shadow:0 0 0 3px light-dark(rgba(59,130,246,.1),rgba(59,130,246,.2))}.dialog-close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:var(--spacing-2);line-height:1;transition:all .2s;border-radius:var(--radius-md);margin-left:var(--spacing-2)}.dialog-close-btn:hover{color:var(--text-color);background:light-dark(var(--gray-100),var(--gray-800))}#history-body{display:grid;grid-template-columns:300px 1fr;grid-template-rows:1fr;flex:1;min-height:0;overflow:hidden}#history-list-column{border-right:1px solid var(--border-color);overflow-y:auto;background:light-dark(var(--gray-50),var(--gray-950));min-height:0;height:100%}#history-list{padding:var(--spacing-2)}.history-empty{padding:var(--spacing-8) var(--spacing-4);text-align:center;color:var(--text-muted);line-height:1.6}.history-entry{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);margin-bottom:var(--spacing-2);border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--border-color);transition:all .2s}.history-entry:hover{border-color:light-dark(var(--primary-300),var(--primary-600));background:light-dark(var(--primary-50),var(--primary-900))}.history-entry.selected{border-color:light-dark(var(--primary-500),var(--primary-400));background:light-dark(var(--primary-100),var(--primary-800))}.history-entry.personal-step-entry{background:var(--mine-step-background);border-color:var(--mine-step-border)}.history-entry.personal-step-entry:hover{background:var(--mine-step-hover-background);border-color:var(--mine-step-border)}.history-entry-content{flex:1;cursor:pointer;min-width:0}.history-entry-time{font-size:.75rem;color:var(--text-subtle);margin-bottom:var(--spacing-1)}.history-entry-label{font-weight:500;color:var(--text-color);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-entry-actions{display:flex;flex-direction:column;gap:var(--spacing-1);flex-shrink:0;opacity:0;transition:opacity .2s}.history-entry:hover .history-entry-actions{opacity:1}.history-entry-rename,.history-entry-delete{background:transparent;border:none;color:light-dark(var(--gray-500),var(--gray-400));cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);font-size:1rem;line-height:1;transition:all .2s}.history-entry-rename:hover{color:light-dark(var(--primary-600),var(--primary-400));background:light-dark(var(--primary-50),var(--primary-900))}.history-entry-delete:hover{color:light-dark(var(--danger-600),var(--danger-400));background:light-dark(var(--danger-50),var(--danger-900))}.history-entry-details{margin-top:var(--spacing-2);font-size:.75rem}.history-entry-details summary{cursor:pointer;color:var(--text-subtle);padding:var(--spacing-1) 0;-webkit-user-select:none;user-select:none}.history-entry-details summary:hover{color:light-dark(var(--primary-600),var(--primary-400))}.history-steps-list{margin:var(--spacing-1) 0 0 0;padding-left:var(--spacing-5);color:var(--text-muted);font-size:.75rem;line-height:1.4}.history-steps-list li{margin-bottom:var(--spacing-1);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}#history-detail-column{display:flex;flex-direction:column;background:var(--surface-elevated);min-height:0;height:100%;overflow:hidden}#history-detail-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-muted);font-size:1rem;padding:var(--spacing-8);text-align:center;line-height:1.6}#history-detail-content{display:flex;flex-direction:column;flex:1;padding:var(--spacing-4);min-height:0;height:100%;overflow:hidden}#history-blueprint-wrapper{position:relative;height:calc(100% - 80px);min-height:60px}#history-blueprint-view{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);resize:none;background:light-dark(var(--gray-50),var(--gray-950));color:var(--text-color);overflow-y:auto;width:100%;box-sizing:border-box;flex:1;line-height:1.5}#history-blueprint-ace{position:absolute;inset:0 0 24px;border:1px solid var(--border-color);border-radius:var(--radius-md);border-bottom:none}#history-blueprint-status{position:absolute;bottom:0;left:0;right:0;height:24px}#history-actions{display:flex;gap:var(--spacing-2);padding-top:var(--spacing-4);border-top:1px solid var(--border-color);flex-shrink:0}#history-actions button{flex:1;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-elevated);color:var(--text-color);cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}#history-actions button svg{width:16px;height:16px;flex-shrink:0}#history-copy-btn:hover{background:light-dark(var(--gray-100),var(--gray-800));border-color:light-dark(var(--gray-400),var(--gray-600))}#history-launch-btn{background:light-dark(var(--primary-500),var(--primary-600));color:#fff;border-color:light-dark(var(--primary-500),var(--primary-600))}#history-launch-btn:hover{background:light-dark(var(--primary-600),var(--primary-700));border-color:light-dark(var(--primary-600),var(--primary-700));color:#fff}#history-restore-btn{background:light-dark(var(--success-500),var(--success-600));color:#fff;border-color:light-dark(var(--success-500),var(--success-600))}#history-restore-btn:hover{background:light-dark(var(--success-600),var(--success-700));border-color:light-dark(var(--success-600),var(--success-700))}#global-toast{position:fixed;bottom:24px;right:24px;background:light-dark(var(--gray-700),var(--gray-700));color:#fff;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:10000;pointer-events:auto;display:flex;align-items:center;gap:var(--spacing-2);white-space:nowrap;max-width:max-content}#global-toast-message{display:flex;align-items:center;gap:var(--spacing-2);font-weight:500}#global-toast-message:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ffffff4d;border-radius:var(--radius-full);font-weight:700}#global-toast-undo{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:.875rem;margin-left:var(--spacing-3);transition:all .2s}#global-toast-undo:hover{background:#ffffff4d;border-color:#ffffff80}#global-toast-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.25rem;line-height:1;padding:0;margin-left:var(--spacing-3);opacity:.8;transition:opacity .2s}#global-toast-close:hover{opacity:1}#blueprints-dialog-toast{position:absolute;bottom:24px;right:24px;background:light-dark(var(--gray-700),var(--gray-700));color:#fff;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1;pointer-events:auto;display:flex;align-items:center;gap:var(--spacing-2);white-space:nowrap;max-width:max-content}#blueprints-dialog-toast-message{display:flex;align-items:center;gap:var(--spacing-2);font-weight:500}#blueprints-dialog-toast-message:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ffffff4d;border-radius:var(--radius-full);font-weight:700}#blueprints-dialog-toast-undo{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:.875rem;margin-left:var(--spacing-3);transition:all .2s}#blueprints-dialog-toast-undo:hover{background:#ffffff4d;border-color:#ffffff80}#blueprints-dialog-toast-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.25rem;line-height:1;padding:0;margin-left:var(--spacing-3);opacity:.8;transition:opacity .2s}#blueprints-dialog-toast-close:hover{opacity:1}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){#history-modal{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;margin:0}#history-modal-content{height:100vh}#history-body{grid-template-columns:1fr;position:relative}#history-header{flex-wrap:wrap;padding:var(--spacing-3)}#history-header h2{font-size:1.25rem;order:1;flex:1 1 auto}#history-close{order:2;flex-shrink:0;padding:var(--spacing-2);font-size:1.25rem}#history-import-export-buttons{order:3;width:100%;margin-left:0;margin-top:var(--spacing-2);display:flex;gap:var(--spacing-2)}#history-import-export-buttons button{flex:1;font-size:.7rem;padding:var(--spacing-2);gap:var(--spacing-1);min-width:0;overflow:hidden;text-overflow:ellipsis}#history-import-export-buttons button svg{width:16px;height:16px;flex-shrink:0}#history-settings{flex-direction:column;align-items:stretch;gap:var(--spacing-3);padding:var(--spacing-3)}#history-settings label{font-size:var(--font-size-sm)}#history-search{max-width:100%;width:100%}#history-list-column{border-right:none;border-bottom:none;max-height:none;height:100%;overflow-y:auto}#history-list{padding:var(--spacing-3)}#history-detail-column{position:absolute;inset:0;background:var(--surface-color);z-index:10;transform:translate(100%);transition:transform .3s ease}#history-detail-column.mobile-visible{transform:translate(0)}#history-actions{flex-wrap:wrap}#history-actions button{flex:1 1 calc(50% - var(--spacing-1))}#history-mobile-back-btn{display:block!important;width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--surface-elevated);border:none;border-bottom:1px solid var(--border-color);cursor:pointer;font-weight:500;color:light-dark(var(--primary-600),var(--primary-400));text-align:left;font-size:1rem}#history-mobile-back-btn:hover{background:light-dark(var(--primary-50),var(--primary-900))}#history-mobile-delete-btn{display:block}}@media (max-width: 480px){#history-import-export-buttons button{padding:var(--spacing-3);min-width:44px;min-height:44px;justify-content:center;font-size:0;line-height:0}#history-import-export-buttons button svg{width:20px;height:20px}#history-header h2{font-size:1.125rem}}body.blueprint-drop-active{position:relative}body.blueprint-drop-active:before{content:"Drop blueprint or wp-env.json to import";position:fixed;inset:0;background:light-dark(rgba(59,130,246,.1),rgba(59,130,246,.2));border:4px dashed light-dark(var(--primary-500),var(--primary-400));z-index:99999;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:light-dark(var(--primary-700),var(--primary-300));pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.blueprint-drop-active *{pointer-events:none}#blueprint-compiled-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}#blueprint-compiled-wrapper{position:relative;height:520px!important;width:100%;max-width:100%;display:block;overflow:hidden}#blueprint-compiled-ace{position:absolute;inset:0 0 24px;border:1px solid light-dark(#e9ecef,#333333);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 1px 0 light-dark(rgba(0,0,0,.1),rgba(0,0,0,.3));overflow:hidden}#save-to-history-btn{position:absolute;top:var(--spacing-2);right:var(--spacing-4);background:transparent;color:light-dark(var(--gray-700),var(--gray-300));border:1px solid light-dark(var(--gray-300),var(--gray-600));padding:var(--spacing-2);border-radius:var(--radius-md);cursor:pointer;font-size:1.125rem;line-height:1;transition:all .2s;z-index:10}#save-to-history-btn:hover{background:transparent;color:light-dark(var(--primary-600),var(--primary-400));border-color:light-dark(var(--primary-400),var(--primary-500));transform:scale(1.05)}#save-to-history-btn:active{transform:scale(.95)}#manual-edit-banner{display:none!important}#manual-edit-banner span{color:light-dark(var(--warning-800),var(--warning-200));font-weight:500}#resume-compilation{background:light-dark(var(--warning-600),var(--warning-700));color:#fff;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:background .2s}#resume-compilation:hover{background:light-dark(var(--warning-700),var(--warning-800))}@media (max-width: 734px){#blueprint-compiled-wrapper{height:300px!important}textarea#blueprint-compiled{height:300px}}