.tc{--tc-ink:#454239;--tc-accent:#a28a5e;--tc-line:#e6e0d3;color:var(--tc-ink);padding:40px 0}.tc *{box-sizing:border-box}.tc-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.tc h1{font:46px/1.15 Georgia,serif;margin:14px 0}.tc h2{font:29px/1.2 Georgia,serif;margin:12px 0 20px}.tc-heading p{color:#787569;font-size:15px;line-height:1.8}.tc-kicker{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#8b7449}.tc-demo{font-size:10px;letter-spacing:1.5px;white-space:nowrap;border:1px solid #cbb992;border-radius:30px;padding:11px 15px;color:#866e42}.tc-disclaimer{font-size:12px;line-height:1.7;padding:14px 18px;background:#f3f0e7;border-left:2px solid #bba779;margin-bottom:30px}.tc-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,1fr);gap:30px;align-items:start}.tc-preview{background:#f0ece2;padding:26px;border:1px solid #e8e0d2}.tc-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.tc-live{font-size:10px;color:#8a806a;white-space:nowrap}.tc-table{position:relative;aspect-ratio:1.25;background:repeating-linear-gradient(0deg,#ffffff09 0px,#ffffff09 1px,transparent 1px,transparent 3px),linear-gradient(130deg,#e2dbcd,#eee8dd 45%,#ded4c1);border:12px solid #eee8dc;border-radius:42%;box-shadow:inset 0 0 25px #ac97732b,0 16px 28px #594c2e14;margin:20px 0 27px;overflow:hidden}.tc-table-inner{position:absolute;inset:5%}.tc-place{position:absolute;display:block;transform:translate(-50%,-50%);filter:drop-shadow(1px 3px 2px #7c6b492b);pointer-events:none}.tc-place svg{width:100%;height:auto;display:block}.tc-table-empty{position:absolute;left:0;right:0;top:42%;text-align:center;font:22px/1.4 Georgia,serif;color:#8d8068}.tc-table-empty small{font:12px Arial,sans-serif}.tc-caption{font-size:11px;line-height:1.7;color:#7c786d}.tc-preview-legend{font-size:10px;line-height:1.9;color:#86795f;border-top:1px solid #d9d0be;padding-top:12px}.tc-summary{margin-top:25px;padding:26px;border:1px solid var(--tc-line);background:#fffefa}.tc-summary-lines{max-height:300px;overflow:auto;scrollbar-width:thin}.tc-summary-lines>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #f0ece3;padding:11px 0;font-size:12px}.tc-summary-lines small{display:block;color:#928977;margin-top:6px;font-size:11px}.tc-summary-lines strong{font-weight:400;white-space:nowrap}.tc-total{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:24px}.tc-total>span{font-size:13px}.tc-total strong{font:31px Georgia,serif;white-space:nowrap}.tc-summary-count{font-size:11px;color:#8a806d}.tc-save-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tc button{border-radius:3px;font-size:12px;padding:12px 13px;border:1px solid #dcd4c3;background:#fffefa;color:#62583f;min-height:40px}.tc button:hover{background:#ece6d9;border-color:#b6a278}.tc button.tc-primary{background:#514d41;color:#fff;border-color:#514d41}.tc button.tc-primary:hover{background:#6a6351}.tc button:focus-visible,.tc input:focus-visible,.tc select:focus-visible{outline:2px solid #8c6f32;outline-offset:3px}.tc-status{font-size:11px;line-height:1.7;color:#786c51;min-height:36px;margin-bottom:0}.tc-presets{display:flex;gap:12px;align-items:end;background:#f3f0e7;padding:15px}.tc-presets label{font-size:11px;width:80px;flex-shrink:0}.tc-presets select{padding:10px}.tc-preset-actions{display:flex;gap:8px;margin:18px 0 25px}.tc-group{border:0;padding:0;margin:0 0 24px;min-width:0}.tc-group legend{font:21px Georgia,serif;margin-bottom:8px;padding:0 0 10px;border-bottom:1px solid var(--tc-line);width:100%}.tc-item{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:0 8px;align-items:center;border-bottom:1px solid #ede8de;padding:12px 6px;transition:background .2s}.tc-item.tc-selected{background:#f5f2e9}.tc-item-check{display:flex;align-items:center;gap:9px;cursor:pointer}.tc-item-check input{width:16px;height:16px;padding:0;accent-color:#9a855b;flex-shrink:0}.tc-item-art{display:block;width:42px;height:42px;flex-shrink:0}.tc-item-art svg{width:100%;height:100%}.tc-item-name{font-size:12px;line-height:1.5}.tc-item-name small{font-size:10px;display:block;color:#918575;margin-top:4px}.tc-quantity{display:flex;align-items:center;justify-content:end}.tc-quantity button{padding:0;width:32px;min-height:34px;flex-shrink:0;background:transparent}.tc-quantity input{width:38px;min-width:0;padding:7px 0;border:0;background:transparent;text-align:center;font-size:12px;appearance:textfield;-moz-appearance:textfield}.tc-quantity input::-webkit-inner-spin-button,.tc-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tc-line-total{text-align:right;grid-column:2;font-size:10px;color:#8e7c5c;padding:4px 0 0}.tc-empty{font:17px/1.7 Georgia,serif;color:#8e8371}.tc-picker>h2{margin-bottom:12px}@media(min-width:1200px){.tc-layout{gap:42px}.tc-preview,.tc-summary{padding:32px}.tc-item-name{font-size:13px}}@media(max-width:900px){.tc-layout{grid-template-columns:1fr}.tc-visual-column{display:contents}.tc-preview{grid-row:1}.tc-picker{grid-row:2}.tc-summary{grid-row:3;margin-top:0}.tc-table{max-width:580px;margin-left:auto;margin-right:auto}.tc-heading{display:block}.tc-demo{display:inline-block;margin-top:10px}}@media(max-width:500px){.tc{padding-top:25px}.tc h1{font-size:34px}.tc h2{font-size:25px}.tc-preview,.tc-summary{padding:18px}.tc-table{border-width:6px}.tc-live{display:none}.tc-item{grid-template-columns:minmax(0,1fr) 100px}.tc-item-art{width:32px;height:32px}.tc-item-check{gap:6px}.tc-item-name{font-size:11px}.tc-presets{gap:8px;padding:12px}.tc-save-actions button{width:100%}.tc-heading p{font-size:13px}.tc-table-empty{font-size:17px}}@media(prefers-reduced-motion:reduce){.tc-item{transition:none}}
