.container{max-width:1400px;margin:0 auto;padding:20px}.main-layout{display:grid;grid-template-columns:350px 1fr;gap:20px;margin-top:20px}@media (max-width: 992px){.main-layout{grid-template-columns:1fr}}.control-panel{background:#f8f9fa;border-radius:8px;padding:15px;height:fit-content;max-height:calc(100vh - 150px);overflow-y:auto}.settings-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dee2e6}.settings-section:last-of-type{border-bottom:none;margin-bottom:15px}.settings-section h2{font-size:1rem;margin-bottom:10px;color:#495057}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#212529}.form-group input[type=text],.form-group input[type=file],.form-group select{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.form-group input[type=range]{width:calc(100% - 60px);vertical-align:middle}.form-group span{display:inline-block;width:50px;text-align:right;font-weight:600;color:#007bff}.form-group small{display:block;margin-top:5px;color:#6c757d;font-size:.875rem}.form-group input[type=checkbox]{margin-right:8px}.action-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}button:disabled{opacity:.5;cursor:not-allowed}.preview-container{min-width:0;display:grid;grid-template-rows:1fr 1fr;gap:15px;height:calc(100vh - 200px)}@media (max-width: 768px){.preview-container{grid-template-rows:1fr 1fr}}.preview-panel{min-width:0;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:10px;min-height:300px;display:flex;flex-direction:column}.preview-panel h3{margin-top:0;margin-bottom:10px;font-size:.95rem;color:#495057}#canvas2d{width:100%;flex:1;border:1px solid #ced4da;background:#fff}#canvas3d{width:100%;flex:1;border:1px solid #ced4da;background:#f0f0f0}.dimensions-info{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:4px;font-size:.9rem;color:#495057}.status-message{padding:10px;margin-bottom:20px;border-radius:4px;display:none}.status-message.info{background:#cfe2ff;border:1px solid #b6d4fe;color:#084298;display:block}.status-message.success{background:#d1e7dd;border:1px solid #badbcc;color:#0f5132;display:block}.status-message.error{background:#f8d7da;border:1px solid #f5c2c7;color:#842029;display:block}.status-message.warning{background:#fff3cd;border:1px solid #ffecb5;color:#664d03;display:block}.instructions{background:#f8f9fa;border-radius:8px;padding:20px;margin-top:30px}.instructions h2{margin-top:0;color:#212529}.instructions h3{margin-top:20px;color:#495057}.instructions ol,.instructions ul{line-height:1.8;color:#495057}.strap-settings{display:none}.strap-settings.active{display:block!important}.loading{position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #007bff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.3}.lede[data-astro-cid-ynmrgr3a]{max-width:760px;line-height:1.7;color:#47555f;margin:6px 0 18px}.example-row[data-astro-cid-ynmrgr3a]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px}.example-label[data-astro-cid-ynmrgr3a]{font-size:.85rem;color:#8a97a3}.example-chip[data-astro-cid-ynmrgr3a]{border:1px solid #d5dde2;background:#fff;color:#37474f;border-radius:999px;padding:5px 12px;font-size:.85rem;cursor:pointer;transition:all .15s}.example-chip[data-astro-cid-ynmrgr3a]:hover{border-color:var(--accent, #2a9d8f);color:var(--accent, #2a9d8f)}.article[data-astro-cid-ynmrgr3a],.faq[data-astro-cid-ynmrgr3a],.related[data-astro-cid-ynmrgr3a]{max-width:760px;margin:34px auto 0;line-height:1.75;color:#47555f}.article[data-astro-cid-ynmrgr3a] h2[data-astro-cid-ynmrgr3a],.faq[data-astro-cid-ynmrgr3a] h2[data-astro-cid-ynmrgr3a],.related[data-astro-cid-ynmrgr3a] h2[data-astro-cid-ynmrgr3a]{width:auto;font-size:1.15rem;color:#2c3e50;margin:26px 0 10px}.article[data-astro-cid-ynmrgr3a] h3[data-astro-cid-ynmrgr3a]{font-size:1rem;color:#37474f;margin:20px 0 8px}.article[data-astro-cid-ynmrgr3a] ol[data-astro-cid-ynmrgr3a],.article[data-astro-cid-ynmrgr3a] ul[data-astro-cid-ynmrgr3a]{padding-left:22px}.article[data-astro-cid-ynmrgr3a] ol[data-astro-cid-ynmrgr3a] li[data-astro-cid-ynmrgr3a]{list-style-type:decimal;margin:6px 0}.article[data-astro-cid-ynmrgr3a] ul[data-astro-cid-ynmrgr3a] li[data-astro-cid-ynmrgr3a]{list-style-type:disc;margin:6px 0}.article[data-astro-cid-ynmrgr3a] code[data-astro-cid-ynmrgr3a]{background:#eef2f4;padding:1px 5px;border-radius:4px;font-size:.9em}.faq-item[data-astro-cid-ynmrgr3a]{border:1px solid #e3e9ec;border-radius:8px;padding:4px 14px;margin:10px 0;background:#fbfcfd}.faq-item[data-astro-cid-ynmrgr3a] summary[data-astro-cid-ynmrgr3a]{cursor:pointer;font-weight:600;color:#2c3e50;padding:8px 0}.faq-item[data-astro-cid-ynmrgr3a] p[data-astro-cid-ynmrgr3a]{margin:4px 0 12px}.related[data-astro-cid-ynmrgr3a] ul[data-astro-cid-ynmrgr3a]{padding-left:22px}.related[data-astro-cid-ynmrgr3a] ul[data-astro-cid-ynmrgr3a] li[data-astro-cid-ynmrgr3a]{list-style-type:disc;margin:8px 0}