:root{font-family:DM Sans,Segoe UI,sans-serif;color:#193047;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Outfit,Segoe UI,sans-serif}h1{font-size:1.45rem;font-weight:600;letter-spacing:-.03em}h2{font-size:1.55rem;font-weight:600;letter-spacing:-.035em}h3{font-size:1.05rem;font-weight:600}.app-shell{min-height:100vh}.topbar{height:100px;background:#fff;border-bottom:1px solid #e4eaf1;display:flex;align-items:center;gap:16px;padding:0 max(5vw,32px)}.brand-mark{background:#174a5b;color:#fff;font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.04em;border-radius:12px;width:47px;height:47px;display:grid;place-items:center}.eyebrow{font-size:.7rem;letter-spacing:.13em;color:#5a8791;font-weight:700}.local-pill{margin-left:auto;border:1px solid #cde8e0;background:#f2faf7;color:#237b66;padding:10px 14px;border-radius:99px;font-size:.76rem;font-weight:700}.live-dot{display:inline-block;width:7px;height:7px;background:#45b88b;border-radius:50%;margin-right:5px}.app-shell main{max-width:1200px;margin:auto;padding:46px 28px 90px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.intro h2{font-size:2.4rem;margin:10px 0 7px}.intro p,.action-panel p{color:#738495}.step-count{font:600 2rem Outfit;color:#295f70}.step-count span{font-size:1rem;color:#b7c5cf}.settings-panel{background:#fff;border:1px solid #e2eaf2;border-radius:18px;box-shadow:0 8px 26px #1930470b;padding:26px 30px;display:grid;grid-template-columns:1fr 220px 250px;gap:30px;align-items:end}.settings-panel h2{margin-top:6px}.settings-panel label,.dimension-row label,.quantity-label{font-size:.79rem;font-weight:700;color:#456073;display:flex;flex-direction:column;gap:7px}.field-wrap{height:46px;display:flex;align-items:center;border:1px solid #d7e2e9;background:#fbfdfe;border-radius:9px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.field-wrap:focus-within{border-color:#2a9d89;box-shadow:0 0 0 3px #2a9d8922}.field-wrap input{width:100%;min-width:0;border:0;background:transparent;outline:none;padding:0 12px;color:#1b3c4b;font-weight:700}.field-wrap input[aria-invalid=true]{background:#fff7f4}.field-wrap span{padding:0 12px;color:#8ca0ac;font-size:.75rem}.art-section{margin-top:42px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-title h2{margin-top:5px}.count-badge{display:inline-grid;place-items:center;vertical-align:middle;width:25px;height:25px;font:700 .75rem DM Sans;color:#246d75;background:#dff2ef;border-radius:50%;margin-left:5px}.total-pieces{color:#6d8292;font-size:.8rem}.total-pieces strong{color:#183f4b;font-size:1.15rem;margin-left:7px}.drop-zone{background:#fbfdfd;border:1.5px dashed #a9c8ce;border-radius:15px;padding:27px;display:flex;gap:17px;align-items:center;transition:background .2s,border-color .2s}.drop-zone:hover,.drop-zone:focus-visible{background:#f1f9f7;border-color:#2a9d89;outline:none}.drop-zone>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.drop-zone strong{font-size:.92rem}.drop-zone span{font-size:.78rem;color:#7a8d9a}.upload-icon{display:grid;place-items:center;width:44px;height:44px;background:#e5f5f1;color:#2d9d87;border-radius:10px;font-size:1.5rem}.secondary-button{margin-left:auto;border:1px solid #b8d9d3;color:#247f72;background:#fff;border-radius:9px;padding:11px 18px;font-weight:700;font-size:.78rem}.secondary-button:hover{background:#eaf7f2}.upload-message,.validation-hint{font-size:.82rem;color:#a56a25;margin-top:10px}.card-list{display:flex;flex-direction:column;gap:14px;margin-top:18px}.art-card{display:grid;grid-template-columns:190px 1fr;min-height:212px;background:#fff;border:1px solid #e2eaf2;border-radius:15px;overflow:hidden;box-shadow:0 7px 20px #19304709}.checkerboard{background-color:#e8eef1;background-image:linear-gradient(45deg,#bac8ce 25%,transparent 25%),linear-gradient(-45deg,#bac8ce 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bac8ce 75%),linear-gradient(-45deg,transparent 75%,#bac8ce 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.art-preview{display:grid;place-items:center;padding:20px}.art-preview img{max-width:100%;max-height:174px;object-fit:contain}.art-details{padding:20px 25px 18px}.art-heading{display:flex;justify-content:space-between;gap:10px}.art-heading h3{margin-top:3px;max-width:460px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-button{border:0;background:none;color:#768b99;font-size:.78rem}.text-button:hover{color:#bc5147}.dimension-row{display:grid;grid-template-columns:minmax(100px,170px) 48px minmax(100px,170px);align-items:end;gap:10px;margin-top:15px}.lock-button{height:46px;border:1px solid #e0e9ee;border-radius:9px;background:#f7fafb;font-size:1.1rem}.lock-button.is-locked{background:#eaf6f3;border-color:#cae6df}.lock-button:focus-visible{outline:3px solid #67bfae}.card-subline{display:flex;gap:20px;min-height:25px;margin-top:8px;font-size:.72rem;color:#8996a3}.warning{color:#b27731!important}.good{color:#24846e!important}.card-bottom{border-top:1px solid #eff3f5;padding-top:12px;display:flex;align-items:end;gap:23px}.quantity-label{width:130px}.quantity-label input{height:38px;width:100%;padding:0 9px;border:1px solid #d7e2e9;border-radius:8px;font-weight:700}.insights{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.72rem;color:#718593;padding-bottom:8px}.action-panel{margin-top:28px;background:#eaf2f2;border-radius:15px;padding:25px 29px;display:flex;justify-content:space-between;align-items:center;gap:16px}.action-panel p{margin-top:4px;font-size:.82rem}.primary-button{background:#186c65;border:0;color:#fff;border-radius:10px;padding:17px 24px;font-weight:700;font-size:.84rem;letter-spacing:.03em;box-shadow:0 7px 16px #186c6533}.primary-button:hover:not(:disabled){background:#0c5b55}.primary-button:disabled{opacity:.48}.primary-button span{margin-left:18px;font-size:1rem}.error-banner{background:#fff0ec;border:1px solid #efbdb0;color:#a34c41;padding:15px 18px;border-radius:9px;margin-top:20px;font-size:.84rem}.result-panel{background:#fff;border:1px solid #dbe8e5;border-radius:16px;margin-top:28px;padding:27px 30px;box-shadow:0 10px 30px #19304711}.result-heading{display:flex;justify-content:space-between;align-items:center}.status-pill{border-radius:99px;padding:8px 12px;font-size:.74rem;background:#eaf6f2;color:#237c64;font-weight:700}.status-preparing,.status-optimizing{background:#edf4ff;color:#356aaa}.status-error,.status-interrupted{background:#fff0eb;color:#ba5b46}.result-number{font:600 3.4rem Outfit;color:#145e58;margin-top:13px;letter-spacing:-.05em}.result-subtitle{color:#8b9a9f;font-size:.8rem}.result-facts{display:flex;flex-wrap:wrap;gap:10px 25px;border-top:1px solid #e8efef;margin-top:22px;padding-top:20px;font-size:.83rem;color:#3c6d69;font-weight:600}.loading-note{margin-top:20px;color:#718593}.layout-section{border-top:1px solid #e8efef;margin-top:22px;padding-top:22px}.layout-section h3{margin-bottom:14px}.layout-scroll{max-height:640px;overflow:auto;border:1px solid #d7e1e5;border-radius:10px;padding:16px}.layout-scroll img{display:block;max-width:none}footer{text-align:center;padding:20px;color:#94a6b0;font-size:.7rem;border-top:1px solid #e8eef2;background:#fff}@media(max-width:800px){.topbar{padding:0 18px}.local-pill{display:none}.app-shell main{padding:27px 16px 60px}.intro h2{font-size:1.9rem}.settings-panel{grid-template-columns:1fr 1fr;gap:16px}.settings-panel>div{grid-column:1/-1}.art-card{grid-template-columns:120px 1fr}.art-details{padding:15px}.art-preview{padding:8px}.insights,.insights span{display:block}.dimension-row{grid-template-columns:1fr 42px 1fr}}@media(max-width:570px){.step-count{display:none}.settings-panel{grid-template-columns:1fr}.settings-panel>div{grid-column:auto}.drop-zone{flex-wrap:wrap}.secondary-button{margin-left:0}.art-card{display:block}.art-preview{height:150px}.art-preview img{max-height:130px}.action-panel{display:block}.primary-button{width:100%;margin-top:18px}.card-bottom{align-items:start;flex-direction:column}.dimension-row{grid-template-columns:1fr 42px 1fr}}.job-error{margin-top:20px;padding:16px 18px;border:1px solid #efbdb0;border-radius:10px;background:#fff4f0;color:#853f36;font-size:.86rem}.job-error strong{display:block;font-size:.95rem}.job-error p{margin-top:7px}.slow-note{margin-top:12px;color:#805b26;background:#fff7e6;border:1px solid #eed5a2;border-radius:9px;padding:12px 14px;font-size:.82rem}.export-button{margin-top:22px}.layout-comparison{margin-top:16px;background:#f0f7f3;border:1px solid #d2e5da;padding:15px;border-radius:10px;line-height:1.7;font-size:.85rem}.layout-comparison small{color:#698477}.settings-panel select{padding:10px;border:1px solid #cfdedb;border-radius:8px;background:#fff}.settings-panel>p{font-size:.8rem;line-height:1.6;color:#698477}