.op-wrap{max-width:1180px;padding:clamp(20px, 4vw, 44px) var(--pad);margin:0 auto}.op{align-items:start;gap:clamp(22px,4vw,40px);display:grid}@media (width>=900px){.op{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"top stage""bottom stage";gap:14px clamp(22px,4vw,40px)}.op:has(.op-panel-bottom:empty){row-gap:0}.op-panel-top{grid-area:top}.op-stage{grid-area:stage}.op-panel-bottom{grid-area:bottom}}.op-left{display:contents}.op-panel-top,.op-panel-bottom{align-content:start;gap:14px;min-width:0;display:grid}.op-panel-bottom:empty{display:none}.op-title{margin:0;font-size:clamp(30px,5.4vw,48px)}.op-lede{color:var(--indigo-soft);margin:0;font-size:16px}.op-hero-price{margin:10px 0 0}.op-hero-price p{margin:0}.op-hero-price-main{color:var(--indigo);font-size:18px;font-weight:700}.op-hero-price-alt{color:var(--indigo-soft);font-size:14px}@media (width<=899px){.op-wrap:has(.op[data-phase=empty]){padding-top:12px}.op[data-phase=empty]{--op-chrome-h:149px;min-height:calc(100vh - var(--op-chrome-h));min-height:calc(100svh - var(--op-chrome-h));flex-direction:column;gap:10px;display:flex}.op[data-phase=empty] .op-panel-top{gap:8px}.op[data-phase=empty] .op-title{font-size:clamp(21px,6.4vw,27px)}.op[data-phase=empty] .op-lede{font-size:13.5px}.op[data-phase=empty] .op-hero-price{margin-top:6px}.op[data-phase=empty] .op-hero-price-main{font-size:15px}.op[data-phase=empty] .op-hero-price-alt{font-size:12.5px}.op[data-phase=empty] .op-pick{gap:8px;padding:12px}.op[data-phase=empty] .op-panel-top{order:1}.op[data-phase=empty] .op-panel-bottom{order:3}.op[data-phase=empty] .op-stage{order:2;width:100%;margin-top:auto}.op[data-phase=empty] .op-frame{--op-frame-h:min(40svh, 40vh);height:var(--op-frame-h);width:min(100%, calc(var(--op-frame-h) * var(--op-frame-aspect,390 / 520)));justify-self:center;margin-inline:auto}}@media (width>=900px){.op:not([data-has-photo=true]){grid-template-areas:none;align-items:center}.op:not([data-has-photo=true]) .op-left{grid-column:1;align-content:start;gap:14px;display:grid}.op:not([data-has-photo=true]) .op-panel-top,.op:not([data-has-photo=true]) .op-panel-bottom{grid-area:auto}.op:not([data-has-photo=true]) .op-stage{flex-direction:column;grid-area:1/2;justify-content:center;align-items:center;gap:8px;height:min(60vh,600px);display:flex;container-type:inline-size}.op:not([data-has-photo=true]) .op-frame{width:100%;height:calc(100cqw * var(--op-frame-height-fraction-idle-desktop,.9091));flex:none;max-height:min(60vh,600px)}.op:not([data-has-photo=true]) .op-poster,.op:not([data-has-photo=true]) .op-plate{aspect-ratio:auto;height:100%}}.op-pick{border:1.5px dashed var(--line-2);border-radius:var(--r);background:var(--white);justify-items:start;gap:10px;padding:18px;display:grid}.op-pick-button{width:100%}@media (width>=560px){.op-pick-button{width:auto}}.op-pick-hint{color:var(--grey);margin:0;font-size:13px}.op-desktop-only{display:none}@media (hover:hover) and (pointer:fine){.op-desktop-only{display:inline}}.op-note{color:var(--grey);margin:0;font-size:12.5px}.op-hint{color:var(--sand-text);margin:0;font-size:13px}.op-warning{background:var(--paper-2);color:var(--indigo);border-radius:14px;margin:0;padding:10px 14px;font-size:13.5px}.op-error{color:#7a2018;background:#fdeceb;border:1px solid #f0c3bf;border-radius:14px;margin:0;padding:10px 14px;font-size:13.5px;display:block}.op-retry{min-height:44px;margin-top:10px;display:block}.op-rights{align-items:flex-start}.op-rights-review{gap:6px;display:grid}.op-rights-confirmed{color:#2f7a4f;margin:0;font-size:12.5px;font-weight:600}.op-stage{gap:8px;min-width:0;display:grid}.op-frame{grid-template-rows:minmax(0,1fr);min-width:0;display:grid}.op-frame>*{grid-area:1/1;min-height:0}.op-frame picture{display:contents}.op-frame picture>img{grid-area:1/1;min-width:0;min-height:0}.op-poster,.op-plate{width:100%;min-width:0;aspect-ratio:var(--op-frame-aspect,4 / 3);height:auto;scroll-margin-top:calc(var(--head-h) + 24px)}.op[data-has-photo=true] .op-poster,.op[data-has-photo=true] .op-plate{aspect-ratio:var(--op-frame-aspect-photo)}.op-poster{object-fit:contain;transition:opacity .4s var(--ease)}.op-poster[data-hidden=true]{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.op-poster{transition:none}}.op-plate{display:grid}.op-plate canvas,.op-plate-canvas{width:100%;height:100%;display:block}.op-plate-hint{color:var(--grey);text-align:center;margin:0;font-size:12.5px}.op-plate-hint-touch{display:none}@media (pointer:coarse){.op-plate-hint-pointer{display:none}.op-plate-hint-touch{display:block}}.op-plate{opacity:0;transition:transform .5s var(--ease), opacity .4s;transform:translateY(6%)}.op-plate[data-plate-mode]{opacity:1;transform:none}.op[data-has-photo=true]{--op-frame-aspect-photo:1.1}@media (width<=899px){.op:not([data-phase=empty]) .op-stage{width:calc(100% + var(--pad) * 2);margin-inline:calc(var(--pad) * -1)}.op-wrap:has(.op[data-has-photo=true]){padding-top:0}}@media (width<=899px) and (height>=560px){.op[data-has-photo=true] .op-stage{z-index:5;padding-top:calc(env(safe-area-inset-top,0px) + var(--head-h) + 24px);background:var(--paper);padding-bottom:10px;position:sticky;top:0}.op[data-has-photo=true] .op-stage:after{content:"";background:linear-gradient(to bottom, var(--paper), transparent);pointer-events:none;height:16px;position:absolute;bottom:-16px;left:0;right:0}.op[data-has-photo=true] .op-frame{--op-frame-h:min(44svh, 44vh);height:var(--op-frame-h);width:min(100%, calc(var(--op-frame-h) * var(--op-frame-aspect-photo)));margin-inline:auto}.op[data-has-photo=true] .op-plate-hint{display:none}}@media (width<=899px) and (height<=559px){.op[data-has-photo=true] .op-frame{--op-frame-h:min(40svh, 40vh);height:var(--op-frame-h);width:min(100%, calc(var(--op-frame-h) * var(--op-frame-aspect-photo)));margin-inline:auto}}@media (width<=899px){.op[data-keyboard=open] .op-stage{background:0 0;padding-top:0;padding-bottom:0;position:static}.op[data-keyboard=open] .op-stage:after{content:none}.op[data-keyboard=open][data-phase=ready] .op-order{position:static}}@media (width>=900px){.op[data-has-photo=true]{grid-template-areas:none}.op[data-has-photo=true] .op-left{grid-column:1;align-content:start;gap:14px;display:grid}.op[data-has-photo=true] .op-panel-top,.op[data-has-photo=true] .op-panel-bottom{grid-area:auto}.op[data-has-photo=true] .op-stage{top:calc(var(--head-h) + 24px);flex-direction:column;grid-area:1/2;justify-content:center;align-self:start;align-items:center;gap:8px;height:min(66vh,636px);display:flex;position:sticky}.op[data-has-photo=true] .op-frame{--op-frame-h:min(60vh, 600px);height:var(--op-frame-h);width:min(100%, calc(var(--op-frame-h) * var(--op-frame-aspect-photo)));flex:none}}.op-step{background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.op-step+.op-step{margin-top:10px}.op-step-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:14.5px;font-weight:600;list-style:none;display:flex}.op-step-summary::-webkit-details-marker{display:none}.op-step-summary:after{content:"+";color:var(--grey);flex:none;font-size:18px;font-weight:400}.op-step[open]>.op-step-summary:after{content:"−"}.op-step-summary:focus-visible{outline:2px solid var(--indigo);outline-offset:-2px}.op-step-title{align-items:center;gap:8px;min-width:0;display:flex}.op-step-index{background:var(--paper-2);border-radius:999px;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.op-step-state{color:var(--grey);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:400;overflow:hidden}.op-step-panel{gap:14px;padding:4px 18px 18px;display:grid}.op-finish{border:none;margin:4px 0 0;padding:0}.op-finish legend{letter-spacing:.08em;text-transform:uppercase;color:var(--grey);margin-bottom:10px;padding:0;font-size:13px;font-weight:600}.op-finish-opts{gap:8px;display:grid}.op-fopt{background:var(--white);border:1.5px solid var(--line);cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.op-fopt:has(input:checked){border-color:var(--indigo);box-shadow:0 10px 20px -16px #1b2a4a80}@media (forced-colors:active){.op-fopt:has(input:checked){border:3px solid highlight}}.op-fopt input{opacity:0;pointer-events:none;position:absolute}.op-fopt:has(input:focus-visible){outline:2px solid var(--indigo);outline-offset:3px}.op-fopt.is-unavailable{opacity:.55;cursor:not-allowed}.op-fbody{flex:1;min-width:0}.op-fname{font-size:14.5px;font-weight:600;display:block}.op-fmaterial{color:var(--grey);font-size:12.5px;display:block}.op-fprice{color:var(--indigo-soft);white-space:nowrap;font-size:13px;font-weight:600}.op-nfc{gap:10px;display:grid}.op-nfc-summary{color:var(--indigo);cursor:pointer;font-size:13px;font-weight:600;list-style:none}.op-nfc-summary::-webkit-details-marker{display:none}.op-nfc-summary:before{content:"+ "}.op-nfc[open]>.op-nfc-summary:before{content:"−"}.op-nfc-summary:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.op-nfc-body{gap:6px;margin-top:4px;display:grid}.op-nfc-input{border:1.5px solid var(--line);background:var(--white);border-radius:14px;width:100%;min-height:48px;padding:10px 14px}.op-nfc-input:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.op-nfc-input[aria-invalid=true]{border-color:#d4756a}.op-order{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.op-price{color:var(--indigo);white-space:nowrap;font-size:18px;font-weight:700}.op-add{flex:200px}.op-add[aria-disabled=true]{opacity:.5}.op-recrop{min-height:44px}@media (width<=899px){.op[data-phase=ready] .op-order{z-index:40;width:calc(100% + var(--pad) * 2);margin-inline:calc(var(--pad) * -1);padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom,0px)) var(--pad);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#f4f2eef0;flex-wrap:nowrap;position:sticky;bottom:0}.op[data-phase=ready] .op-add{flex:none}}.op-added{gap:10px;display:grid}.op-added-title{scroll-margin-top:calc(var(--head-h) + 24px);margin:0;font-size:22px}.op-added-title:focus-visible{outline:2px solid var(--indigo);outline-offset:3px}.op-added-body{color:var(--indigo-soft);margin:0;font-size:14.5px}.op-added-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.op-added-cart{flex:200px}.op-added-again{min-height:44px}.op-dialog{background:0 0;border:none;width:100%;max-width:none;height:100%;max-height:none;padding:0}.op-dialog::backdrop{background:#1b2a4a8c}.op-dialog-backdrop{cursor:default;background:0 0;border:none;position:fixed;inset:0}.op-dialog-panel{place-items:center;width:100%;height:100%;padding:16px;display:grid;position:relative}.op-crop{background:var(--white);border-radius:var(--r);width:min(560px,100%);box-shadow:var(--shadow);gap:12px;max-height:100%;padding:clamp(16px,3vw,24px);display:grid;position:relative;overflow:auto}.op-crop-title{margin:0;font-size:20px}.op-crop-body{color:var(--grey);margin:0;font-size:13.5px}.op-crop-viewport{touch-action:none;aspect-ratio:1843/1488;background:#1b1f24;border-radius:12px;position:relative;overflow:hidden}.op-crop-image{user-select:none;max-width:none;position:absolute;top:50%;left:50%}.op-crop-mask{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.op-crop-zoom{align-items:center;gap:12px;display:flex}.op-crop-zoom input{flex:1;min-height:44px}.op-crop-zoom-mark{color:var(--grey);text-align:center;width:1em;font-size:18px}.op-crop-actions{flex-wrap:wrap;gap:10px;display:flex}.op-crop-actions .btn{flex:140px}.op-crop-actions .btn[aria-disabled=true]{opacity:.5}.op-crop-rights{border-top:1px solid var(--line);gap:6px;padding-top:4px;display:grid}.op-crop-confirm-hint{color:#7a2018;margin:4px 0 0;font-size:12.5px}