.xcodevnc-ord-order{
    --ac-primary: #7A4F00;
  --ac-accent: #F5A800;
  --ac-bg: #FFFFFF;
  --ac-card: #FFFFFF;
  --ac-ink: #1B1A18;
  --ac-on-primary: #ffffff;
  --ac-primary-text: color-mix(in srgb, var(--ac-primary) 42%, var(--ac-ink));
  --ac-ok: #1e8e5a;
  --ac-warn: #9a6b0f;
  --ac-danger: #c53939;
  --ac-shadow: #1B1A18;
  --ac-r: 11px;
  --ac-font-head: "Inter", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Outfit", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  min-height:100vh;
  padding:var(--space-6) var(--gutter) var(--space-7);
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
}
.xcodevnc-ord-order [hidden]{display:none!important}
.xcodevnc-ord-order-wrap{width:min(100%,var(--width-standard));margin-inline:auto}
.xcodevnc-ord-order-intro{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}
.xcodevnc-ord-order-intro-copy{min-width:0}
.xcodevnc-ord-order-intro h1{font-size:var(--text-display);line-height:1.2;color:var(--ink)}
.xcodevnc-ord-order-intro p{max-width:48rem;margin-top:var(--space-2);color:var(--muted);overflow-wrap:break-word}
.xcodevnc-ord-order-intro-mark{display:grid;flex:none;place-items:center;width:76px;height:76px;border-radius:var(--radius-lg);background:var(--amber);color:#1B1A18}
.xcodevnc-ord-assembly{display:grid;gap:var(--space-5);min-width:0}
.xcodevnc-ord-assembly-machine,.xcodevnc-ord-assembly-settlement{display:grid;gap:var(--space-3);min-width:0}
.xcodevnc-ord-model-bay,.xcodevnc-ord-storage-bay,.xcodevnc-ord-region-bay,.xcodevnc-ord-period-bay{min-width:0;padding:var(--space-4);border-radius:var(--radius-lg)}
.xcodevnc-ord-model-bay{background:#E6F0FF;color:#173A66}
.xcodevnc-ord-storage-bay{background:#E2F4EA;color:#14513A}
.xcodevnc-ord-region-bay{background:#ECE8FB;color:#3D2C80}
.xcodevnc-ord-period-bay{background:#FCE7EF;color:#7A2244}
.xcodevnc-ord-model-bay h2,.xcodevnc-ord-model-bay p{color:#173A66}
.xcodevnc-ord-storage-bay h2,.xcodevnc-ord-storage-bay p{color:#14513A}
.xcodevnc-ord-region-bay h2,.xcodevnc-ord-region-bay p{color:#3D2C80}
.xcodevnc-ord-period-bay h2,.xcodevnc-ord-period-bay p{color:#7A2244}
.xcodevnc-ord-assembly-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:var(--space-3);min-width:0}
.xcodevnc-ord-bay-heading{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}
.xcodevnc-ord-bay-heading h2{min-width:0;font-size:var(--text-lg);line-height:1.3;overflow-wrap:break-word}
.xcodevnc-ord-bay-symbol{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:var(--radius);background:#FFFFFF;color:#1B1A18}
.xcodevnc-ord-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);align-items:stretch}
.xcodevnc-ord-plan{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);width:100%;height:100%;min-width:0;padding:var(--space-3);border:2px solid transparent;border-radius:var(--radius);background:#FFFFFF;color:#1B1A18;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.xcodevnc-ord-plan:hover,.xcodevnc-ord-region:hover,.xcodevnc-ord-seg-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.xcodevnc-ord-plan.is-on,.xcodevnc-ord-plan[aria-checked="true"]{border-color:var(--amber-deep);box-shadow:inset 0 0 0 1px var(--amber-deep)}
.xcodevnc-ord-plan-name{display:block;min-width:0;color:#1B1A18;font:600 var(--text-card)/1.35 var(--font-heading);overflow-wrap:break-word}
.xcodevnc-ord-plan-chip{display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;max-width:100%;padding:.4em .9em;border-radius:var(--radius-pill);background:#E6F0FF;color:#173A66;font:600 var(--text-xs)/1.2 var(--font-body);overflow-wrap:break-word}
.xcodevnc-ord-plan-spec{display:block;width:100%;min-width:0;color:#45423C;font:500 var(--text-sm)/1.5 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.xcodevnc-ord-plan-price{display:block;width:100%;margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--line);color:#1B1A18;font:600 var(--text-lg)/1.4 var(--font-mono);font-variant-numeric:tabular-nums}
.xcodevnc-ord-plan-price em{font-style:normal;color:#56534D;font:500 var(--text-sm)/1.4 var(--font-body)}
.xcodevnc-ord-ssd-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1)}
.xcodevnc-ord-period-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}
.xcodevnc-ord-seg-btn{display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;padding:var(--space-1) var(--space-2);border:2px solid transparent;border-radius:var(--radius-pill);background:#FFFFFF;color:#1B1A18;text-align:center;font:600 var(--text-sm)/1.4 var(--font-body);overflow-wrap:break-word;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.xcodevnc-ord-seg-btn.is-on,.xcodevnc-ord-seg-btn[aria-checked="true"],.xcodevnc-ord-seg-btn[aria-selected="true"]{border-color:var(--amber-deep);background:var(--amber);color:#1B1A18}
.xcodevnc-ord-extra-line{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);min-width:0;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,#14513A 18%,transparent)}
.xcodevnc-ord-extra-choice{display:flex;align-items:flex-start;gap:var(--space-1);min-width:0;cursor:pointer}
.xcodevnc-ord-extra-choice input{flex:none;width:19px;height:19px;margin:3px 0 0;accent-color:var(--amber-deep)}
.xcodevnc-ord-extra-copy{display:grid;gap:var(--space-1);min-width:0}
.xcodevnc-ord-extra-copy strong{color:#14513A;font-size:var(--text-sm);line-height:1.4;overflow-wrap:break-word}
.xcodevnc-ord-extra-copy small{color:#14513A;overflow-wrap:break-word}
.xcodevnc-ord-extra-price{flex:none;color:#14513A;font:600 var(--text-sm)/1.5 var(--font-mono);font-style:normal;font-variant-numeric:tabular-nums}
.xcodevnc-ord-region-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1)}
.xcodevnc-ord-region{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);min-width:0;min-height:52px;padding:var(--space-1) var(--space-2);border:2px solid transparent;border-radius:var(--radius);background:#FFFFFF;color:#1B1A18;text-align:left;font:600 var(--text-sm)/1.4 var(--font-body);overflow-wrap:break-word;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.xcodevnc-ord-region.is-on,.xcodevnc-ord-region[aria-checked="true"]{border-color:var(--amber-deep);background:var(--amber);color:#1B1A18}
.xcodevnc-ord-checkout-bay{min-width:0}
.xcodevnc-ord-checkout-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:var(--space-2) 0 var(--space-3)}
.xcodevnc-ord-checkout-heading h2{font-size:var(--text-lg);color:var(--ink)}
.xcodevnc-ord-checkout-heading p{max-width:35rem;color:var(--muted);font-size:var(--text-sm);overflow-wrap:break-word}
.xcodevnc-ord-checkout-sheet{overflow:hidden;border-radius:var(--radius-lg);background:#1B1A18;color:#F4F1EB}
.xcodevnc-ord-sheet-content{padding:var(--space-4)}
.xcodevnc-ord-sheet-content h3{margin-bottom:var(--space-3);color:#F4F1EB;font-size:var(--text-card)}
.xcodevnc-ord-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-4)}
.xcodevnc-ord-summary-cell{display:grid;grid-template-columns:minmax(6rem,40%) minmax(0,1fr);align-items:start;gap:var(--space-1);min-width:0;padding:var(--space-2) 0;border-top:1px solid color-mix(in srgb,#FFFFFF 18%,transparent)}
.xcodevnc-ord-summary-cell dt,.xcodevnc-ord-summary-cell dd{min-width:0;font-size:var(--text-sm);line-height:1.5;overflow-wrap:break-word}
.xcodevnc-ord-summary-cell dt{color:#C8C2B8}
.xcodevnc-ord-summary-cell dd{margin:0;color:#F4F1EB;font-weight:600;font-variant-numeric:tabular-nums}
.xcodevnc-ord-sheet-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#262421;color:#F4F1EB}
.xcodevnc-ord-amount{display:grid;gap:var(--space-1);min-width:0}
.xcodevnc-ord-amount>span{color:#C8C2B8;font-size:var(--text-sm)}
.xcodevnc-ord-amount strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1);color:#F4F1EB;font:600 clamp(1.5rem,3vw,2.25rem)/1.2 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.xcodevnc-ord-amount em{color:#C8C2B8;font:500 var(--text-sm)/1.4 var(--font-body);font-style:normal}
.xcodevnc-ord-checkout-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-2)}
.xcodevnc-ord-btn-primary,.xcodevnc-ord-btn-secondary,.xcodevnc-ord-btn-danger{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:.7rem 1.5rem;border:1px solid transparent;border-radius:var(--radius-pill);font:600 var(--text-base)/1.35 var(--font-body);text-align:center;overflow-wrap:break-word;cursor:pointer}
.xcodevnc-ord-btn-primary{background:var(--ac-primary);color:var(--ac-on-primary);border-color:var(--ac-primary)}
.xcodevnc-ord-btn-primary:hover{background:var(--amber-hover);color:#1B1A18}
.xcodevnc-ord-btn-secondary{background:#FFFFFF;color:#1B1A18;border-color:#AAA49A}
.xcodevnc-ord-btn-secondary:hover{border-color:#1B1A18}
.xcodevnc-ord-btn-danger{background:#7A2244;color:#FFFFFF}
.xcodevnc-ord-btn-danger:hover{background:#5C1832;color:#FFFFFF}
.xcodevnc-ord-btn-primary:disabled,.xcodevnc-ord-btn-secondary:disabled,.xcodevnc-ord-btn-danger:disabled,.xcodevnc-ord-gw-item:disabled{opacity:.55;cursor:not-allowed;transform:none}
.xcodevnc-ord-payment-note{margin-top:var(--space-3);color:var(--muted);font-size:var(--text-sm);overflow-wrap:break-word}
.xcodevnc-ord-message,.xcodevnc-ord-auth-message{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:#FCE7EF;color:#7A2244;overflow-wrap:break-word}
.xcodevnc-ord-message.is-ok,.xcodevnc-ord-auth-message.is-ok{background:#E2F4EA;color:#14513A}
.xcodevnc-ord-gateway{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-lg);background:#E6F0FF;color:#173A66}
.xcodevnc-ord-gateway h3{margin-bottom:var(--space-2);color:#173A66;font-size:var(--text-card)}
.xcodevnc-ord-gw-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-2)}
.xcodevnc-ord-gw-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-1);width:100%;min-width:0;min-height:72px;padding:var(--space-2) var(--space-3);border:1px solid #AAA49A;border-radius:var(--radius);background:#FFFFFF;color:#1B1A18;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.xcodevnc-ord-gw-item strong{color:#1B1A18;font-size:var(--text-base);line-height:1.4;overflow-wrap:break-word}
.xcodevnc-ord-gw-item small{color:#56534D;font:500 var(--text-xs)/1.4 var(--font-mono)}
.xcodevnc-ord-gw-item:hover,.xcodevnc-ord-gw-item.is-on,.xcodevnc-ord-gw-item[aria-checked="true"]{border-color:var(--amber-deep);box-shadow:inset 0 0 0 1px var(--amber-deep)}
.xcodevnc-ord-gw-cancel{margin-top:var(--space-2)}
.xcodevnc-ord-auth{display:grid;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3);border:1px solid #AAA49A;border-radius:var(--radius-lg);background:#FFFFFF;color:#1B1A18}
.xcodevnc-ord-auth-lead{color:#45423C;overflow-wrap:break-word}
.xcodevnc-ord-auth-field{display:grid;gap:var(--space-1);min-width:0}
.xcodevnc-ord-auth-field label{color:#1B1A18;font-size:var(--text-sm);font-weight:600}
.xcodevnc-ord-auth-controls{display:flex;align-items:stretch;gap:var(--space-1);min-width:0}
.xcodevnc-ord-input{flex:1 1 14rem;width:100%;min-width:0;min-height:46px;padding:.6rem .9rem;border:1px solid #AAA49A;border-radius:var(--radius);background:#FFFFFF;color:#1B1A18}
.xcodevnc-ord-input:focus{border-color:var(--amber-deep);outline:2px solid var(--amber)}
.xcodevnc-ord-auth-controls .xcodevnc-ord-btn-primary,.xcodevnc-ord-auth-controls .xcodevnc-ord-btn-secondary{flex:0 1 auto}
.xcodevnc-ord-auth-message{margin-top:0}
.xcodevnc-ord-chip-ok,.xcodevnc-ord-chip-warn,.xcodevnc-ord-chip-bad,.xcodevnc-ord-chip-idle{display:inline-flex;align-items:center;gap:.4em;width:fit-content;padding:.4em .9em;border-radius:var(--radius-pill);font:600 var(--text-xs)/1 var(--font-body)}
.xcodevnc-ord-chip-ok{background:#E2F4EA;color:#14513A}
.xcodevnc-ord-chip-warn{background:var(--amber);color:#1B1A18}
.xcodevnc-ord-chip-bad{background:#FCE7EF;color:#7A2244}
.xcodevnc-ord-chip-idle{background:#ECE8FB;color:#3D2C80}
.xcodevnc-ord-cred{display:grid;grid-template-columns:minmax(6rem,35%) minmax(0,1fr);gap:var(--space-2);min-width:0;padding:var(--space-2) 0;border-top:1px solid var(--line);overflow-wrap:break-word}
.xcodevnc-ord-note{padding:var(--space-3);border-radius:var(--radius);background:#E6F0FF;color:#173A66}
.xcodevnc-ord-order .is-mine{border-color:var(--amber-deep);background:#E6F0FF;color:#173A66}
.xcodevnc-ord-order .is-open{box-shadow:inset 0 0 0 2px var(--amber-deep)}
.xcodevnc-ord-dialog{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:var(--gutter)}
.xcodevnc-ord-dialog-backdrop{position:absolute;inset:0;background:rgba(27,26,24,.7)}
.xcodevnc-ord-dialog-panel{position:relative;z-index:1;width:min(100%,32rem);max-height:calc(100dvh - 2 * var(--gutter));overflow-y:auto;padding:var(--space-4);border-radius:var(--radius-lg);background:#FFFFFF;color:#1B1A18;box-shadow:var(--shadow-lg);text-align:center}
.xcodevnc-ord-dialog-kicker{display:inline-flex;align-items:center;width:fit-content;max-width:100%;margin:0 auto var(--space-2);padding:.4em .9em;border-radius:var(--radius-pill);background:#E2F4EA;color:#14513A;font:600 var(--text-xs)/1.3 var(--font-body)}
.xcodevnc-ord-dialog-panel h3{color:#1B1A18;font-size:var(--text-card)}
.xcodevnc-ord-dialog-panel>p:not(.xcodevnc-ord-dialog-kicker){margin-top:var(--space-2);color:#45423C;overflow-wrap:break-word}
.xcodevnc-ord-dialog-panel .xcodevnc-ord-dialog-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
@media(max-width:760px){
  .xcodevnc-ord-order{padding-block:var(--space-4) var(--space-6)}
  .xcodevnc-ord-order-intro-mark{width:52px;height:52px}
  .xcodevnc-ord-order-intro-mark svg{width:30px;height:30px}
  .xcodevnc-ord-assembly-options{grid-template-columns:minmax(0,1fr)}
  .xcodevnc-ord-model-bay,.xcodevnc-ord-storage-bay,.xcodevnc-ord-region-bay,.xcodevnc-ord-period-bay{padding:var(--space-3)}
  .xcodevnc-ord-checkout-heading{display:grid;gap:var(--space-1)}
  .xcodevnc-ord-summary{grid-template-columns:minmax(0,1fr)}
  .xcodevnc-ord-sheet-footer{align-items:stretch;flex-direction:column}
  .xcodevnc-ord-checkout-actions{width:100%}
  .xcodevnc-ord-checkout-actions .xcodevnc-ord-btn-primary,.xcodevnc-ord-checkout-actions .xcodevnc-ord-btn-secondary{flex:1 1 12rem}
}
@media(max-width:42rem){
  .xcodevnc-ord-order-intro{align-items:flex-start}
  .xcodevnc-ord-order-intro h1{font-size:clamp(1.75rem,7vw,2.25rem)}
  .xcodevnc-ord-order-intro-mark{width:42px;height:42px}
  .xcodevnc-ord-order-intro-mark svg{width:25px;height:25px}
  .xcodevnc-ord-plan-grid{grid-template-columns:minmax(0,1fr)}
  .xcodevnc-ord-ssd-seg{grid-template-columns:minmax(0,1fr)}
  .xcodevnc-ord-period-seg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xcodevnc-ord-region-grid{grid-template-columns:minmax(0,1fr)}
  .xcodevnc-ord-extra-line{flex-wrap:wrap}
  .xcodevnc-ord-sheet-content,.xcodevnc-ord-sheet-footer{padding:var(--space-3)}
  .xcodevnc-ord-auth-controls{flex-wrap:wrap}
  .xcodevnc-ord-auth-controls .xcodevnc-ord-input,.xcodevnc-ord-auth-controls .xcodevnc-ord-btn-primary,.xcodevnc-ord-auth-controls .xcodevnc-ord-btn-secondary{flex:1 1 100%}
  .xcodevnc-ord-gw-list{grid-template-columns:minmax(0,1fr)}
  .xcodevnc-ord-dialog-panel{padding:var(--space-3)}
  .xcodevnc-ord-dialog-panel .xcodevnc-ord-dialog-actions>*{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){
  .xcodevnc-ord-plan,.xcodevnc-ord-region,.xcodevnc-ord-seg-btn,.xcodevnc-ord-gw-item{transition:none}
  .xcodevnc-ord-plan:hover,.xcodevnc-ord-region:hover,.xcodevnc-ord-seg-btn:hover{transform:none}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}