:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f5f5;background:#242424;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 5% 5%,rgba(255,255,255,.05),transparent 24rem),#242424}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(251,186,0,.48);outline-offset:2px}.app-header{min-height:84px;padding:18px clamp(20px,4vw,64px);display:flex;align-items:center;gap:16px;color:#f7f7f7;background:#2b2b2b;border-bottom:1px solid #494949;box-shadow:0 8px 28px #0003}.brand-logo{width:clamp(145px,13vw,180px);height:auto;display:block}.app-shell{width:min(1520px,100%);margin:0 auto;padding:28px clamp(18px,3.5vw,52px) 48px;display:grid;grid-template-columns:minmax(310px,390px) minmax(0,1fr);gap:22px;align-items:start}.setup-column{display:grid;gap:16px}.panel,.result-column{border:1px solid #4b4b4b;border-radius:16px;background:#343434;box-shadow:0 8px 28px #0000002b}.panel{padding:20px}.section-heading,.result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-heading>div,.result-heading>div{display:flex;align-items:center;gap:10px}.section-heading h2,.result-heading h2{margin:0;font-size:1rem}.step{width:25px;height:25px;display:inline-grid;place-items:center;border-radius:7px;color:#111;background:#fbba00;font-size:.75rem;font-weight:700}.result-actions{display:flex;align-items:center;gap:8px}.export-button,.print-button{border:1px solid #fbba00;border-radius:8px;padding:8px 11px;color:#111;background:#fbba00;font-size:.76rem;font-weight:700;cursor:pointer}.print-button{display:inline-flex;align-items:center;gap:6px}.print-icon{font-size:.9rem;line-height:1}.dropzone{width:100%;min-height:152px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1.5px dashed #707070;border-radius:12px;color:#ededed;background:#404040;cursor:pointer;transition:.16s ease}.dropzone:hover:not(:disabled),.dropzone.is-dragging{border-color:#fbba00;background:#494949;transform:translateY(-1px)}.dropzone strong{font-size:.88rem}.dropzone>span:last-child{color:#9d9d9d;font-size:.72rem}.upload-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fbba00}.upload-icon svg{width:24px;height:24px;stroke:#000;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.color-separation-field{display:grid;gap:6px;margin-top:12px}.color-separation-field>span{color:#aaa;font-size:.7rem;font-weight:600}.color-separation-field select{width:100%;padding:10px 40px 10px 11px;border:1px solid #5b5b5b;border-radius:9px;outline:none;appearance:none;color:#f5f5f5;background-color:#404040;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23d8d8d8' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:10px 7px;font:inherit;font-size:.76rem;font-weight:700}.color-separation-field select:focus{border-color:#fbba00;box-shadow:0 0 0 3px #fbba001f}.color-separation-field small{color:#8f8f8f;font-size:.66rem;line-height:1.4}.file-summary{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr) auto auto 28px;align-items:center;gap:12px;padding:12px;border-radius:10px;background:#414141}.file-summary div{display:flex;flex-direction:column;min-width:0}.file-summary span{color:#999;font-size:.68rem}.file-summary strong{overflow:hidden;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.remove-file-button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;color:#ff5f5f;background:transparent;font-size:1.35rem;font-weight:700;line-height:1;cursor:pointer}.remove-file-button:hover:not(:disabled){color:#fff;background:#b52d2d}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.config-grid label>span{display:block;margin-bottom:6px;color:#aaa;font-size:.7rem;font-weight:600}.number-input{display:flex;align-items:stretch;border:1px solid #5b5b5b;border-radius:9px;overflow:hidden;background:#404040}.number-input:focus-within{border-color:#fbba00;box-shadow:0 0 0 3px #fbba001f}.number-input input{min-width:0;width:100%;padding:10px;border:0;outline:none;color:#f5f5f5;background:#404040;font-weight:700}.number-input span{display:grid;place-items:center;padding:0 9px;color:#c3c3c3;background:#4d4d4d;font-size:.7rem}.primary-button{width:100%;margin-top:18px;padding:12px 16px;border:0;border-radius:10px;color:#111;background:#fbba00;box-shadow:0 6px 16px #fbba0029;font-size:.84rem;font-weight:700;cursor:pointer}.primary-button:hover:not(:disabled){background:#dca300}button:disabled{opacity:.5;cursor:not-allowed}.notice{padding:12px 14px;border:1px solid;border-radius:10px;font-size:.76rem;line-height:1.45}.notice-success{color:#f1f1f1;border-color:#555;background:#393939}.notice-warning{color:#fbba00;border-color:#725600;background:#211b0b}.notice-error{color:#ffaaa8;border-color:#743c3b;background:#261313}.result-column{min-height:690px;padding:20px}.result-column.is-empty{min-height:0;align-self:stretch}.result-heading{margin-bottom:15px}.export-button,.print-button{color:#111;border-color:#fbba00;background:#fbba00}.export-button:hover:not(:disabled),.print-button:hover:not(:disabled){color:#111;background:#dca300;border-color:#dca300}.empty-result{min-height:590px;display:grid;place-content:center;justify-items:center;padding:40px;text-align:center}.empty-result h3{margin:22px 0 6px;font-size:1rem}.empty-result p{max-width:390px;margin:0;color:#b7b7b7;font-size:.8rem;line-height:1.55}.empty-illustration{width:180px;height:100px;position:relative;border:2px solid #707070;border-radius:4px;background:#3c3c3c}.empty-illustration span{position:absolute;display:block;border:1px dashed #8a8a8a;background:#505050}.empty-illustration span:nth-child(1){width:52px;height:25px;left:14px;bottom:14px}.empty-illustration span:nth-child(2){width:29px;height:29px;left:75px;bottom:14px;border-radius:50%}.empty-illustration span:nth-child(3){width:35px;height:42px;right:15px;bottom:14px;clip-path:polygon(50% 0,100% 100%,0 100%)}.empty-illustration span:nth-child(4){inset:7px;border-color:#5c5c5c;background:none}.sheet-tabs{display:flex;gap:6px;padding:8px;overflow-x:auto;border-radius:10px;background:#414141}.sheet-tabs button{flex:0 0 auto;padding:8px 14px;border:0;border-radius:7px;color:#aaa;background:transparent;font-size:.74rem;font-weight:700;cursor:pointer}.sheet-tabs button.active{color:#111;background:#fbba00;box-shadow:0 3px 8px #fbba002e}.general-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.general-summary span{padding:7px 10px;border:1px solid #515151;border-radius:8px;color:#aaa;background:#3c3c3c;font-size:.72rem}.general-summary strong{color:#f4f4f4}.color-tabs{display:flex;gap:8px;padding:8px;overflow-x:auto;border-radius:10px;background:#414141}.color-tabs button{min-width:145px;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid transparent;border-radius:8px;color:#d6d6d6;background:transparent;text-align:left;cursor:pointer}.color-tabs button.active{border-color:#fbba00;background:#303030}.color-tabs button>span{display:grid;gap:2px;font-size:.74rem;font-weight:700}.color-tabs small{color:#999;font-size:.62rem;font-weight:500}.color-swatch{width:18px;height:18px;flex:0 0 auto;display:inline-block;border:2px solid #929292;border-radius:50%;box-shadow:0 0 0 1px #292929}.color-swatch.undefined{background:repeating-linear-gradient(135deg,#777 0 3px,#444 3px 6px)}.color-swatch.mixed{background:conic-gradient(#ed4c4c 0 25%,#f2c94c 0 50%,#3fbf72 0 75%,#4385e5 0)}.selected-color-heading{display:flex;align-items:center;gap:8px;margin:13px 0 8px;color:#eee;font-size:.8rem}.selected-color-heading span{color:#aaa;font-size:.7rem}.result-content{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;margin-top:14px}.viewer-wrap{min-width:0}.sheet-viewer{width:100%;max-height:570px;display:block;border:1px solid #555;border-radius:10px;background:#303030}.piece-label{font-weight:700;pointer-events:none}.viewer-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;color:#999;font-size:.68rem}.viewer-legend span{display:flex;align-items:center;gap:5px}.viewer-legend i{width:14px;height:8px;display:inline-block}.legend-piece{border:1px solid #a7a7a7;background:#3d3d3d}.legend-spacing{border:2px solid rgba(251,186,0,.5)}.legend-bounds{border:1px dashed #fbba00}.metrics-panel{display:grid;align-content:start;gap:9px}.metric-group{padding:13px;border:1px solid #555;border-radius:10px;background:#414141}.metric-group h3{margin:0 0 9px;color:#fbba00;font-size:.73rem;text-transform:uppercase;letter-spacing:.08em}.metric-row{display:flex;justify-content:space-between;gap:10px;padding:3px 0;color:#999;font-size:.69rem}.metric-row strong{color:#e8e8e8;text-align:right}.utilization-value{margin-bottom:5px;font-size:1.45rem;font-weight:700;letter-spacing:-.04em}.progress{height:6px;margin-bottom:7px;overflow:hidden;border-radius:999px;background:#5a5a5a}.progress span{height:100%;display:block;border-radius:inherit;background:#fbba00}.pdf-pages{display:none}.pdf-page{width:100%;color:#111;background:#fff}.pdf-page-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px}.pdf-page-heading h2{margin:0;color:#111;font-size:1rem}.pdf-export-root{position:fixed;top:0;left:-10000px;width:190mm;color:#111;background:#fff}.pdf-export-root .pdf-page{width:100%;padding:3mm;background:#fff}.pdf-export-root .result-content{grid-template-columns:1fr;gap:10px}.pdf-export-root .viewer-wrap{display:grid;justify-items:center}.pdf-export-root .sheet-viewer{width:100%;height:auto;max-height:135mm}.pdf-export-root .viewer-legend{width:100%;color:#444}.pdf-export-root .metrics-panel{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-export-root .metric-group{border-color:#ccc;background:#f2f2f2}.pdf-export-root .metric-row{color:#555}.pdf-export-root .metric-row strong,.pdf-export-root .utilization-value{color:#111}@media(max-width:1050px){.app-shell{grid-template-columns:320px minmax(0,1fr)}.result-content{grid-template-columns:1fr}.metrics-panel{grid-template-columns:1fr 1fr}}@media(max-width:780px){.app-header{padding:15px 18px}.brand-logo{width:150px}.app-shell{grid-template-columns:1fr;padding:18px 14px 32px}.result-column{min-height:520px}.empty-result{min-height:420px}.result-content{grid-template-columns:1fr}}@media(max-width:480px){.brand-logo{width:140px}.config-grid,.metrics-panel{grid-template-columns:1fr}.section-heading{align-items:flex-start}.result-heading{align-items:center}.result-actions{flex-direction:column;align-items:stretch}.file-summary{grid-template-columns:1fr auto 28px}.file-summary>div:nth-child(3){grid-column:1 / 2}}@media print{@page{size:A4 portrait;margin:10mm}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}html,body{width:auto;min-width:0;min-height:0;color:#111;background:#fff!important}main,.app-shell{background:#fff!important}.app-header,.setup-column,.screen-heading,.screen-result{display:none!important}.app-shell{width:100%;display:block;padding:4mm}.result-column{min-height:0;padding:0;border:0;background:#fff;box-shadow:none}.pdf-pages{display:block}.pdf-page{min-height:257mm;padding:3mm;break-after:page;page-break-after:always}.pdf-page:last-child{break-after:auto;page-break-after:auto}.result-content{grid-template-columns:1fr;gap:10px}.viewer-wrap{display:grid;justify-items:center}.sheet-viewer{width:100%;height:auto;max-height:135mm}.viewer-legend{width:100%;color:#444}.metrics-panel{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-group{border-color:#ccc;background:#f2f2f2;break-inside:avoid}.metric-row{color:#555}.metric-row strong,.utilization-value{color:#111}}