.dt-cr{max-width:1180px;margin:1.5rem auto}.dt-cr-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1.1fr);gap:32px;align-items:start}.dt-cr-preview{background:#f8f6f1;border:1px solid #e8e1d4;border-radius:14px;padding:24px;position:sticky;top:20px}.dt-cr-stack{position:relative;width:318px;height:520px;margin:0 auto 14px auto;max-width:100%}.dt-cr-stack img{position:absolute;left:0;top:0;width:100%;height:auto}.dt-cr-summary{display:grid;grid-template-columns:1fr;gap:6px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 12px;margin-top:8px}.dt-cr-note,.dt-cr-muted{font-size:.9rem;color:#666}.dt-cr-form{display:flex;flex-direction:column;gap:18px}.dt-cr-section{border:1px solid #e4e4e4;border-radius:12px;padding:16px;background:#fff}.dt-cr-section h3{margin-top:0;margin-bottom:14px}.dt-cr-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.dt-cr-field select,.dt-cr-field textarea,.dt-cr-field input[type="number"]{width:100%;padding:10px;border:1px solid #c6c6c6;border-radius:6px;background:#fff}.dt-cr-inline-check{display:flex;align-items:center;gap:8px;font-size:.95rem}.dt-cr-inline-check input{margin:0}.dt-cr-total{font-size:1.3rem;padding:16px;border:1px solid #ddd;border-radius:10px;background:#fafafa}.dt-cr-total strong{float:right}.dt-cr-form button{background:#111;color:#fff;border:0;border-radius:6px;padding:14px 20px;cursor:pointer}.dt-cr-conditional{padding:12px;border:1px dashed #ccc;border-radius:10px;background:#fcfcfc}.dt-cr-sizing-note{font-size:.92rem;background:#fafafa;border:1px solid #eee;border-radius:10px;padding:12px}.dt-cr-sizing-note ul{margin:8px 0 0 18px}.dt-cr-qty{max-width:160px}@media(max-width:850px){.dt-cr-layout{grid-template-columns:1fr}.dt-cr-preview{position:static}.dt-cr-stack{margin-left:auto;margin-right:auto}}.dt-cr-warning{color:#8e3818;font-weight:600;font-size:.9rem}.dt-cr [hidden]{display:none!important}.dt-cr [hidden]{display:none!important}.dt-cr,.dt-cr *{box-sizing:border-box}.dt-cr-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.dt-cr-preview{overflow:hidden;min-width:0;isolation:isolate}.dt-cr-stack{width:min(318px,100%);height:auto;aspect-ratio:318/520;overflow:hidden;isolation:isolate;flex-shrink:0}.dt-cr-stack img{width:100%;height:100%;object-fit:contain;display:block;max-width:none;max-height:none;margin:0;padding:0}.dt-cr-summary,.dt-cr-note{clear:both;position:relative;z-index:1}.dt-cr-advanced{border:1px solid #dedbd4;border-radius:9px;padding:11px 13px;margin:12px 0;background:#faf9f6}.dt-cr-advanced>summary{cursor:pointer;font-weight:650;color:#282828;list-style-position:outside}.dt-cr-advanced>summary span{font-size:.78em;font-weight:400;color:#626262;padding-left:6px}.dt-cr-advanced[open]>summary{margin-bottom:14px}.dt-cr-field select,.dt-cr-field textarea,.dt-cr-field input{max-width:100%;font-size:16px}.dt-cr-field{min-width:0}@media(max-width:850px){.dt-cr{margin:0 auto;max-width:100%;padding:0 8px}.dt-cr-layout{display:flex;flex-direction:column;gap:20px;min-width:0}.dt-cr-preview,.dt-cr-form{width:100%;min-width:0}.dt-cr-preview{position:static;padding:12px}.dt-cr-stack{width:min(318px,100%);margin:0 auto}.dt-cr-section{padding:12px}.dt-cr h2{font-size:1.5rem}}.dt-cr-preview{overflow:hidden!important;contain:layout paint;isolation:isolate}.dt-cr-stack{display:block!important;position:relative!important;overflow:hidden!important;line-height:0!important;font-size:0!important}.dt-cr-stack img{position:absolute!important;top:0!important;left:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;float:none!important;transform:none!important;max-width:none!important;max-height:none!important}.dt-cr-stack::before,.dt-cr-stack::after{display:none!important;content:none!important}.dt-cr-summary{position:relative!important;clear:both;overflow-wrap:anywhere}.dt-cr-stage{width:100%;min-width:0}.dt-cr-stage[hidden]{display:none!important}.dt-cr-step-title{padding-bottom:12px;border-bottom:1px solid #ddd}.dt-cr-next,.dt-cr-back{width:100%;padding:14px;border:1px solid #333;border-radius:8px;background:#111;color:#fff;font-weight:600;cursor:pointer;margin:12px 0}.dt-cr-back{background:#fff;color:#111}@media(max-width:850px){.dt-cr-preview{padding:10px!important}.dt-cr-stack{margin:0 auto!important;width:min(318px,100%)!important}}