.studio-sharing{margin:24px auto;padding:22px 16px;border-block:1px solid #ddd;text-align:center;font-family:"Noto Sans JP",sans-serif;max-width:760px}.studio-sharing strong{font-size:14px;font-weight:500}.studio-sharing p{font-size:12px;line-height:1.9;color:#555;margin:10px 0}.studio-sharing button{width:auto!important;min-height:44px;padding:10px 16px;border:1px solid #333;background:transparent;font:inherit;font-size:13px;color:#222;cursor:pointer;margin:5px}.studio-sharing button:disabled{opacity:.5;cursor:default}.studio-sharing #studio-share-code{font-size:26px;letter-spacing:.18em;color:#222}.studio-sharing #studio-share-error{color:#555}.studio-sharing [hidden]{display:none!important}body.studio-remote-control .catalog,body.studio-remote-control .furniture-options,body.studio-remote-control #price-area{opacity:.65;pointer-events:none}body.studio-remote-control .catalog{position:relative}#studio-share-control{background:#222;color:#fff}

.studio-heading-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:26px auto 0}.studio-heading-actions .my-styles-button{margin:0;min-height:46px}.studio-share-settings{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font:12px "Noto Sans JP",sans-serif;color:#555;min-height:44px;padding:8px}.studio-share-settings[hidden]{display:none}.studio-share-dialog{width:min(460px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #ddd;background:#fafafa;color:#222;padding:22px;box-sizing:border-box}.studio-share-dialog::backdrop{background:rgba(0,0,0,.4);backdrop-filter:blur(3px)}.studio-share-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.studio-share-dialog h2{font:500 18px "Noto Sans JP",sans-serif;margin:0}.studio-share-dialog .dialog-head button{min-width:44px;min-height:44px;border:0;background:transparent;font-size:26px}.studio-share-dialog .studio-sharing{margin:12px 0 0;padding:16px 0 0;border-bottom:0}.studio-share-dialog .studio-sharing>div:first-child>strong{display:none}
@media(max-width:820px){.studio-heading{flex-direction:column;gap:8px}.studio-heading-actions{margin:4px 0 6px;gap:8px;width:100%}.studio-heading .studio-heading-actions .my-styles-button{display:block;font-size:12px;padding:10px 12px;min-width:0;flex:1;max-width:180px}.studio-share-settings{flex-basis:100%}.studio-share-dialog{padding:18px}}