:root{--bs-primary:#c0570c;--bs-primary-rgb:48,91,223}body{background:#fcf9f6;color:#352f2b;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none}.navbar a:not(.btn){color:#4a423d}.card{border:1px solid #eee7e0;border-radius:16px;box-shadow:0 5px 24px #342e2a04}.hero{background:linear-gradient(120deg,#fcf5ec,#fdf8f2 65%,#fbeee0)}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;color:#75665c}.btn-primary{background:#c0570c;border-color:#c0570c}.viewer{height:400px;min-height:240px;background:#f7f2ed;border-radius:12px;overflow:hidden;position:relative}.viewer canvas{display:block;width:100%;height:100%;touch-action:none}.price-box{background:#fdf7f1;color:#c0570c}.model-mark{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:7rem;font-weight:800;color:#c0570c;border:2px solid #f5dabb;border-radius:30%;transform:rotate(-8deg);background:#ffffff70}.model-mark span{font-size:.6rem;letter-spacing:.18em}.form-label{font-size:.9rem}.table th,.table td{padding:1rem}pre{overflow-wrap:anywhere}@media(max-width:767px){.viewer{height:300px}.model-mark{max-width:220px;margin:auto}}
:root .color-choice{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .8rem;border:1px solid #e5dace;border-radius:10px;background:#fff;color:#4a423d;cursor:pointer;min-height:44px}
.color-chip{display:inline-block;width:24px;height:24px;border:1px solid #0003;border-radius:50%;flex:none}
.color-choice[aria-pressed="true"]{border-color:#c0570c;box-shadow:0 0 0 2px #c0570c;background:#fdf7f0}
.color-choice:focus-visible{outline:3px solid #9a460a;outline-offset:4px}
.preview-panel .viewer{height:520px;border:1px solid #efe6db;border-radius:16px}
.viewer-toolbar,.viewer-actions{position:absolute;z-index:2;display:flex;flex-wrap:wrap;gap:5px;padding:5px;border:1px solid #efe5d9;border-radius:12px;background:#ffffffed;box-shadow:0 4px 16px #403a350a}
.viewer-toolbar{top:14px;left:14px}.viewer-actions{bottom:14px;left:14px;right:14px;justify-content:center}
.viewer-tool{border:0;border-radius:8px;background:transparent;color:#65584f;padding:8px 10px;font-size:.76rem;font-weight:600;min-height:36px;cursor:pointer}
.viewer-tool:hover:not(:disabled){background:#f8f0e7}.viewer-tool[aria-pressed="true"]{background:#fcf3e8;color:#c0570c}.viewer-tool:disabled{opacity:.42;cursor:default}.viewer-tool:focus-visible{outline:2px solid #c0570c;outline-offset:1px}
.viewer-empty{position:absolute;inset:65px 20px 85px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:#77685e;pointer-events:none}
.viewer-empty[hidden]{display:none}.viewer-empty>span:last-child{font-size:.8rem}.viewer-empty-icon{display:grid;place-items:center;width:78px;height:78px;border:2px solid #e3ceb7;border-radius:22px;transform:rotate(-8deg);font-size:1.8rem;color:#a3948a;background:#ffffff70;margin-bottom:10px}
.preview-help{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.72rem;color:#98877b;padding:12px 2px}
.dimension-summary{font-size:.82rem;padding:14px;background:#fcf7f1;border:1px solid #f4ebe1;border-radius:10px;color:#665a51;font-variant-numeric:tabular-nums}
@media(min-width:992px){.preview-panel{position:sticky;top:20px}}
@media(max-width:767px){.preview-panel .viewer{height:390px}.viewer-toolbar{top:10px;left:10px;right:10px;justify-content:center}.viewer-actions{left:10px;right:10px;bottom:10px}.viewer-tool{padding:7px 8px;min-height:40px}.preview-panel{padding:16px!important}}
.review-star input{position:absolute;opacity:0}.review-star span{display:inline-block;border:1px solid #d5dbe5;border-radius:6px;padding:.25rem .45rem;color:#9aa3b2;cursor:pointer}.review-star input:checked+span,.review-star span:hover{background:#fff4d6;border-color:#f59e0b;color:#d97706}