:root{--tc-primary:#ea580c;--tc-primary-light:#fff7ed;--tc-primary-dark:#c2410c;--tc-accent:#f59e0b;--tc-text:#1e293b;--tc-text-secondary:#475569;--tc-text-muted:#64748b;--tc-bg:#fff;--tc-bg-secondary:#f8fafc;--tc-border:#e2e8f0;--tc-border-light:#f1f5f9;--tc-border-hover:#cbd5e1;--tc-radius:var(--main-radius,.5rem);--tc-radius-lg:var(--main-radius-lg,.75rem);--tc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--tc-shadow-md:0 4px 12px #00000014}._tc-container{max-width:1100px;margin:0 auto}._tc-body{flex-direction:column;gap:1.5rem;display:flex}._tc-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}._tc-col-left,._tc-col-right{flex-direction:column;gap:1rem;display:flex}._tc-col-right{max-height:calc(100vh - 2rem);position:sticky;top:1rem;overflow-y:auto}._tc-hidden{display:none!important}._tc-unit-dropdown{position:relative}._tc-unit-trigger{color:var(--tc-primary);background:var(--tc-primary-light);border-style:solid;border-width:1px;border-color:var(--tc-primary);border-radius:var(--tc-radius);cursor:pointer;align-items:center;gap:.25rem;padding:.3125rem .5rem;font-size:.75rem;font-weight:600;transition:opacity .15s;display:inline-flex}._tc-unit-trigger:hover{opacity:.85}._tc-unit-trigger svg{color:var(--tc-primary)}._tc-unit-menu{z-index:10;background:var(--tc-bg);border-style:solid;border-width:1px;border-color:var(--tc-border);border-radius:var(--tc-radius);flex-direction:column;min-width:4rem;padding:.25rem;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #0000001a}._tc-unit-option{color:var(--tc-text-secondary);border-radius:calc(var(--tc-radius) - 2px);cursor:pointer;text-align:left;background:0 0;border:0 solid #0000;padding:.375rem .625rem;font-size:.75rem;font-weight:500;transition:color .15s,background .15s}._tc-unit-option:hover{color:var(--tc-text);background:var(--tc-bg-secondary)}._tc-unit-option--active{color:var(--tc-primary);background:var(--tc-primary-light);font-weight:600}._tc-section{background:var(--tc-bg);border-radius:var(--tc-radius-lg);border-style:solid;border-width:1px;border-color:var(--tc-border);box-shadow:var(--tc-shadow);padding:1.25rem}._tc-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}._tc-section-title{color:var(--tc-text);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.875rem;font-weight:600;display:flex}._tc-section-header ._tc-section-title{margin-bottom:0}._tc-section-title svg{color:var(--tc-primary)}._tc-area-actions{align-items:center;gap:.5rem;display:flex}._tc-project-name{color:var(--tc-text);border-style:solid;border-width:0 0 1.5px;border-color:var(--tc-border-light);background:0 0;border-radius:0;outline:none;flex:1;min-width:0;max-width:14rem;padding:.125rem 0;font-family:inherit;font-size:.9375rem;font-weight:600;transition:border-color .15s}._tc-project-name::placeholder{color:var(--tc-text-muted);font-weight:500}._tc-project-name:hover{border-color:var(--tc-border)}._tc-project-name:focus{border-color:var(--tc-primary)}._tc-actions{justify-content:center;gap:.75rem;display:flex}._tc-export-pdf{color:#fff;background:var(--tc-primary);border-style:solid;border-width:1px;border-color:var(--tc-primary);border-radius:var(--tc-radius);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:500;transition:opacity .15s;display:inline-flex}._tc-export-pdf:hover{opacity:.9}._tc-export-pdf:disabled{opacity:.6;cursor:not-allowed}._tc-reset{color:var(--tc-text-muted);background:var(--tc-bg);border-style:solid;border-width:1px;border-color:var(--tc-border);border-radius:var(--tc-radius);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}._tc-reset:hover{color:var(--tc-text);border-color:var(--tc-border-hover)}@media (max-width:768px){._tc-container{padding-left:1rem;padding-right:1rem}._tc-grid{grid-template-columns:1fr}._tc-col-right{max-height:none;position:static;overflow-y:visible}}._tc-mode-toggle{background:var(--tc-bg-secondary);border-radius:var(--tc-radius);gap:2px;margin-bottom:.75rem;padding:2px;display:flex}._tc-mode-btn{color:var(--tc-text-muted);border-radius:calc(var(--tc-radius) - 2px);cursor:pointer;text-align:center;background:0 0;border:0 solid #0000;flex:1;padding:.375rem .625rem;font-size:.75rem;font-weight:500;transition:color .15s,background .15s}._tc-mode-btn:hover{color:var(--tc-text)}._tc-mode-btn--active{color:var(--tc-primary);background:var(--tc-bg);box-shadow:var(--tc-shadow);font-weight:600}._tc-add-area-btn{color:var(--tc-primary);background:var(--tc-primary-light);border-radius:var(--tc-radius);cursor:pointer;border:1px solid #0000;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:opacity .15s;display:inline-flex}._tc-add-area-btn:hover{opacity:.8}._tc-areas{flex-direction:column;gap:.75rem;min-height:80px;display:flex}._tc-area-card{background:var(--tc-bg-secondary);border-radius:var(--tc-radius);border-style:solid;border-width:1px;border-color:var(--tc-border);padding:1rem;position:relative}._tc-area-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}._tc-area-name{color:var(--tc-text);background:0 0;border:0 solid #0000;border-bottom-width:1px;border-radius:0;outline:none;max-width:10rem;padding:.125rem 0;font-family:inherit;font-size:.8125rem;font-weight:600;transition:border-color .15s}._tc-area-name:hover{border-color:var(--tc-border)}._tc-area-name:focus{border-color:var(--tc-primary)}._tc-area-shape-btns{gap:.25rem;display:flex}._tc-shape-btn{color:var(--tc-text-muted);background:var(--tc-bg);border-style:solid;border-width:1px;border-color:var(--tc-border);border-radius:calc(var(--tc-radius) - 2px);cursor:pointer;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}._tc-shape-icon{background:currentColor;flex-shrink:0;width:12px;height:10px;display:inline-block}._tc-shape-icon--rect{border-radius:1px}._tc-shape-icon--lshape{clip-path:polygon(0 0,55% 0,55% 50%,100% 50%,100% 100%,0 100%)}._tc-shape-icon--tri{clip-path:polygon(50% 0,100% 100%,0 100%)}._tc-shape-btn:hover{color:var(--tc-text);border-color:var(--tc-border-hover)}._tc-shape-btn--active{color:var(--tc-primary);border-color:var(--tc-primary);background:var(--tc-primary-light)}._tc-area-remove{width:1.5rem;height:1.5rem;color:var(--tc-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:.5rem;right:.5rem}._tc-area-remove:hover{color:#ef4444;background:#ef44441a}._tc-area-inputs{flex-wrap:wrap;gap:.75rem;display:flex}._tc-area-result{border-top-style:dashed;border-top-width:1px;border-top-color:var(--tc-border);color:var(--tc-text-muted);margin-top:.5rem;padding-top:.5rem;font-size:.75rem}._tc-area-result-value{color:var(--tc-primary);font-weight:600;font-family:var(--main-font-mono)}._tc-room-formula{color:var(--tc-text-muted);font-size:.675rem;font-family:var(--main-font-mono);opacity:.7;margin-top:.25rem}._tc-field-inline{align-items:center;gap:.5rem;display:flex}._tc-label{color:var(--tc-text-secondary);white-space:nowrap;font-size:.8125rem;font-weight:500}._tc-input-wrap{background:var(--tc-bg);border-style:solid;border-width:1.5px;border-color:var(--tc-border);border-radius:var(--tc-radius);align-items:center;gap:.375rem;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s;display:flex}._tc-input-wrap:focus-within{border-color:var(--tc-primary);box-shadow:0 0 0 3px #ea580c1a}._tc-input-wrap--sm{padding:.375rem .625rem}._tc-input{color:var(--tc-text);background:0 0;border:none;outline:none;flex:1;width:4.5rem;min-width:0;font-family:inherit;font-size:.9375rem;font-weight:600}._tc-input::placeholder{color:var(--tc-border);font-weight:400}._tc-input-unit{color:var(--tc-text-muted);flex-shrink:0;font-size:.75rem;font-weight:500}._tc-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._tc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._tc-input[type=number]{-moz-appearance:textfield}._tc-times{color:var(--tc-text-muted);font-size:1rem;font-weight:600}._tc-tile-presets{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}._tc-preset{font-size:.75rem;font-weight:600;font-family:var(--main-font-mono);color:var(--tc-text-secondary);background:var(--tc-bg-secondary);border-style:solid;border-width:1px;border-color:var(--tc-border);border-radius:var(--tc-radius);cursor:pointer;padding:.375rem .75rem;transition:color .15s,background .15s,border-color .15s}._tc-preset:hover{border-color:var(--tc-border-hover);color:var(--tc-text)}._tc-preset--active{color:#fff;background:var(--tc-primary);border-color:var(--tc-primary)}._tc-tile-custom{flex-direction:column;gap:.75rem;display:flex}._tc-tile-input-group{align-items:center;gap:.75rem;display:flex}._tc-orientation{align-items:center;gap:.5rem;display:flex}._tc-orient-btn{color:var(--tc-text-secondary);background:var(--tc-bg-secondary);border-style:solid;border-width:1px;border-color:var(--tc-border);border-radius:var(--tc-radius);cursor:pointer;padding:.3125rem .75rem;font-size:.75rem;font-weight:500;transition:color .15s,border-color .15s}._tc-orient-btn:hover{color:var(--tc-text);border-color:var(--tc-border-hover)}._tc-orient-btn--active{color:var(--tc-primary);border-color:var(--tc-primary);background:var(--tc-primary-light)}._tc-area-deducts{margin-top:.625rem}._tc-deduct-header{align-items:center;margin-bottom:.375rem;display:flex}._tc-deduct-add{color:var(--tc-text-muted);border-style:dashed;border-width:1px;border-color:var(--tc-border);border-radius:var(--tc-radius);cursor:pointer;background:0 0;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}._tc-deduct-add:hover{color:#ef4444;border-color:#ef4444}._tc-deduct-list{flex-direction:column;gap:.375rem;display:flex}._tc-deduct-presets{flex-shrink:0;gap:.25rem;display:flex}._tc-deduct-preset{color:var(--tc-text-muted);background:var(--tc-bg);border-style:solid;border-width:1px;border-color:var(--tc-border);border-radius:calc(var(--tc-radius) - 2px);cursor:pointer;padding:.1875rem .5rem;font-size:.625rem;font-weight:500;transition:color .15s,border-color .15s}._tc-deduct-preset:hover{color:var(--tc-text);border-color:var(--tc-border-hover)}._tc-deduct-item{background:var(--tc-bg-secondary);border-radius:var(--tc-radius);border-style:solid;border-width:1px;border-color:var(--tc-border);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}._tc-deduct-item ._tc-input-wrap{background:var(--tc-bg)}._tc-deduct-label{flex-shrink:0;width:4.5rem}._tc-deduct-label ._tc-input{width:100%;font-size:.8125rem;font-weight:500}._tc-deduct-dims{flex:1;align-items:center;gap:.375rem;display:flex}._tc-deduct-dims ._tc-input{width:3.5rem}._tc-deduct-remove{width:1.5rem;height:1.5rem;color:var(--tc-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}._tc-deduct-remove:hover{color:#ef4444;background:#ef44441a}._tc-deduct-total{border-top-style:dashed;border-top-width:1px;border-top-color:var(--tc-border);color:var(--tc-text-muted);margin-top:.5rem;padding-top:.5rem;font-size:.75rem}._tc-deduct-total-value{color:#ef4444;font-weight:600;font-family:var(--main-font-mono)}._tc-pattern-divider{border-top-style:solid;border-top-width:1px;border-top-color:var(--tc-border);margin-top:1rem;padding-top:1rem}._tc-pattern-options{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}._tc-pattern-btn{background:var(--tc-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--tc-border);border-radius:var(--tc-radius);cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;transition:border-color .15s,box-shadow .15s;display:flex}._tc-pattern-btn:hover{border-color:var(--tc-border-hover)}._tc-pattern-btn--active{border-color:var(--tc-primary);background:var(--tc-primary-light);box-shadow:0 0 0 3px #ea580c1a}._tc-pattern-name{color:var(--tc-text-secondary);font-size:.6875rem;font-weight:500}._tc-pattern-btn--active ._tc-pattern-name{color:var(--tc-primary);font-weight:600}._tc-pattern-icon{border-radius:2px;gap:2px;width:36px;height:28px;display:grid;overflow:hidden}._tc-pattern-icon--straight{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}._tc-pattern-icon--straight:before,._tc-pattern-icon--straight:after{content:"";background:linear-gradient(to right, var(--tc-primary) 30%, transparent 30% 33%, var(--tc-primary) 33% 63%, transparent 63% 66%, var(--tc-primary) 66%);grid-area:span 1/1/auto/-1}._tc-pattern-icon--brick{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr}._tc-pattern-icon--brick:before{content:"";background:linear-gradient(to right, var(--tc-primary) 30%, transparent 30% 33%, var(--tc-primary) 33% 63%, transparent 63% 66%, var(--tc-primary) 66%)}._tc-pattern-icon--brick:after{content:"";background:linear-gradient(to right, var(--tc-primary) 15%, transparent 15% 18%, var(--tc-primary) 18% 48%, transparent 48% 51%, var(--tc-primary) 51% 81%, transparent 81% 84%, var(--tc-primary) 84%)}._tc-pattern-icon--diagonal{background:var(--tc-bg);position:relative}._tc-pattern-icon--diagonal:before{content:"";background:repeating-linear-gradient(45deg, var(--tc-primary) 0px, var(--tc-primary) 8px, transparent 8px, transparent 10px);border-radius:2px;position:absolute;top:0;bottom:0;left:0;right:0}._tc-pattern-note{border-radius:var(--tc-radius);color:var(--tc-accent);background:#f59e0b14;align-items:center;gap:.375rem;margin-top:.75rem;padding:.5rem .75rem;font-size:.75rem;display:flex}._tc-pattern-note svg{flex-shrink:0}._tc-settings-row{flex-direction:column;gap:1.25rem;display:flex}._tc-setting{flex-direction:column;gap:.5rem;display:flex}._tc-setting-header{justify-content:space-between;align-items:center;display:flex}._tc-setting-value{font-size:.8125rem;font-weight:600;font-family:var(--main-font-mono);color:var(--tc-primary);text-align:right;min-width:3rem}._tc-slider{-webkit-appearance:none;appearance:none;background:var(--tc-border-light);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}._tc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--tc-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000026}._tc-slider::-moz-range-thumb{background:var(--tc-primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000026}._tc-waste-presets{flex-wrap:wrap;gap:.375rem;margin-top:.25rem;display:flex}._tc-waste-btn{color:var(--tc-text-muted);border-style:solid;border-width:1px;border-color:var(--tc-border);border-radius:var(--tc-radius);cursor:pointer;background:0 0;padding:.25rem .625rem;font-size:.6875rem;font-weight:500;transition:color .15s,border-color .15s}._tc-waste-btn:hover{color:var(--tc-text);border-color:var(--tc-border-hover)}._tc-waste-btn--active{color:var(--tc-primary);border-color:var(--tc-primary);background:var(--tc-primary-light)}@media (max-width:480px){._tc-section{padding:1rem}._tc-tile-input-group{flex-wrap:wrap}._tc-area-inputs{flex-direction:column}._tc-section-header{flex-direction:column;align-items:flex-start;gap:.5rem}._tc-area-actions{flex-wrap:wrap}}._tc-results{flex-direction:column;gap:1rem;display:flex}._tc-result-primary{background:linear-gradient(135deg, var(--tc-primary), var(--tc-primary-dark));border-radius:var(--tc-radius-lg);text-align:center;color:#fff;padding:1.25rem 1.5rem;box-shadow:0 4px 16px #ea580c40}._tc-result-primary-label{opacity:.85;margin-bottom:.25rem;font-size:.8125rem;font-weight:500}._tc-result-primary-value{font-size:2rem;font-weight:800;font-family:var(--main-font-mono);letter-spacing:-.02em}._tc-result-primary-sub{opacity:.75;margin-top:.25rem;font-size:.75rem}._tc-summary-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}._tc-summary-card{background:var(--tc-bg);border-radius:var(--tc-radius-lg);border-style:solid;border-width:1px;border-color:var(--tc-border);box-shadow:var(--tc-shadow);flex-direction:column;gap:.25rem;padding:1rem 1.25rem;display:flex}._tc-summary-label{color:var(--tc-text-muted);font-size:.75rem;font-weight:500}._tc-summary-value{color:var(--tc-text);font-size:1.125rem;font-weight:700;font-family:var(--main-font-mono)}._tc-boxes{background:var(--tc-bg);border-radius:var(--tc-radius-lg);border-style:solid;border-width:1px;border-color:var(--tc-border);box-shadow:var(--tc-shadow);flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}._tc-boxes-input{justify-content:space-between}._tc-boxes-result{background:var(--tc-primary-light);border-radius:var(--tc-radius);justify-content:space-between;align-items:center;padding:.625rem .875rem;display:flex}._tc-boxes-label{color:var(--tc-text-secondary);font-size:.8125rem;font-weight:500}._tc-boxes-value{color:var(--tc-primary-dark);font-size:1rem;font-weight:700;font-family:var(--main-font-mono)}._tc-cost-section{background:var(--tc-bg);border-radius:var(--tc-radius-lg);border-style:solid;border-width:1px;border-color:var(--tc-border);box-shadow:var(--tc-shadow);overflow:hidden}._tc-preview-section{background:var(--tc-bg);border-radius:var(--tc-radius-lg);border-style:solid;border-width:1px;border-color:var(--tc-border);box-shadow:var(--tc-shadow);padding:1.25rem}._tc-collapse-toggle{width:100%;color:var(--tc-text);cursor:pointer;background:0 0;border:0 solid #0000;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;font-size:.8125rem;font-weight:600;transition:color .15s;display:flex}._tc-collapse-toggle:hover{color:var(--tc-primary)}._tc-toggle-icon{color:var(--tc-text-muted);display:inline-flex}._tc-collapse-body{flex-direction:column;gap:1rem;padding:0 1.25rem 1.25rem;display:flex}._tc-cost-fields{flex-direction:column;gap:.75rem;display:flex}._tc-cost-fields ._tc-field-inline{justify-content:space-between}._tc-cost-results{background:var(--tc-bg-secondary);border-radius:var(--tc-radius);flex-direction:column;gap:.5rem;padding:.875rem 1rem;display:flex}._tc-cost-row{color:var(--tc-text-secondary);justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}._tc-cost-row span:last-child{font-weight:600;font-family:var(--main-font-mono);color:var(--tc-text)}._tc-cost-row--total{border-top-style:solid;border-top-width:1px;border-top-color:var(--tc-border);color:var(--tc-text);padding-top:.5rem;font-weight:600}._tc-cost-row--total span:last-child{color:var(--tc-primary);font-size:1rem;font-weight:700}@media (max-width:480px){._tc-result-primary-value{font-size:1.625rem}._tc-summary-grid{grid-template-columns:1fr}._tc-summary-value{font-size:1rem}}._tc-preview-canvas{border-radius:var(--tc-radius);border-style:solid;border-width:1px;border-color:var(--tc-border);background:var(--tc-bg-secondary);width:100%;height:200px}._tc-preview-legend{justify-content:center;gap:1.25rem;margin-top:.75rem;display:flex}._tc-legend-item{color:var(--tc-text-muted);align-items:center;gap:.375rem;font-size:.75rem;display:flex}._tc-legend-color{border-radius:2px;width:12px;height:12px;display:inline-block}._tc-legend-full{background:#f97316}._tc-legend-cut{background:#fbbf24}._tc-legend-grout{background:#94a3b8}