:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#203544;background:#edf1f4;font-synthesis:none;font-size:14px;line-height:1.5;--ink: #203544;--muted: #536572;--line: #d9e1e6;--accent: #007481;--paper: #fff;--soft: #f6f8fa}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#f0f7f8;border-color:#98b8bf}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #008b9d;outline-offset:3px}input,select{min-height:40px;width:100%;border:1px solid #bac8d1;border-radius:5px;background:#fff;padding:8px 10px;color:var(--ink)}input[type=checkbox]{width:17px;min-height:17px;height:17px;accent-color:var(--accent);flex:none;cursor:pointer}select{padding-right:22px}.app-shell{max-width:1920px;margin:0 auto}.app-header{position:sticky;top:0;z-index:20;height:64px;padding:0 32px;display:flex;align-items:center;gap:32px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand strong{font-family:Avenir Next,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1px}.brand strong span{font-weight:400;margin-left:4px}.brand-mark{display:flex;gap:3px;align-items:flex-end;transform:skewY(-12deg)}.brand-mark i{display:block;width:6px;height:25px;background:#008996}.brand-mark i:nth-child(2){background:#c94381;height:31px}.brand-mark i:nth-child(3){background:#e1b535;height:20px}.header-context{color:var(--muted);font-size:13px}.header-context span{padding:0 15px;color:#a3afb8}.local-status{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:#36645c}.local-status>span{width:6px;height:6px;border-radius:50%;background:#22836b}.icon-button{padding:9px;min-width:40px;background:transparent}.help{border:0}.titlebar{padding:27px 32px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--accent);margin-bottom:6px}h1{font-family:Avenir Next,sans-serif;font-size:29px;line-height:1.25;letter-spacing:-.9px;margin:0 0 8px;font-weight:700}.titlebar p{margin:0;color:var(--muted);font-size:13px}.project-actions{display:flex;gap:8px}.workspace{display:grid;grid-template-columns:250px minmax(500px,1fr) 294px;gap:0;margin:0 24px;border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 24px #20354406}.settings-panel{padding:22px 18px;background:#f8fafb;border-right:1px solid var(--line)}section{margin:0}.settings-panel section+section{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.section-heading>span{font:12px Menlo,monospace;color:var(--muted)}h2{font-size:14px;margin:0;display:flex;gap:8px;align-items:center;font-weight:700;letter-spacing:-.1px}.section-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;min-width:0}.field>span{font-size:11px;font-weight:550;color:var(--muted)}.field input{font-variant-numeric:tabular-nums}.field-hint{font-size:11px;color:var(--muted);margin:0 0 15px;line-height:1.6}.check-row{display:flex;align-items:flex-start;gap:8px;font-size:12px;cursor:pointer;margin:10px 0}.check-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}summary{cursor:pointer;font-size:12px;font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:40px}details[open]>summary{margin-bottom:12px}details[open]>summary svg{transform:rotate(180deg)}.safety-note{display:flex;gap:9px;padding:14px 0;margin-top:24px;color:var(--accent);border-top:1px solid var(--line)}.safety-note svg{flex:none;margin-top:1px}.safety-note strong{font-size:11px}.safety-note p{font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0}.artwork-section,.import-section{padding:22px 22px 0}.steps{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:16px 22px 0;list-style:none;font-size:12px;font-weight:600;color:var(--muted)}.steps li{display:flex;align-items:center;gap:7px}.steps span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:11px}.steps .current{color:var(--ink)}.steps .current span{border-color:var(--accent);color:var(--accent)}.steps .done span{background:var(--accent);border-color:var(--accent);color:#fff}.import-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.import-summary{margin:10px 0 0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.import-section code{font-size:12px;overflow-wrap:anywhere}.sample-art.art-thumb{object-fit:contain;padding:2px;background:#d4dce2;border-color:#aebcc8}.rotate-field select{font-size:12px;padding:6px 4px;min-height:36px;width:100%}.step-hint{margin:8px 22px 0}.example-select{display:flex;flex-direction:column;gap:3px;min-width:178px}.example-select span{font-size:10px;color:var(--muted)}.example-select select{font-size:11px;min-height:33px;padding:5px}.shirt-shortcut{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0 15px;border-top:1px solid var(--line);font-size:11px}.shirt-shortcut label{display:flex;align-items:center;gap:9px;font-size:11px}.shirt-shortcut input{width:65px;min-height:34px;padding:5px 7px}.shirt-shortcut>span{color:var(--muted);font-size:10px}.text-button{padding:5px 0;color:var(--accent);border:0;background:transparent;min-height:36px;font-size:12px}.text-button:hover{background:transparent;color:#00525b}.artwork-row{display:grid;grid-template-columns:34px minmax(100px,1.6fr) minmax(61px,1fr) 6px minmax(61px,1fr) 66px 84px 28px;gap:8px;align-items:center;padding:11px 0;border-top:1px solid #e9edf0}.artwork-row .field{margin:0}.artwork-row .field>span{font-size:9px;white-space:nowrap}.artwork-row input{font-size:12px;padding:6px;min-height:36px}.artwork-row .icon-button{min-width:28px;padding:3px;border:0;margin-top:17px}.times{padding-top:17px;color:#8b9ca8}.rotate-check{display:flex;align-items:center;gap:4px;font-size:10px;margin-top:16px;white-space:nowrap}.sample-art{width:31px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--art-color);background:color-mix(in srgb,var(--art-color) 10%,white);border:1px solid color-mix(in srgb,var(--art-color) 28%,white);border-radius:3px;margin-top:14px;font-size:14px;font-weight:700}.artwork-footer{display:flex;justify-content:space-between;gap:10px;padding:7px 0;align-items:center;font-size:11px;color:var(--muted)}.generate-bar{margin:4px 22px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:15px 0}.generate-bar>span{font-size:10px;display:flex;align-items:center;gap:8px;color:var(--muted)}.generate-bar i{width:3px;height:3px;border-radius:100%;background:#8a9ba5}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:#005f6a;border-color:#005f6a}.status-message{font-size:11px;color:var(--accent);padding:0 22px;min-height:10px}.preview-section{margin-top:12px;border-top:1px solid var(--line)}.preview-section>.section-heading{padding:18px 22px 0}.preview-toggle{font-size:10px;display:flex;align-items:center;gap:5px}.preview-toggle input{width:14px;height:14px}.layout-tabs{display:flex;gap:6px;padding:0 22px 14px;overflow:auto}.layout-tabs button{font-size:11px;min-height:34px;padding:5px 10px}.layout-tabs button.active{background:#e7f4f5;border-color:var(--accent);color:var(--accent)}.layout-tabs span{font-size:10px;padding:1px 5px;border-radius:3px;background:#edf1f4}.preview-board{position:relative;background-color:#edf1f4;background-image:radial-gradient(#c8d1d9 .65px,transparent .65px);background-size:14px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 20px;min-height:390px;display:flex;align-items:center;flex-direction:column}.roll-meta{width:min(100%,360px);display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px;color:var(--muted);font-size:10px}.roll-meta strong{color:var(--accent);font-size:10px;letter-spacing:.3px}.film-wrap{position:relative;max-width:75%;width:280px}.film{display:block;width:100%;height:auto;max-height:700px;min-height:120px;filter:drop-shadow(2px 5px 4px #20354413);background:#fff;border:1px solid #aebcc8}.film.gray{background:#d4dce2}.ruler-label{position:absolute;left:-24px;top:50%;font:10px Menlo,monospace;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);color:#536572}.cut-label{font-size:10px;margin:14px 0;color:var(--accent)}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font-size:10px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:1px}.preview-warning{font-size:10px;color:var(--muted);text-align:center;padding:0 15px}.empty-preview{height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f7f9;border-top:1px solid var(--line)}.empty-film{width:85px;height:105px;border:1px solid #b4c9cf;background:#fff;box-shadow:4px 4px #e4ecef;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;margin-bottom:20px}.empty-film>div{background:#deeff1;border:1px solid #b3d1d6}.empty-film>div:last-child{background:#f2e4ee;border-color:#dfb6d1}.empty-preview strong{font-size:13px}.empty-preview p{text-align:center;font-size:12px;color:var(--muted);line-height:1.8}.production-panel{border-left:1px solid var(--line);padding:22px 18px;display:flex;flex-direction:column}.production-panel>.section-heading{color:var(--ink)}.production-panel>.section-heading svg{color:var(--accent)}.summary-top{padding:20px 0 15px;border-top:1px solid var(--line)}.summary-top>span{font-size:11px;color:var(--muted)}.summary-top>strong{display:block;font:600 42px/1.4 Avenir Next,sans-serif;letter-spacing:-2px}.summary-top small{font-size:19px;letter-spacing:0;color:var(--muted);font-weight:400}.summary-top p{font-size:10px;line-height:1.7;color:var(--muted);margin:1px 0}.summary-pair{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);padding:14px 0}.summary-pair>div{display:flex;flex-direction:column;gap:2px}.summary-pair strong{font:600 23px Avenir Next,sans-serif}.summary-pair span{font-size:10px;color:var(--muted)}.summary-pair>div+div{padding-left:16px;border-left:1px solid var(--line)}.alternative{margin-top:18px}.alternative select{font-size:10px;padding:8px 5px}.validation-badge{display:flex;align-items:center;gap:6px;font-size:11px;margin:15px 0;color:#246a52}.count-table{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:10px;line-height:1.5;text-align:left}caption{text-align:left;font-size:11px;font-weight:600;margin-bottom:9px}th,td{padding:8px 4px;border-bottom:1px solid var(--line);vertical-align:top}thead th{font-size:9px;color:var(--muted);font-weight:500}tbody th{font-weight:500;max-width:90px}td{font-variant-numeric:tabular-nums;text-align:center}.print-runs{margin-top:15px}.print-runs>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;font-size:11px;border-bottom:1px dashed var(--line)}.print-runs strong{color:var(--accent);font-size:10px}.method{font-size:9px;color:var(--muted);line-height:1.8;margin:15px 0 20px;overflow-wrap:anywhere}.waiting-copy{font-size:12px;color:var(--muted);line-height:1.8;padding:20px 0}.export-area{margin-top:10px;border-top:1px solid var(--line);padding-top:18px}h3{font-size:12px;margin:0 0 15px}.export-area .check-row{font-size:11px;margin-bottom:15px}.export-area>button{width:100%;margin-bottom:8px;font-size:11px}.export-secondary{display:flex;gap:6px}.export-secondary button{font-size:10px;flex:1;padding:6px}.export-area>p{font-size:10px;color:var(--muted);line-height:1.8}.export-area>p strong{font-weight:500}.help-details{padding:10px 22px 14px;border-top:1px solid var(--line)}.help-details p{font-size:12px;color:var(--muted);line-height:1.8}.error-box{background:#fff0f0;border:1px solid #d58a8a;color:#872a2a;padding:14px;margin:10px 22px;font-size:12px;overflow-wrap:anywhere}.error-box ul{padding-left:20px}progress{width:calc(100% - 44px);margin:0 22px;accent-color:var(--accent);height:5px}.app-footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);padding:19px 30px}@media(min-width:1500px){.workspace{grid-template-columns:270px minmax(600px,1fr) 320px}.artwork-row{gap:12px}.artwork-row .field>span{font-size:11px}.film-wrap{width:320px}.artwork-row input{font-size:14px}.shirt-shortcut,.shirt-shortcut label{font-size:12px}}@media(max-width:1200px){.workspace{grid-template-columns:215px minmax(450px,1fr)}.production-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:block;columns:2;column-gap:40px}.production-panel>*{break-inside:avoid}.production-panel>.section-heading{column-span:all}.header-context{display:none}.settings-panel{padding:20px 14px}.artwork-section{padding-inline:16px}.main-panel .section-heading{gap:10px}.titlebar{padding-inline:24px}h1{font-size:27px}.production-panel .export-area{margin-top:24px}.summary-top>strong{font-size:40px}}@media(max-width:760px){.app-header{height:64px;padding:0 16px;gap:12px}.local-status{font-size:10px}.help{display:none}.brand strong{font-size:21px}.titlebar{padding:22px 16px;display:block}h1{font-size:26px}.titlebar p{font-size:12px}.project-actions{margin-top:18px}.project-actions button{font-size:12px}.workspace{margin:0 12px;display:flex;flex-direction:column}.settings-panel{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px}.settings-panel section+section{border-top:0;margin-top:0;padding-top:0}.safety-note{grid-column:1/-1;margin-top:0;padding-bottom:0}.artwork-section>.section-heading{display:block}.example-select{margin-top:13px}.example-select select{font-size:12px}.artwork-row{grid-template-columns:27px 1fr 1fr 1fr 30px;gap:8px;padding-block:14px}.artwork-row .sample-art{grid-row:1/3;margin:0;width:26px}.name-field{grid-column:2/5}.artwork-row .times{display:none}.artwork-row .field>span{font-size:9px}.artwork-row .field:not(.name-field){grid-row:2}.artwork-row .rotate-check,.artwork-row .rotate-field{grid-column:2/5;margin-top:0;grid-row:3}.artwork-row .icon-button{grid-column:5;grid-row:1/3;margin:0}.shirt-shortcut>span{width:100%}.artwork-footer{font-size:10px;align-items:flex-start}.artwork-footer>span{text-align:right;max-width:130px}.generate-bar{margin-inline:16px}.generate-bar>span{max-width:140px;display:block;line-height:1.8}.generate-bar i{display:none}.production-panel{columns:auto}.app-footer{padding:18px 16px;display:block}.app-footer>span{display:block;margin-bottom:6px}.film-wrap{max-width:80%}.roll-meta,.roll-meta strong,.preview-toggle{font-size:9px}.section-heading{gap:8px}.preview-section>.section-heading{padding-inline:16px}}@media(max-width:420px){.settings-panel{display:block}.settings-panel section+section{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.safety-note{margin-top:20px}.local-status{font-size:9px}.app-header{gap:8px}.brand strong{font-size:19px}.titlebar h1{font-size:24px}.titlebar p{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.ficha-section{padding:20px 24px 24px;border-top:1px solid var(--line)}.ficha-section .section-heading{align-items:flex-start}.tech-exports summary{cursor:pointer;font-weight:600}.ficha-view{display:grid;gap:16px;max-width:880px;margin-top:12px}.ficha-folha{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.ficha-folha svg{display:block;width:100%;height:auto;min-width:640px}.print-math{margin:4px 0 0;padding:0;list-style:none;font-size:.86rem;color:var(--muted)}.brand img{display:block;width:clamp(150px,20vw,240px);height:auto}.input-unit{position:relative;display:block}.input-unit input{width:100%;padding-right:36px}.input-unit em{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--muted);font-size:.8rem;font-style:normal;pointer-events:none}.name-field strong{display:flex;align-items:center;min-height:40px;font-size:1rem}.settings-panel .two-col .field>span:first-child{white-space:nowrap}.main-panel{min-width:0}input[type=number]{font-variant-numeric:tabular-nums;text-align:right}
