:root{--color-dark: #040015;--color-light: #F6EEFF;--color-accent: #8C46E5;--color-success: #52C41A;--color-warning: #FA8C16;--color-error: #F5222D;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-size-base: 16px;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--line-height: 1.6;--max-width: 1400px;--border-radius: 4px;--border-width: 1px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 1px 3px rgba(4, 0, 21, .1);--shadow-md: 0 4px 6px rgba(4, 0, 21, .1);--shadow-lg: 0 10px 15px rgba(4, 0, 21, .15);--shadow-focus: 0 0 0 3px rgba(140, 70, 229, .3)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base)}body{font-family:var(--font-family);background:var(--color-light);color:var(--color-dark);line-height:var(--line-height);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}#app{min-height:100vh;display:flex;flex-direction:column}header{background:#fff;border-bottom:2px solid var(--color-dark);padding:var(--spacing-lg) var(--spacing-xl);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-content{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.header-text h1{margin-bottom:var(--spacing-xs);letter-spacing:.5px}.subtitle{color:var(--color-accent);font-size:var(--font-size-lg);font-weight:500;margin:0}main{flex:1;max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xl);width:100%;display:grid;grid-template-columns:40% 60%;gap:var(--spacing-xl);align-items:start}#input-panel{position:sticky;top:calc(120px + var(--spacing-xl));max-height:calc(100vh - 140px - var(--spacing-xl) * 2);overflow-y:auto;overflow-x:hidden;padding-right:var(--spacing-sm)}#input-panel::-webkit-scrollbar{width:8px}#input-panel::-webkit-scrollbar-track{background:var(--color-light);border-radius:4px}#input-panel::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:4px}#input-panel::-webkit-scrollbar-thumb:hover{background:#7a3bc9}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-dark)}.panel-header h2{margin:0}.input-section{background:#fff;border:var(--border-width) solid var(--color-dark);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);overflow:hidden}.input-section summary{padding:var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:var(--spacing-md);font-weight:600;background:#fff;transition:background-color var(--transition-fast);list-style:none}.input-section summary::-webkit-details-marker{display:none}.input-section summary:hover{background:var(--color-light)}.section-letter{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-accent);color:var(--color-light);border-radius:50%;font-weight:700;font-size:var(--font-size-sm);flex-shrink:0}.section-title{flex:1;font-size:var(--font-size-lg)}.expand-icon{font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent);transition:transform var(--transition-normal);flex-shrink:0}.input-section[open] .expand-icon{transform:rotate(180deg)}.section-content{padding:var(--spacing-lg);border-top:var(--border-width) solid var(--color-light)}.form-field{margin-bottom:var(--spacing-lg)}.form-field:last-child{margin-bottom:0}label{display:block;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-dark);font-size:var(--font-size-sm)}.field-description{display:block;font-weight:400;font-size:.8rem;color:#666;margin-top:var(--spacing-xs);font-style:italic}input[type=number],input[type=text]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width) solid var(--color-dark);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);background:#fff;color:var(--color-dark);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=number]:focus,input[type=text]:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}input[type=number]:hover:not(:disabled),input[type=text]:hover:not(:disabled){border-color:var(--color-accent)}input[readonly]{background:#f5f5f5;color:#666;cursor:not-allowed;border-style:dashed}input:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}input:invalid{border-color:var(--color-error)}input.warning{border-color:var(--color-warning)}input.success{border-color:var(--color-success)}.validation-error{display:block;color:var(--color-error);font-size:.8rem;margin-top:var(--spacing-xs);min-height:1rem}.validation-error:empty{display:none}.allocation-group,.tier-group,.model-group{padding:var(--spacing-md);background:var(--color-light);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.allocation-group:last-child,.tier-group:last-child,.model-group:last-child{margin-bottom:0}.group-label{font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-accent)}fieldset{border:var(--border-width) solid var(--color-dark);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}fieldset:last-child{margin-bottom:0}legend{font-weight:700;color:var(--color-accent);padding:0 var(--spacing-sm)}.validation-sum{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#fff;border-radius:var(--border-radius);font-weight:600;text-align:center;border:var(--border-width) solid var(--color-dark)}.validation-sum[data-sum-value="100"]{border-color:var(--color-success);color:var(--color-success)}button{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-primary{background:var(--color-accent);color:var(--color-light);border:2px solid var(--color-accent)}.btn-primary:hover{background:#7a3bc9;border-color:#7a3bc9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:#fff;color:var(--color-accent);border:2px solid var(--color-accent)}.btn-secondary:hover{background:var(--color-light);border-color:#7a3bc9;color:#7a3bc9}.btn-secondary:active{background:var(--color-accent);color:#fff}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}#output-panel{background:#fff;border:var(--border-width) solid var(--color-dark);border-radius:var(--border-radius);overflow:hidden}.tabs{display:flex;border-bottom:2px solid var(--color-dark);background:var(--color-light);overflow-x:auto}.tab{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:transparent;color:var(--color-dark);border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;transition:all var(--transition-fast);white-space:nowrap;min-width:fit-content}.tab:hover{background:#fff;color:var(--color-accent)}.tab.active{background:#fff;color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-content{padding:var(--spacing-xl);min-height:400px}.tab-content-item{display:none;animation:fadeIn var(--transition-normal)}.tab-content-item.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content-item h3{color:var(--color-accent);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-light)}.tab-content-item h4{color:var(--color-dark);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.results-table{width:100%;border-collapse:collapse;border:var(--border-width) solid var(--color-dark);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.results-table thead{background:var(--color-light)}.results-table th{padding:var(--spacing-md);text-align:left;font-weight:700;color:var(--color-dark);border-bottom:2px solid var(--color-dark)}.results-table td{padding:var(--spacing-md);border-bottom:var(--border-width) solid var(--color-light);font-family:Courier New,monospace}.results-table tbody tr:hover{background:var(--color-light)}.results-table tbody tr:nth-child(2n){background:#f9f9f9}.results-table tbody tr:nth-child(2n):hover{background:var(--color-light)}.tier-name{font-weight:700;font-family:var(--font-family);color:var(--color-accent)}.total-cell{font-weight:700;background:var(--color-light);color:var(--color-accent)}.premium-model{background:#fff3e6;font-weight:700;color:var(--color-accent)}.breakdown-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-light);border-radius:var(--border-radius)}.breakdown-section:last-child{margin-bottom:0}.breakdown-tree{font-family:Courier New,monospace;font-size:var(--font-size-sm)}.breakdown-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px dashed #ddd}.breakdown-item:last-child{border-bottom:none}.breakdown-item .label{color:var(--color-dark)}.breakdown-item .value{font-weight:700;color:var(--color-accent)}.breakdown-item.level-0{font-size:var(--font-size-base);font-weight:700;padding-top:0}.breakdown-item.level-1{padding-left:var(--spacing-md)}.breakdown-item.level-2{padding-left:var(--spacing-xl);font-size:.85rem}.limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.limit-card{background:var(--color-light);border:var(--border-width) solid var(--color-dark);border-radius:var(--border-radius);padding:var(--spacing-lg)}.limit-card h4{color:var(--color-accent);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-accent)}.limit-detail{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.limit-label{font-weight:600}.limit-value{font-weight:700;color:var(--color-accent);font-family:Courier New,monospace}.limits-table-section{margin-top:var(--spacing-xl)}.file-analysis-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.analysis-card{background:var(--color-light);border:var(--border-width) solid var(--color-dark);border-radius:var(--border-radius);padding:var(--spacing-lg)}.analysis-card h4{color:var(--color-accent);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-accent)}.capacity-detail,.spend-detail,.impact-detail{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px dashed #ddd}.capacity-detail:last-child,.spend-detail:last-child,.impact-detail:last-child{border-bottom:none}.spend-detail.total,.impact-detail.total{font-weight:700;background:#fff;padding:var(--spacing-md);margin-top:var(--spacing-sm);border-radius:var(--border-radius);border:2px solid var(--color-accent)}.capacity-label,.spend-label,.impact-label{font-weight:600}.capacity-value,.spend-value,.impact-value{font-weight:700;color:var(--color-accent);font-family:Courier New,monospace}.model-routing-table{margin-bottom:var(--spacing-md)}.model-note{background:var(--color-light);padding:var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);border-left:4px solid var(--color-accent)}.text-center{text-align:center}.text-right{text-align:right}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}@media(max-width:1024px){main{grid-template-columns:1fr;padding:var(--spacing-lg)}#input-panel{position:static;max-height:none;margin-bottom:var(--spacing-xl)}.header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.tabs{flex-wrap:wrap}.tab{flex:1 1 auto;min-width:120px}}@media(max-width:768px){:root{--font-size-base: 14px}header{padding:var(--spacing-md)}.header-text h1{font-size:1.5rem}.subtitle{font-size:1rem}main{padding:var(--spacing-md);gap:var(--spacing-lg)}.panel-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.section-content,.tab-content{padding:var(--spacing-md)}.tabs{overflow-x:auto}.tab{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.results-table{font-size:.75rem}.results-table th,.results-table td{padding:var(--spacing-sm)}.limits-grid,.file-analysis-section{grid-template-columns:1fr}.breakdown-item{flex-direction:column;gap:var(--spacing-xs)}button{width:100%;justify-content:center}.btn-primary,.btn-secondary{padding:var(--spacing-md)}}@media(max-width:480px){.header-content{padding:0}.input-section summary{padding:var(--spacing-sm)}.section-title{font-size:var(--font-size-base)}.section-letter{width:28px;height:28px;font-size:.75rem}input[type=number],input[type=text]{font-size:var(--font-size-sm)}}@media print{body{background:#fff}header{position:static}#export-pdf,#reset-button{display:none}main{grid-template-columns:1fr}.input-section{page-break-inside:avoid}.tab-content-item{display:block!important}.tabs{display:none}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:focus-visible{box-shadow:var(--shadow-focus)}.loading{opacity:.6;pointer-events:none;position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-accent);border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-contrast:high){:root{--color-dark: #000000;--color-light: #ffffff}input[type=number],input[type=text],.input-section{border-width:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}