html,body,#root{min-height:100%}body{margin:0;background:#f6f7f2;color:#17201c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}a{color:var(--wts-accent-dark, #116149)}button,input,select,textarea{font:inherit}.wts-shell{min-height:100vh;background:linear-gradient(180deg,#ffffffc7,#f6f7f2f0),#f6f7f2}.wts-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;border-bottom:1px solid #d9ded4;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wts-brand,.wts-nav,.wts-footer nav{display:flex;align-items:center;gap:12px}.wts-brand{color:#17201c;font-weight:760;text-decoration:none}.wts-brand-mark{width:12px;height:12px;border-radius:50%;background:var(--wts-accent, #1a7f64);box-shadow:0 0 0 5px #1a7f641f}.wts-nav a,.wts-footer a{color:#43524b;font-size:.92rem;text-decoration:none}.wts-nav a:hover,.wts-footer a:hover{color:var(--wts-accent-dark, #116149)}.wts-tool{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.wts-tool-panel{padding:26px;border:1px solid #d8dfd3;border-radius:8px;background:#fff;box-shadow:0 18px 48px #27352d1f}.wts-tool-copy{max-width:820px;margin-bottom:22px}.wts-kicker{margin:0 0 8px;color:var(--wts-accent-dark, #116149);font-size:.78rem;font-weight:740;text-transform:uppercase}.wts-tool h1{margin:0;color:#121916;font-size:2.18rem;line-height:1.12}.wts-tool-copy p:last-child{margin:10px 0 0;max-width:760px;color:#52615a}.wts-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.wts-inputs,.wts-output{border:1px solid #e0e4dc;border-radius:8px;background:#f8faf6;padding:18px}.wts-inputs{display:flex;flex-direction:column;gap:12px}.wts-inputs label,.wts-field label,.wts-feedback-box label{color:#26332e;font-size:.88rem;font-weight:720}.wts-inputs textarea,.wts-field input,.wts-field select,.wts-feedback-box textarea{width:100%;border:1px solid #cfd7ca;border-radius:6px;background:#fff;color:#17201c;padding:10px 12px}.wts-inputs textarea:focus,.wts-field input:focus,.wts-field select:focus,.wts-feedback-box textarea:focus{border-color:var(--wts-accent, #1a7f64);outline:2px solid rgba(26,127,100,.16)}.wts-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wts-field{display:flex;flex-direction:column;gap:6px}.wts-primary-button,.wts-actions button,.wts-feedback button,.wts-feedback-box button{min-height:40px;border:0;border-radius:6px;padding:9px 14px;color:#fff;background:var(--wts-accent-dark, #116149);cursor:pointer;font-weight:720}.wts-actions button,.wts-feedback button,.wts-feedback-box button{color:#17201c;border:1px solid #cfd7ca;background:#fff}.wts-primary-button:hover,.wts-actions button:hover,.wts-feedback button:hover,.wts-feedback-box button:hover{transform:translateY(-1px)}.wts-feedback-box button:disabled{cursor:not-allowed;opacity:.52;transform:none}.wts-error{margin:0;color:#a83a2d;font-size:.9rem}.wts-output{display:flex;flex-direction:column;min-width:0}.wts-output-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.wts-output h2,.wts-content h2,.wts-faq h2,.wts-related h2{margin:0;color:#17201c;font-size:1.12rem}.wts-output-header span{color:var(--wts-accent-dark, #116149);font-size:.8rem;font-weight:730}.wts-output pre{flex:1;min-height:300px;margin:0;overflow:auto;white-space:pre-wrap;border:1px solid #dce2d7;border-radius:6px;background:#111916;color:#f4f7f0;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem}.wts-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.wts-content,.wts-faq,.wts-related,.wts-feedback{margin-top:26px}.wts-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wts-content article,.wts-faq article,.wts-related,.wts-feedback-box{border:1px solid #dfe5da;border-radius:8px;background:#ffffffb8;padding:18px}.wts-content p,.wts-faq p,.wts-related span{color:#53625b}.wts-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px}.wts-faq h3{margin:0 0 8px;color:#25322d;font-size:1rem}.wts-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:14px 0 0;list-style:none}.wts-related li{display:flex;flex-direction:column;gap:3px}.wts-feedback-box{display:flex;flex-direction:column;gap:10px;max-width:620px;margin-top:12px}.wts-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 28px;border-top:1px solid #d9ded4;color:#596760;background:#fff}.wares-friendly-links{width:min(1180px,calc(100% - 32px));margin-right:auto;margin-left:auto}@media (max-width: 860px){.wts-header,.wts-footer{align-items:flex-start;flex-direction:column}.wts-workspace,.wts-content,.wts-faq-grid,.wts-related ul,.wts-field-grid{grid-template-columns:1fr}.wts-tool-panel{padding:18px}.wts-tool h1{font-size:1.75rem}}:root{--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-primary-950: #172554;--color-danger-50: #fef2f2;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--spacing-0: 0;--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;--spacing-24: 6rem;--spacing-32: 8rem;--spacing-40: 10rem;--spacing-48: 12rem;--spacing-56: 14rem;--spacing-64: 16rem;--radius-none: 0;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--wares-color-primary: #3b82f6;--wares-color-secondary: #8b5cf6;--wares-color-background: #ffffff;--wares-color-surface: #f8fafc;--wares-color-text-primary: #0f172a;--wares-color-text-secondary: #64748b;--wares-color-text-disabled: #cbd5e1;--wares-color-border: #e2e8f0;--wares-color-error: #ef4444;--wares-color-success: #22c55e;--wares-color-warning: #f59e0b;--wares-spacing-xs: 4px;--wares-spacing-sm: 8px;--wares-spacing-md: 16px;--wares-spacing-lg: 24px;--wares-radius-sm: 4px;--wares-radius-md: 8px;--wares-radius-lg: 12px;--wares-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--wares-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--wares-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--wares-font-mono: "SF Mono", "Fira Code", monospace;--wares-font-size-xs: 12px;--wares-font-size-sm: 14px;--wares-font-size-base: 16px;--wares-font-size-lg: 18px;--wares-duration-fast: .15s;--wares-duration-normal: .3s;--wares-z-base: 0;--wares-z-dropdown: 100;--wares-z-overlay: 300;--wares-z-modal: 400;--wares-z-toast: 500}[data-theme=dark]{--wares-color-background: #0f172a;--wares-color-surface: #1e293b;--wares-color-text-primary: #f8fafc;--wares-color-text-secondary: #94a3b8;--wares-color-text-disabled: #475569;--wares-color-border: #334155;--wares-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--wares-shadow-md: 0 4px 6px rgba(0, 0, 0, .5)}:root{color-scheme:dark;--color-primary-soft: color-mix(in srgb, var(--color-primary-500) 14%, transparent);--color-surface: var(--color-gray-900);--color-surface-raised: var(--color-gray-800);--color-surface-muted: var(--color-gray-950);--color-border: color-mix(in srgb, var(--color-gray-50) 14%, transparent);--color-border-strong: color-mix(in srgb, var(--color-gray-50) 26%, transparent);--color-text: var(--color-gray-50);--color-text-muted: var(--color-gray-400);--color-success: var(--color-success-500);--color-warning: var(--color-warning-500);--color-danger: var(--color-danger-500);--vram-option-bg: var(--color-surface-muted);--radius-pill: var(--radius-full);--radius-round: var(--radius-full)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-surface-muted)}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:2px}.vram-app{min-height:100vh;color:var(--color-text);font-family:var(--font-sans)}.vram-main{width:min(1420px,100%);margin:0 auto;padding:var(--spacing-4) var(--spacing-5) var(--spacing-8)}.vram-eyebrow{margin:0 0 var(--spacing-1);color:var(--color-primary-500);font-size:.68rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.vram-page-head{display:flex;align-items:end;justify-content:space-between;gap:var(--spacing-6);margin-bottom:var(--spacing-4)}.vram-page-head h1{margin:0;font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.045em}.vram-page-head>p{max-width:620px;margin:0;color:var(--color-text-muted);line-height:1.6}.vram-page-head .vram-page-note{max-width:none;font-size:.78rem}.vram-state-chip{display:inline-flex;align-items:center;gap:var(--spacing-2);margin:0 0 var(--spacing-3);padding:var(--spacing-1) var(--spacing-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:.7rem;font-weight:650}.vram-state-chip.is-ready{border-style:solid;border-color:var(--color-success);color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,transparent)}.vram-console{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(480px,1.3fr);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);overflow:hidden}.vram-input-panel{padding:var(--spacing-4);background:var(--color-surface-raised);border-right:1px solid var(--color-border)}.vram-output{padding:var(--spacing-5);min-width:0}.vram-section-head,.vram-output-head,.vram-library-head{display:flex;align-items:start;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.vram-section-head>div{display:flex;align-items:center;gap:var(--spacing-3)}.vram-section-head h2,.vram-output-head h2,.vram-library-head h2{margin:0;font-size:1.05rem}.vram-section-head>span,.vram-library-note{color:var(--color-text-muted);font-size:.72rem;max-width:230px;text-align:right}.vram-step{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.68rem}.vram-field{display:grid;gap:var(--spacing-1);margin-bottom:var(--spacing-2);min-width:0}.vram-field>span{color:var(--color-text-muted);font-size:.76rem;font-weight:650}.vram-field small{color:var(--color-text-muted);font-size:.7rem;line-height:1.4}.vram-input-wrap{position:relative}.vram-input-wrap b{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:.72rem}.vram-input-wrap:has(b) input{padding-right:var(--spacing-8)}.vram-app input,.vram-app textarea,.vram-app select{width:100%;min-height:40px;padding:var(--spacing-2) var(--spacing-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.vram-app textarea{resize:vertical;line-height:1.45}.vram-app select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--spacing-8);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px;background-size:5px 5px;background-repeat:no-repeat}.vram-app select option{background:var(--vram-option-bg);color:var(--color-text)}.vram-grid{display:grid;gap:var(--spacing-3)}.vram-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.vram-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.vram-grid-three .vram-toggle{margin-top:20px}.vram-fieldset{margin:0 0 var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md)}.vram-fieldset legend{padding:0 var(--spacing-2);color:var(--color-primary-500);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.vram-fieldset .vram-field:last-of-type{margin-bottom:0}.vram-toggle{display:flex;align-items:start;gap:var(--spacing-2);margin-top:var(--spacing-2);color:var(--color-text-muted);font-size:.78rem}.vram-toggle input{width:auto;min-height:auto;margin-top:3px;accent-color:var(--color-primary-500)}.vram-toggle small{display:block;margin-top:2px;font-size:.68rem}.vram-error{margin-bottom:var(--spacing-4);padding:var(--spacing-3);border-left:3px solid var(--color-danger);background:color-mix(in srgb,var(--color-danger) 10%,transparent);color:var(--color-danger);font-size:.82rem}.vram-primary-actions{display:flex;gap:var(--spacing-2)}.vram-button,.vram-row-actions button,.wares-export-button-trigger,.wares-filter-bar-category,.wares-filter-bar-search-input{min-height:38px;padding:var(--spacing-2) var(--spacing-4);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;font-weight:650;font-size:.78rem}.vram-button:hover,.vram-row-actions button:hover,.wares-export-button-trigger:hover{border-color:var(--color-primary-500);background:var(--color-surface-muted)}.vram-button-primary{flex:1;color:var(--color-surface);border-color:var(--color-primary-500);background:var(--color-primary-500)}.vram-button-primary:hover{background:var(--color-primary-600)}.vram-button:disabled{opacity:.55;cursor:not-allowed}.vram-verdict,.vram-pill{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-pill);font-size:.72rem;font-weight:760}.vram-verdict-comfortable,.vram-pill-comfortable{background:color-mix(in srgb,var(--color-success) 18%,transparent);color:var(--color-success)}.vram-verdict-tight,.vram-pill-tight{background:color-mix(in srgb,var(--color-warning) 18%,transparent);color:var(--color-warning)}.vram-verdict-over,.vram-pill-over{background:color-mix(in srgb,var(--color-danger) 18%,transparent);color:var(--color-danger)}.vram-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-2)}.wares-kpi-card{padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);min-width:0!important;gap:var(--spacing-2)!important}.wares-kpi-card-title{color:var(--color-text-muted);font-size:.7rem}.wares-kpi-card-value{font-size:clamp(1.05rem,1.7vw,1.45rem);font-weight:760;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.wares-kpi-card-change{color:var(--color-primary-500);font-size:.7rem;font-weight:700}.wares-kpi-card-change-label{color:var(--color-text-muted);font-size:.68rem;margin-left:var(--spacing-2)}.wares-kpi-card-glow{display:none}.vram-fit-line{display:flex;flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-5);margin:var(--spacing-4) 0;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.76rem}.vram-fit-line strong{color:var(--color-text)}.wares-datatable{margin:var(--spacing-3) 0;border:1px solid var(--color-border);border-radius:var(--radius-md)}.wares-datatable-table{font-size:.76rem}.wares-datatable-th{padding:var(--spacing-2) var(--spacing-3);text-align:left;color:var(--color-text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border-strong)}.wares-datatable-cell{padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-border);vertical-align:top;white-space:normal!important}.wares-datatable-row:last-child .wares-datatable-cell{border-bottom:0}.wares-datatable-cell-empty,.wares-datatable-cell-loading{color:var(--color-text-muted);text-align:center;padding:var(--spacing-5)}.vram-summary{max-height:132px;overflow:auto;margin:var(--spacing-3) 0;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.7rem;line-height:1.55;white-space:pre-wrap}.vram-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center}.wares-export-button-menu{margin-top:var(--spacing-2);padding:var(--spacing-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-raised);box-shadow:var(--shadow-md)}.wares-export-button-option{padding:var(--spacing-2) var(--spacing-3);color:var(--color-text);border-radius:var(--radius-sm);font-size:.76rem}.wares-export-button-option:hover{background:var(--color-surface-muted)}.vram-status{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);color:var(--color-text-muted);font-size:.74rem}.vram-status i{width:7px;height:7px;border-radius:var(--radius-round);background:var(--color-primary-500)}.vram-empty{display:grid;gap:var(--spacing-2);padding:var(--spacing-8) var(--spacing-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:center}.vram-empty strong{color:var(--color-text)}.vram-library{margin-top:var(--spacing-5);padding:var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.wares-filter-bar{margin-bottom:var(--spacing-3);gap:var(--spacing-3)!important}.wares-filter-bar-search-wrapper{flex:1;min-width:240px}.wares-filter-bar-search-input{padding-left:var(--spacing-8)!important;background:var(--color-surface-muted)}.wares-filter-bar-search-icon{left:12px!important;font-size:.8rem}.wares-filter-bar-categories{display:flex;flex-wrap:wrap;gap:var(--spacing-2)!important}.wares-filter-bar-category{min-height:32px;padding:var(--spacing-1) var(--spacing-3)}.wares-filter-bar-category-active{border-color:var(--color-primary-500);background:var(--color-primary-soft);color:var(--color-primary-500)}.vram-row-actions{display:flex;gap:var(--spacing-1)}.vram-row-actions button{min-height:30px;padding:var(--spacing-1) var(--spacing-2);font-size:.7rem}.vram-guide,.vram-faq,.vram-related{margin-top:var(--spacing-6);padding-top:var(--spacing-5);border-top:1px solid var(--color-border)}.vram-guide>div:first-child,.vram-faq>h2,.vram-related>h2{margin-bottom:var(--spacing-4)}.vram-guide h2,.vram-faq h2,.vram-related h2{margin:0;font-size:1.15rem}.vram-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-3)}.vram-guide-grid article{padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.vram-guide-grid h3{margin:0 0 var(--spacing-2);font-size:.9rem}.vram-guide-grid p,.vram-faq p,.vram-related span{margin:0;color:var(--color-text-muted);font-size:.8rem;line-height:1.6}.vram-faq details{border-bottom:1px solid var(--color-border);padding:var(--spacing-3) 0}.vram-faq summary{cursor:pointer;font-weight:650;font-size:.86rem}.vram-faq p{margin-top:var(--spacing-2)}.vram-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-2) var(--spacing-4);margin:0;padding:0;list-style:none}.vram-related li{display:grid;gap:2px;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.vram-related a{color:var(--color-primary-500);font-weight:650;font-size:.82rem;text-decoration:none}.vram-related a:hover{text-decoration:underline}@media (max-width: 1080px){.vram-console{grid-template-columns:1fr}.vram-input-panel{border-right:0;border-bottom:1px solid var(--color-border)}.vram-kpi-grid,.vram-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.vram-main{padding:var(--spacing-4) var(--spacing-3) var(--spacing-6)}.vram-page-head,.vram-section-head,.vram-output-head,.vram-library-head{flex-direction:column;align-items:start}.vram-section-head>span,.vram-library-note{text-align:left;max-width:none}.vram-grid-two,.vram-grid-three,.vram-guide-grid,.vram-related ul{grid-template-columns:1fr}.vram-grid-three .vram-toggle{margin-top:0}.vram-kpi-grid{grid-template-columns:1fr}.vram-actions,.vram-primary-actions{flex-direction:column;align-items:stretch}.vram-actions>*,.vram-primary-actions>*,.wares-export-button{width:100%}.wares-export-button-trigger{width:100%;justify-content:center}.vram-library{padding:var(--spacing-4)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vram-notes{margin-top:var(--spacing-5);padding:var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.vram-notes-head{display:flex;align-items:start;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.vram-notes-head h2{margin:0;font-size:1.05rem}.vram-notes-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr);gap:var(--spacing-4)}.vram-note-list{display:grid;gap:var(--spacing-2);margin:0;padding:0;list-style:none;align-content:start}.vram-note-list li{color:var(--color-text-muted);font-size:.78rem}.vram-note-select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-muted);text-align:left;cursor:pointer;font-size:.76rem;line-height:1.4}.vram-note-select:hover{border-color:var(--color-primary-500);color:var(--color-text)}.vram-note-list li.is-active .vram-note-select{border-color:var(--color-primary-500);background:var(--color-primary-soft);color:var(--color-text)}.vram-note-editor{display:grid;gap:var(--spacing-3)}.vram-notes-empty{margin:0;color:var(--color-text-muted);font-size:.82rem}@media (max-width: 720px){.vram-notes{padding:var(--spacing-4)}.vram-notes-head{flex-direction:column;align-items:start}.vram-notes-grid{grid-template-columns:1fr}}