#diy-studio .diy-canvas{min-width:0;min-height:0}#diy-studio .bracelet-wrap{flex:1 1 0;min-width:0;min-height:0;width:100%;padding:0;overflow:visible}#diy-studio #diyCanvas{display:block;flex:none;max-width:100%;max-height:100%;aspect-ratio:1;object-fit:contain;margin:auto}#diy-studio .diy-summary{min-width:0;min-height:0}#diy-studio .sum-header{padding:20px 20px 0;flex-shrink:0;border-bottom:0}#diy-studio .sum-header h3{padding-bottom:19px;margin:0;color:var(--gold);font-size:11px;letter-spacing:.2em;border-bottom:1px solid rgba(201,168,76,.17)}#diy-studio .studio-summary-fit{padding:18px 0;border-bottom:1px solid rgba(201,168,76,.17)}#diy-studio .studio-summary-fit-head{display:flex;align-items:center;justify-content:space-between;gap:8px}#diy-studio .studio-summary-fit-head>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#c3b89f}#diy-studio .studio-summary-fit .size-unit-toggle{padding:2px}#diy-studio .studio-summary-fit .size-unit-toggle button{min-width:34px;min-height:30px;padding:4px 8px;font-size:12px}#diy-studio .studio-summary-fit-value{font-family:Cormorant Garamond,serif;font-size:34px;line-height:1.2;color:#f5f0e8;letter-spacing:.015em;margin-top:10px}#diy-studio .studio-summary-fit-help{color:#c3b89f;font-size:11px;line-height:1.6;margin-top:6px}#diy-studio .studio-stones-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0 9px}#diy-studio .studio-stones-title{font-family:Cormorant Garamond,serif;font-size:20px;line-height:1.25;color:#e8dcc8}#diy-studio .studio-stones-count{display:block;color:#c3b89f;font-family:Josefin Sans,sans-serif;font-size:11px;line-height:1.6;margin-top:3px}#diy-studio .studio-clear-all{background:transparent;border:0;color:#d29a90;font-family:Josefin Sans,sans-serif;font-size:11px;min-height:36px;padding:5px 0;cursor:pointer;white-space:nowrap}#diy-studio .sum-list{min-height:0}#diy-studio .sum-meta{display:none}#diy-studio .sum-footer{padding:16px 20px 20px;flex-shrink:0}#diy-studio .sum-total-lbl{font-size:12px;letter-spacing:.08em;text-transform:none;color:#c3b89f}#diy-studio .sum-total-val{font-size:34px;color:var(--gold-light)}#diy-studio .order-btn{min-height:44px;font-size:11px;letter-spacing:.16em}#diy-studio .studio-size-picker{position:relative;min-width:0}#diy-studio .studio-fit-button{width:100%;font-family:Josefin Sans,sans-serif;cursor:pointer}#diy-studio .studio-fit-chevron{font-family:Arial,sans-serif;font-size:13px;color:var(--gold);line-height:1}#diy-studio .studio-size-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:30;min-width:164px;padding:12px;background:#171815;border:1px solid #6b5936;border-radius:6px;box-shadow:0 8px 25px #0000008c}#diy-studio .studio-size-menu[hidden]{display:none}#diy-studio .studio-size-menu>span{display:block;margin-bottom:9px;color:#c3b89f;font-size:12px;line-height:1.5}#diy-studio .studio-size-menu .size-unit-toggle{display:flex;width:100%}#diy-studio .studio-size-menu .size-unit-toggle button{flex:1;min-height:44px;min-width:44px}#diy-studio .studio-fit-button:focus-visible,#diy-studio .studio-clear-all:focus-visible{outline:2px solid #e8dcc8;outline-offset:3px}html.diy-fullscreen #diy-studio{height:calc(100dvh - var(--wg-nav-offset,0px));bottom:auto}@media(min-width:769px){#diy-studio .diy-studio{grid-template-columns:240px minmax(0,1fr) 280px}#diy-studio .canvas-topbar,#diy-studio .canvas-actions{display:none}#diy-studio .diy-canvas{padding:18px 16px;gap:12px}#diy-studio .canvas-hint{font-size:10px;letter-spacing:.04em;text-transform:none;color:#b9ac91;opacity:.9}#diy-studio #wristWarn:empty{display:none}#diy-studio #wristWarn:not(:empty){font-size:13px;line-height:1.55;letter-spacing:.035em;color:#ee9b91;height:auto!important;min-height:22px;max-width:100%;padding:2px 0}}@media(max-width:768px){html.diy-fullscreen #diy-studio>.diy-studio{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(180px,32%);height:100%}html.diy-fullscreen #diy-studio .diy-canvas{grid-row:1;order:1;display:flex;flex:initial;min-height:0;padding:52px 12px 6px;gap:4px;overflow:visible;z-index:2}html.diy-fullscreen #diy-studio .bead-library{grid-row:2;order:2;flex:initial;min-height:0;max-height:none;overflow-y:auto;z-index:1}html.diy-fullscreen #diy-studio .canvas-topbar{display:grid;grid-template-columns:1.25fr .85fr 1fr;gap:0;flex-shrink:0;align-items:stretch;border-bottom:1px solid rgba(200,169,110,.2)}html.diy-fullscreen #diy-studio .canvas-topbar .wrist-info,html.diy-fullscreen #diy-studio .canvas-topbar .price-disp{min-height:30px;padding:4px 5px!important;gap:4px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none;align-items:center}html.diy-fullscreen #diy-studio .studio-fit-button{min-height:30px!important}html.diy-fullscreen #diy-studio .canvas-topbar .wrist-lbl,html.diy-fullscreen #diy-studio .canvas-topbar .price-lbl{font-size:9px;letter-spacing:.03em}html.diy-fullscreen #diy-studio .canvas-topbar .wrist-val,html.diy-fullscreen #diy-studio .canvas-topbar .price-val{font-size:18px}html.diy-fullscreen #diy-studio .canvas-topbar .wrist-unit{font-size:10px}html.diy-fullscreen #diy-studio .bracelet-wrap{min-height:0;padding:0;overflow:visible;flex:1 1 0}html.diy-fullscreen #diy-studio #diyCanvas{max-width:100%;max-height:100%}html.diy-fullscreen #diy-studio #wristWarn{font-size:10px;line-height:1.4;flex-shrink:0}html.diy-fullscreen #diy-studio #wristWarn:empty{display:none}html.diy-fullscreen #diy-studio .canvas-actions{display:flex;flex-shrink:0;gap:8px}html.diy-fullscreen #diy-studio .canvas-actions .act-btn{min-height:32px;padding:6px 8px!important;font-size:10px;line-height:1.2;letter-spacing:.12em;border-radius:2px;box-shadow:none}html.diy-fullscreen #diy-studio .canvas-actions .act-save,html.diy-fullscreen #diy-studio .canvas-actions .act-order{display:none}html.diy-fullscreen #diy-studio .canvas-actions .act-review{display:inline-flex;background:#c8a96e;color:#080808}html.diy-fullscreen #diy-studio .canvas-actions .act-clear{background:transparent;border:1px solid rgba(190,94,94,.5)}}@media(max-width:360px){html.diy-fullscreen #diy-studio .diy-canvas{padding-right:8px;padding-left:8px}html.diy-fullscreen #diy-studio .canvas-topbar{gap:0}html.diy-fullscreen #diy-studio .canvas-topbar .wrist-lbl,html.diy-fullscreen #diy-studio .canvas-topbar .price-lbl{font-size:8px}html.diy-fullscreen #diy-studio .canvas-topbar .wrist-val,html.diy-fullscreen #diy-studio .canvas-topbar .price-val{font-size:18px}}@media(pointer:coarse){#diy-studio .studio-summary-fit .size-unit-toggle button{min-height:44px;min-width:44px}#diy-studio .studio-clear-all{min-height:44px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/studio-layout.css.map */
