:root {
  --blue: #1b63e9;
  --text: #202226;
  --muted: #757a84;
  --line: #e6e8ed;
  --paper: #fff;
  --soft: #f5f6f8;
  --selected: #f4f7fe;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Noto Sans CJK JP", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; color: var(--text); background: #fff; font: 13px/1.6 var(--font); -webkit-font-smoothing: antialiased; }
button, input, select, a { font: inherit; }
button, select { color: inherit; cursor: pointer; }
button, a { -webkit-tap-highlight-color: transparent; }
button { background: none; }
button:disabled { opacity: .4; cursor: default; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
a { color: inherit; text-decoration: none; }
svg { display: block; }
button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
[hidden] { display: none !important; }
.header { height: 72px; padding: 0 36px; display: flex; align-items: center; gap: 52px; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 22px; font-size: 25px; font-weight: 750; letter-spacing: .17em; line-height: 1; }
.brand span { border-left: 1px solid #d8dce3; padding-left: 22px; color: var(--muted); font-size: 10px; font-weight: 500; letter-spacing: .14em; }
.header-nav { display: flex; align-items: stretch; align-self: stretch; gap: 28px; }
.tab { padding: 0 1px; border: 0; border-bottom: 2px solid transparent; font-size: 12px; color: var(--muted); }
.tab:hover { color: var(--text); }
.tab.current { border-bottom-color: var(--text); color: var(--text); }
.button { min-height: 44px; border: 1px solid #dce0e7; border-radius: 6px; padding: 10px 16px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; background: var(--paper); color: var(--text); font-size: 12px; font-weight: 550; line-height: 1.5; transition: background .16s, border-color .16s; }
.button:hover:not(:disabled) { background: #f8f9fb; border-color: #b9c0cc; }
.button.blue { background: var(--blue); border-color: var(--blue); color: #fff; }
.button.blue:hover:not(:disabled) { background: #1555ce; border-color: #1555ce; }
.header-save { margin-left: auto; min-height: 38px; font-size: 11px; }
.text-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; border: 0; padding: 0; color: var(--muted); font-size: 11px; }
.text-button:hover { color: var(--text); }
.model-bar { min-height: 64px; max-width: 1800px; margin: auto; padding: 12px 36px; display: flex; align-items: center; gap: 20px; border-bottom: 1px solid var(--line); }
.model-field { display: flex; align-items: center; gap: 18px; }
.model-field label { font-size: 12px; font-weight: 550; white-space: nowrap; }
.step-number { display: inline-block; color: #969ba5; font-size: 10px; font-weight: 500; font-variant-numeric: tabular-nums; margin-right: 12px; }
.select-wrap { position: relative; }
.select-wrap select { appearance: none; width: 150px; height: 38px; padding: 0 35px 0 13px; border: 1px solid #dce0e7; border-radius: 5px; background: #fff; font-size: 14px; font-weight: 600; }
.select-wrap svg { pointer-events: none; position: absolute; right: 12px; top: 10px; width: 18px; height: 18px; fill: none; stroke: #666d79; stroke-width: 1.5; }
.model-bar p { color: var(--muted); font-size: 11px; margin: 0; }
.studio-version { margin-left: auto; color: #8a909a; letter-spacing: .1em; font-size: 9px; }
.studio { max-width: 1800px; height: calc(100svh - 136px); min-height: 640px; margin: auto; display: grid; grid-template-columns: minmax(0, 1fr) 380px; grid-template-rows: minmax(360px, 1fr) 238px; }
.stage { grid-column: 1; grid-row: 1; position: relative; overflow: hidden; min-width: 0; background: radial-gradient(ellipse at 50% 60%, #eceef2 0, #f8f9fb 64%); }
.stage-top { position: absolute; z-index: 1; top: 28px; left: 36px; right: 30px; display: flex; justify-content: space-between; align-items: flex-start; pointer-events: none; }
.stage-top button { pointer-events: auto; }
.stage-top > div { min-width: 0; flex: 1; }
.eyebrow { margin: 0 0 5px; color: #878d97; font-size: 9px; font-weight: 500; letter-spacing: .15em; }
h1 { display: flex; align-items: baseline; gap: 12px; margin: 0; font-size: 22px; font-weight: 600; line-height: 1.4; letter-spacing: -.02em; }
.title-divider { color: #b7bdc7; font-size: 18px; font-weight: 300; }
#previewTemplate { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; font-weight: 450; color: #5b616b; letter-spacing: 0; }
.reset-view { flex: 0 0 auto; margin-left: 16px; font-size: 10px; min-height: 30px; }
.reset-view svg { width: 15px; height: 15px; }
.wheel-host { position: absolute; inset: 86px 32px 72px; }
canvas { width: 100%; height: 100%; cursor: grab; touch-action: none; }
canvas:active { cursor: grabbing; }
.stage-bottom { position: absolute; left: 36px; right: 30px; bottom: 22px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.viewhint { color: #727985; font-size: 11px; display: flex; flex-direction: column; gap: 2px; }
#spokeRead { font-weight: 550; color: #525965; font-variant-numeric: tabular-nums; }
.hint-extra { color: #969ba5; font-size: 10px; }
.views { display: inline-flex; padding: 3px; gap: 2px; border: 1px solid #e2e5eb; border-radius: 6px; background: #fff; }
.views button { min-height: 33px; padding: 0 11px; border: 0; border-radius: 3px; color: #818793; font-size: 11px; white-space: nowrap; }
.views button:hover { background: #f5f6f8; }
.views button.active { background: #eef1f6; color: #252b35; }
.status-line { position: absolute; left: 36px; right: 30px; bottom: 74px; color: #626d7e; font-size: 11px; text-align: center; pointer-events: none; }
.status-line:empty { display: none; }
.section-host { position: absolute; inset: 86px 28px 72px; display: none; align-items: center; justify-content: center; }
.section-host svg { width: 100%; height: 100%; object-fit: contain; }
.section-view .section-host { display: flex; }
.section-view .wheel-host { visibility: hidden; }
.error { display: none; position: absolute; inset: 0; z-index: 5; padding: 24px; align-items: center; justify-content: center; background: #f8f9fbeF; text-align: center; }
.templates { grid-column: 1; grid-row: 2; min-width: 0; padding: 18px 36px 22px; overflow-y: auto; border-top: 1px solid var(--line); }
.section-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
h2 { margin: 0; font-size: 13px; font-weight: 600; }
.subtle { color: #9298a2; font-size: 10px; }
.template-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.template { display: flex; position: relative; align-items: center; gap: 12px; height: 75px; padding: 8px 13px; border: 1px solid #e4e7ed; border-radius: 6px; background: #fff; text-align: left; min-width: 0; transition: background .16s, border-color .16s; }
.template:hover { border-color: #b8c4d7; background: #fafbfe; }
.template.selected { border-color: var(--blue); background: var(--selected); }
.template img, .template > span:has(svg) { width: 54px; height: 54px; flex: 0 0 54px; object-fit: contain; }
.template svg { width: 54px; height: 54px; fill: none; stroke: #343941; stroke-width: 1.4; }
.template .thumbnail-ring { stroke-width: 4; }
.template .thumbnail-hub { fill: #343941; stroke: none; }
.template .thumbnail-hole { fill: #fff; stroke: none; }
.template-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.template strong { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.template-copy > span { color: var(--muted); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.template small { color: #8b94a3; font-size: 9px; }
.selected-dot { display: none; position: absolute; right: 8px; top: 7px; color: var(--blue); font-size: 11px; font-weight: 500; }
.template.selected .selected-dot { display: block; }
.new-template { justify-content: center; gap: 10px; border-style: dashed; }
.add-icon { font-size: 23px; color: #9ba3b0; font-weight: 300; }
.new-template strong { font-size: 11px; font-weight: 500; }
.inspector { grid-column: 2; grid-row: 1 / 3; min-height: 0; border-left: 1px solid var(--line); display: flex; flex-direction: column; background: #fff; }
.inspector-scroll { flex: 1; min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #dce0e7 transparent; padding: 27px 28px 14px; scroll-padding: 20px; }
.inspector-head { margin-bottom: 25px; }
.inspector-head h2 { font-size: 16px; font-weight: 600; }
.inspector-head p { margin: 6px 0 0 26px; font-size: 11px; color: #858c97; }
.control-group { padding: 0 0 19px; margin: 0 0 21px; border-bottom: 1px solid var(--line); }
h3 { margin: 0 0 19px; font-size: 12px; font-weight: 650; }
.control { margin: 0 0 16px; }
.control:last-child { margin-bottom: 0; }
.control-row { display: flex; align-items: center; justify-content: space-between; min-height: 29px; gap: 12px; }
.control-row label { font-size: 12px; color: #555c68; }
.param-value { display: inline-flex; align-items: center; justify-content: flex-end; gap: 5px; flex: 0 0 auto; }
.param-value input { width: 59px; padding: 3px 4px; border: 1px solid transparent; border-radius: 4px; background: #f5f6f8; color: #2b323e; font-size: 13px; font-weight: 500; text-align: right; font-variant-numeric: tabular-nums; appearance: textfield; -moz-appearance: textfield; }
.param-value input::-webkit-inner-spin-button, .param-value input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.param-value input:hover, .param-value input:focus { background: #fff; border-color: #b8c8e6; }
.param-value small { min-width: 21px; color: #9198a4; font-size: 10px; }
input[type=range] { appearance: none; display: block; width: 100%; height: 22px; margin: 7px 0 0; padding: 0; background: transparent; cursor: pointer; }
input[type=range]::-webkit-slider-runnable-track { height: 3px; background: linear-gradient(to right, var(--blue) var(--progress, 50%), #e8ebf0 var(--progress, 50%)); border-radius: 2px; }
input[type=range]::-moz-range-track { height: 3px; background: #e8ebf0; border-radius: 2px; }
input[type=range]::-moz-range-progress { height: 3px; background: var(--blue); }
input[type=range]::-webkit-slider-thumb { appearance: none; width: 13px; height: 13px; margin-top: -5px; border: 2px solid var(--blue); border-radius: 50%; background: #fff; }
input[type=range]::-moz-range-thumb { width: 10px; height: 10px; border: 2px solid var(--blue); border-radius: 50%; background: #fff; }
input[type=range]:hover::-webkit-slider-thumb { box-shadow: 0 0 0 4px #1b63e912; }
.helper { margin: 4px 0 12px; color: #818998; font-size: 11px; line-height: 1.8; }
.width-hint { margin-top: -5px; margin-bottom: 16px; }
.group-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.group-heading h3 { margin-bottom: 0; }
.group-heading .text-button { min-height: 24px; color: #687d9b; font-size: 10px; }
.axis-graph { padding-top: 4px; }
.axis-graph svg { display: block; width: 100%; height: 83px; }
.axis-labels { display: flex; justify-content: space-between; padding: 0 10px; color: #8b93a0; font-size: 10px; }
.color-group { padding-bottom: 20px; margin-bottom: 18px; }
.color-group h3 { margin-bottom: 13px; }
.color-options { display: flex; gap: 7px; }
.color-options button { flex: 1; min-height: 39px; border: 1px solid var(--line); border-radius: 5px; display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 10px; }
.color-options button.active { border-color: var(--blue); background: #f8faff; }
.color-options button:disabled { opacity: 1; background: #fafbfc; border-color: #e9ecf1; color: #9ba2ad; cursor: not-allowed; }
.color-options button:disabled .swatch { opacity: .45; }
.color-label { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; line-height: 1.35; }
.color-label small { font-size: 9px; font-weight: 400; color: #949ca8; }
.swatch { width: 12px; height: 12px; border-radius: 50%; display: inline-block; border: 1px solid #00000012; }
.swatch.black { background: #343840; }.swatch.graphite { background: #858a94; }.swatch.white { background: #f2f3f5; }
.fixed p { color: #858d99; font-size: 10px; margin: 0 0 10px; }
.fixed-values { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 0; }
.fixed-values dt { color: #939aa5; font-size: 9px; }
.fixed-values dd { margin: 3px 0 0; font-size: 12px; color: #666f7d; font-variant-numeric: tabular-nums; }
.fixed-values small { margin-left: 3px; font-size: 9px; color: #a0a6af; }
.edit-tools { display: flex; justify-content: space-between; gap: 12px; margin-top: 17px; border-top: 1px solid var(--line); padding-top: 9px; }
.edit-tools .text-button { font-size: 10px; }
.inspector-footer { flex: 0 0 auto; padding: 17px 23px 12px; border-top: 1px solid var(--line); background: #fff; }
.footer-actions { display: grid; grid-template-columns: 1fr 1.12fr; gap: 9px; }
.footer-actions .button { white-space: nowrap; padding: 11px 10px; font-size: 11px; gap: 7px; }
#registrationStatus { color: #7b8493; font-size: 10px; line-height: 1.65; margin: 10px 0 0; overflow-wrap: anywhere; }
.file-save { min-height: 25px; font-size: 10px; margin-top: 3px; }
.toast { position: fixed; z-index: 20; left: 50%; bottom: 30px; width: max-content; max-width: min(90vw, 620px); transform: translate(-50%, 12px); padding: 12px 18px; border-radius: 7px; background: #242b36; color: #fff; font-size: 12px; box-shadow: 0 5px 22px #202a3c17; opacity: 0; visibility: hidden; transition: transform .18s, opacity .18s, visibility .18s; }
.toast.shown { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.import-file { display: none; }
.dialog { width: min(465px, calc(100% - 32px)); max-height: calc(100svh - 40px); padding: 30px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: #fff; }
.dialog::backdrop { background: #17202e55; backdrop-filter: blur(2px); }
.dialog-kicker { display: block; color: #8b93a1; font-size: 9px; letter-spacing: .13em; margin-bottom: 10px; }
.dialog h2 { margin: 0 0 10px; font-size: 20px; font-weight: 550; }
.dialog p { color: #7e8795; font-size: 11px; line-height: 1.9; }
.dialog label { display: block; font-size: 11px; font-weight: 550; margin: 23px 0 8px; }
.dialog input[type=text] { width: 100%; min-height: 45px; padding: 11px 12px; border: 1px solid #dce1e9; border-radius: 5px; color: #303a49; background: #fafbfc; }
.dialog-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 23px; }
.dialog-actions .button { min-height: 40px; font-size: 11px; }
.library-list { max-height: 360px; overflow-y: auto; }
.library-row { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; gap: 12px; border-bottom: 1px solid var(--line); }
.library-row .name { font-size: 12px; overflow-wrap: anywhere; }
.library-row .meta { margin-top: 4px; font-size: 10px; color: #8992a1; }
.library-buttons { display: flex; align-items: center; gap: 8px; }
.library-row button { min-height: 34px; white-space: nowrap; padding: 4px 10px; border: 1px solid var(--line); border-radius: 4px; font-size: 11px; }
.library-row .delete { border: 0; padding: 5px; color: #8b94a2; font-size: 19px; }
.empty-library { padding: 22px 0; text-align: center; }
.order-steps { display: flex; gap: 0; list-style: none; padding: 0; margin: 19px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.order-steps li { position: relative; flex: 1; padding: 12px 0; font-size: 10px; color: #7e8999; text-align: center; }
.order-steps li + li:before { content: '›'; position: absolute; left: 0; color: #aeb6c2; }
#registeredId { font: 13px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .025em; }
#orderReview { font-weight: 550; color: #466182; }
.review-actions { justify-content: flex-start; margin-top: 14px; }
.order-link { display: flex; width: 100%; margin-top: 20px; }
.order-note { padding-top: 10px; border-top: 1px solid var(--line); }
@media (min-width: 1801px) { .header { padding-inline: max(36px, calc((100vw - 1728px) / 2)); } }
@media (max-width: 1199px) {
  .header { gap: 32px; padding-inline: 26px; }
  .brand { gap: 15px; }.brand span { padding-left: 15px; }
  .studio { grid-template-columns: minmax(0, 1fr) 348px; }
  .model-bar { padding-inline: 26px; }
  .stage-top { left: 26px; right: 22px; }.stage-bottom { left: 26px; right: 22px; }
  .templates { padding-inline: 26px; }
  .template { gap: 8px; padding-inline: 9px; }
  .template img { width: 45px; height: 45px; flex-basis: 45px; }
  .template strong { font-size: 12px; }.template-copy > span { font-size: 10px; }
  .inspector-scroll { padding-inline: 23px; }.inspector-footer { padding-inline: 18px; }
  .hint-extra { display: none; }
}
@media (max-width: 900px) and (min-width: 761px) {
  .brand span { display: none; }.header { gap: 35px; }
  .studio { grid-template-columns: minmax(0, 1fr) 325px; grid-template-rows: minmax(360px, 1fr) 310px; }
  .template-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .templates { padding-inline: 18px; }.template { height: 70px; padding-inline: 8px; gap: 6px; }
  .template img { width: 39px; height: 39px; flex-basis: 39px; }
  .new-template strong { font-size: 10px; }
  .stage-bottom { left: 18px; right: 18px; }.viewhint { display: none; }.views { margin: auto; }
  .views button { padding-inline: 9px; }
  .reset-view span { display: none; }
}
@media (max-width: 760px) {
  body { padding-bottom: calc(124px + env(safe-area-inset-bottom)); }
  .header { height: 64px; padding-inline: 20px; gap: 22px; }
  .brand { font-size: 23px; }.brand span { display: none; }
  .header-nav { gap: 19px; }.tab { font-size: 11px; }
  .header-save { padding: 8px; border: 0; min-width: 32px; }.header-save span { display: none; }
  .header-save svg { width: 19px; height: 19px; }
  .model-bar { padding: 12px 20px; gap: 12px; min-height: 64px; flex-wrap: wrap; }
  .model-field { gap: 13px; }.model-field label { font-size: 11px; }.step-number { margin-right: 8px; }
  .select-wrap select { width: 118px; height: 37px; font-size: 13px; }
  .model-bar p { margin-left: auto; max-width: 95px; font-size: 10px; line-height: 1.6; }
  .studio-version { display: none; }
  .studio { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; height: auto; min-height: 0; }
  .stage { grid-column: 1; grid-row: 1; position: sticky; top: 0; z-index: 3; height: clamp(290px, 42svh, 390px); min-height: 290px; border-bottom: 1px solid var(--line); background: #f5f6f9; }
  .stage-top { top: 17px; left: 20px; right: 20px; }.eyebrow { font-size: 8px; margin-bottom: 3px; }
  h1 { gap: 9px; font-size: 18px; }#previewTemplate { font-size: 15px; }.title-divider { font-size: 15px; }
  .reset-view span { display: none; }.reset-view { min-width: 30px; }
  .wheel-host { inset: 58px 15px 59px; }
  .stage-bottom { left: 16px; right: 16px; bottom: 12px; justify-content: center; }.viewhint { display: none; }
  .views { flex: 1; max-width: 340px; }.views button { min-height: 33px; flex: 1; padding-inline: 9px; }
  .section-host { inset: 58px 12px 59px; }
  .status-line { left: 15px; right: 15px; bottom: 58px; font-size: 9px; background: #f5f6f9d9; }
  .templates { grid-column: 1; grid-row: 2; padding: 22px 20px 24px; overflow: visible; border-top: 0; border-bottom: 1px solid var(--line); }
  .section-heading { margin-bottom: 16px; }.section-heading h2 { font-size: 13px; }
  .template-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .template { height: 75px; gap: 7px; padding: 8px; }.template img { width: 47px; height: 47px; flex-basis: 47px; }
  .template strong { font-size: 12px; }.template-copy > span { font-size: 10px; }.new-template strong { font-size: 10px; }
  .new-template { gap: 5px; }.add-icon { font-size: 22px; }
  .inspector { grid-column: 1; grid-row: 3; border-left: 0; }
  .inspector-scroll { padding: 26px 26px 15px; overflow: visible; }
  .inspector-head { margin-bottom: 25px; }.inspector-head h2 { font-size: 16px; }.inspector-head p { margin-left: 22px; }
  .control-group { padding-bottom: 24px; margin-bottom: 25px; }.control-group h3 { font-size: 13px; }
  .control { margin-bottom: 18px; }.control-row label { font-size: 13px; }.param-value input { min-height: 33px; font-size: 14px; width: 66px; }
  .param-value small { font-size: 11px; }input[type=range] { height: 29px; margin-top: 8px; }
  input[type=range]::-webkit-slider-thumb { width: 16px; height: 16px; margin-top: -6.5px; }
  .helper { font-size: 11px; }.axis-graph svg { height: 96px; }.axis-labels { font-size: 11px; }
  .color-options button { min-height: 44px; font-size: 11px; }.fixed p { font-size: 11px; }
  .fixed-values dt { font-size: 10px; }.fixed-values dd { font-size: 13px; }.edit-tools .text-button { font-size: 11px; min-height: 42px; }
  .inspector-footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 6; padding: 13px 20px calc(10px + env(safe-area-inset-bottom)); box-shadow: 0 -3px 18px #1d2d4705; }
  .footer-actions { gap: 10px; }.footer-actions .button { min-height: 44px; font-size: 12px; }
  #registrationStatus { font-size: 10px; margin-top: 7px; }.file-save { display: none; }
  .toast { bottom: calc(139px + env(safe-area-inset-bottom)); font-size: 11px; }
  .dialog { padding: 25px; }.dialog h2 { font-size: 19px; }.dialog p { font-size: 12px; }
}
@media (max-width: 359px) {
  .header { padding-inline: 15px; gap: 17px; }.header-nav { gap: 13px; }.tab { font-size: 10px; }
  .model-bar { padding-inline: 16px; gap: 8px; }.model-field { gap: 9px; }.select-wrap select { width: 95px; }
  .model-bar p { max-width: 83px; font-size: 9px; }
  .templates { padding-inline: 15px; }.template img { width: 39px; height: 39px; flex-basis: 39px; }
  .template strong { font-size: 11px; }.template-copy > span { font-size: 8px; }.new-template strong { font-size: 9px; }
  .inspector-scroll { padding-inline: 22px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }
.design-notice { margin: 16px 0 0; padding: 12px 13px; border: 1px solid #e3e7ed; border-radius: 5px; color: #717b8c; background: #fafbfc; font-size: 11px; line-height: 1.8; }
.dialog .design-notice { font-size: 11px; line-height: 1.85; }
.copy-actions { margin-top: 12px; justify-content: stretch; }
.copy-actions .button { width: 100%; }
#baseLinkMessage:empty { display: none; }
@media (max-width: 359px) { #registeredId { font-size: 12px; letter-spacing: 0; } }