body.public-order-body,html{margin:0;padding:0;min-height:100%;background:#000}.cap-page,body.public-order-body{min-height:100vh}.cap-page{box-sizing:border-box;width:100%;max-width:430px;margin:0 auto;background:#fff;color:#000;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cap-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0;grid-gap:12px;gap:12px}.cap-headerCenter{justify-content:center}.cap-headerLeft{min-width:72px;display:flex;align-items:center}.cap-backButton{font-size:28px;line-height:1}.cap-backButton,.cap-startAgain{border:none;background:transparent;cursor:pointer;color:#888;padding:0}.cap-startAgain{text-decoration:underline;font-size:14px}.cap-logoImg{height:36px;width:auto;display:block}.cap-main{padding:16px 20px 40px;width:100%;box-sizing:border-box}.cap-landingLogo{display:flex;justify-content:center;margin:64px 0 32px}.cap-logoImgLanding{height:auto;max-width:240px;width:100%}.cap-landingLogo .cap-logoImg{height:48px}.cap-landingTitle,.cap-title{font-size:26px;font-weight:800;margin:0 0 24px}.cap-titleLeft{font-size:22px}.cap-remainingHint{color:#666;margin:-12px 0 24px}.cap-buttonStack{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.cap-primaryButton{border:none;border-radius:999px;background:#000;color:#fff;padding:14px 20px}.cap-outlineButton,.cap-primaryButton{width:100%;font-weight:700;font-size:16px;cursor:pointer}.cap-outlineButton{border:2px solid #000;border-radius:999px;background:#fff;color:#000;padding:12px 20px}.cap-outlineButton:disabled,.cap-primaryButton:disabled{opacity:.5;cursor:not-allowed}.cap-colourGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:32px}.cap-colourCard{border:2px solid transparent;border-radius:12px;background:#fff;padding:8px;text-align:center;cursor:pointer}.cap-colourCard.cap-selected{border-color:#9eb8c9;background:#eef4f8}.cap-colourImg{width:100%;height:auto;min-height:120px;display:block;border-radius:8px;-o-object-fit:contain;object-fit:contain;background:#fff}.cap-colourLabel{display:block;font-weight:700;margin-top:8px}.cap-colourCard.cap-selected .cap-colourLabel{color:#7a96a8}.cap-previewRow{display:flex;grid-gap:8px;gap:8px;align-items:flex-start;margin-bottom:16px}.cap-capPreviewWrap{position:relative;flex:1 1;min-width:0;line-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.cap-capPreviewStage{position:relative;width:120%;max-width:120%;flex-shrink:0}.cap-capPreviewStage--mirror{transform:scaleX(-1)}.cap-capPreviewWrap.cap-carouselPreview{flex:none;max-width:72%;width:72%}.cap-capPreview{width:100%;background:#fff;display:block}.cap-capPreview,.cap-patchOverlay{height:auto;-o-object-fit:contain;object-fit:contain}.cap-patchOverlay{position:absolute;pointer-events:none;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.12))}.cap-patchHotspot{position:absolute;aspect-ratio:1;padding:0;border:none;background:transparent;cursor:pointer;z-index:3}.cap-patchHotspotInner{display:block;width:100%;height:100%;border:2px dashed rgba(158,184,201,.85);border-radius:50%;background:rgba(232,242,247,.35);box-sizing:border-box}.cap-patchHotspotActive .cap-patchHotspotInner{border-color:#00b2a9;border-style:solid;background:rgba(232,246,245,.55);box-shadow:0 0 0 2px rgba(0,178,169,.25)}.cap-patchHotspot:focus-visible .cap-patchHotspotInner{outline:2px solid #00b2a9;outline-offset:2px}.cap-selectedPanel{z-index:2;width:132px;flex-shrink:0;font-size:11px}.cap-selectedHeading{font-weight:800;margin:0 0 10px;font-size:13px}.cap-selectedBlock{margin-bottom:10px}.cap-selectedSub{font-weight:700;margin:0 0 6px;font-size:11px;color:#111}.cap-colourPill{display:flex;align-items:center;grid-gap:6px;gap:6px;width:100%;box-sizing:border-box;border:1px solid #d0d0d0;border-radius:999px;padding:3px 10px 3px 3px;background:#fff}.cap-colourPillThumb{flex-shrink:0;width:32px;height:32px;border-radius:50%;overflow:hidden;background:#f4f4f4;display:flex;align-items:center;justify-content:center}.cap-colourPillThumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.cap-colourPillText{font-weight:700;font-size:11px;line-height:1.2}.cap-slotList{list-style:none;margin:0;padding:0}.cap-slotList li{display:flex;align-items:center;grid-gap:4px;gap:4px;margin-bottom:6px}.cap-slotNum{font-weight:700;width:18px}.cap-slotSelect{border:none;background:transparent;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left}.cap-slotSelect:hover{color:#5a7a8f}.cap-slotPill{display:flex;align-items:center;grid-gap:2px;gap:2px;border:1px solid #ddd;border-radius:999px;padding:1px 4px;flex:1 1;min-width:0}.cap-slotPill.cap-slotActive{border-color:#00b2a9;background:#e8f6f5}.cap-slotPill img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.cap-slotPill button{border:none;background:transparent;cursor:pointer;padding:0 2px;font-size:14px;line-height:1}.cap-slotEmpty{color:#aaa}.cap-patchControls{margin-top:8px}.cap-sectionLabel{font-weight:800;font-size:15px;margin:0 0 12px}.cap-positionTabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:5px;gap:5px;margin-bottom:14px}.cap-positionTab{border:1px solid #d8d8d8;background:#fff;border-radius:999px;padding:10px 1px;font-size:9.5px;letter-spacing:-.02em;font-weight:700;line-height:1.15;cursor:pointer;color:#111;text-align:center;white-space:nowrap}.cap-positionActive{border-color:#9eb8c9;color:#5a7a8f;background:#e8f2f7;box-shadow:inset 0 0 0 1px #c5d8e4}.cap-patchRow{display:flex;grid-gap:10px;gap:10px;overflow-x:auto;padding-bottom:2px;margin-bottom:20px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#555 #e5e5e5}.cap-patchRow::-webkit-scrollbar{height:5px}.cap-patchRow::-webkit-scrollbar-track{background:#e5e5e5;border-radius:3px}.cap-patchRow::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.cap-patchTile{flex:0 0 92px;border:2px solid #e5e5e5;border-radius:8px;padding:0;background:#fff;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;scroll-snap-align:start}.cap-patchTileArt{display:flex;align-items:center;justify-content:center;min-height:88px;padding:10px 8px 6px;box-sizing:border-box}.cap-patchTileArt img{width:72px;height:72px;-o-object-fit:contain;object-fit:contain;display:block}.cap-noPatchIcon{width:56px;height:56px;border-radius:50%;background:#b8b8b8;display:flex;align-items:center;justify-content:center}.cap-noPatchMinus{color:#fff;font-size:28px;font-weight:300;line-height:1;margin-top:-2px}.cap-slotPill .cap-noPatchIcon{width:22px;height:22px}.cap-slotPill .cap-noPatchMinus{font-size:14px}.cap-patchTileLabel{display:block;width:100%;padding:8px 4px;font-size:12px;font-weight:700;text-align:center;background:#fff;border-top:1px solid #efefef;color:#111;box-sizing:border-box}.cap-patchTile.cap-selected{border-color:#9eb8c9}.cap-patchTile.cap-selected .cap-patchTileLabel{background:#e8f2f7;color:#5a7a8f;border-top-color:#d4e4ed}.cap-progressTrack{height:4px;background:#e0e0e0;border-radius:2px;margin-bottom:16px;overflow:hidden}.cap-progressFill{height:100%;background:#666;border-radius:2px}.cap-form label{display:block;font-weight:700;margin-bottom:16px}.cap-form input,.cap-form textarea{display:block;width:100%;margin-top:8px;border:none;border-radius:10px;background:#e8e8e8;padding:12px;box-sizing:border-box;font:inherit;resize:vertical}.cap-required{color:#c00}.cap-error{color:#c00;margin-bottom:12px}.cap-capacityMessage{font-size:16px;line-height:1.5;margin-bottom:24px}.cap-orderHeading{text-align:center;font-size:28px;font-weight:800;margin:0 0 8px}.cap-refreshHint{text-align:center;color:#c2188f;font-size:13px;margin:0 0 24px}.cap-detailList{margin:0 0 20px}.cap-detailList div{display:flex;grid-gap:8px;gap:8px;margin-bottom:10px;font-size:15px}.cap-detailList dt{font-weight:800;min-width:108px;margin:0}.cap-detailList dd{margin:0;flex:1 1}.cap-statusSubmitted{color:#d48806;font-weight:600}.cap-statusReady{color:#2ecc71;font-weight:600}.cap-statusCollected{color:#4a7fd4;font-weight:600}.cap-carousel{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px}.cap-carousel .cap-capPreviewWrap{margin:0 auto}.cap-carouselNav{border:none;background:transparent;font-size:28px;cursor:pointer;padding:0 4px}.cap-carouselPager{text-align:center;font-weight:600;margin-top:8px}.cap-orderGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.cap-orderCard{border:2px solid transparent;border-radius:12px;background:#fff;padding:8px;text-align:left;cursor:pointer}.cap-orderCard img{width:100%;height:auto;display:block;margin-bottom:8px}.cap-orderCard strong{display:block;font-size:14px;margin-bottom:4px}.cap-orderCard span{font-size:11px;color:#666;line-height:1.3}.cap-orderCardActive{border-color:#9eb8c9;background:#eef4f8}.cap-orderCardActive span,.cap-orderCardActive strong{color:#5a7a8f}.cap-tunerPage{padding-bottom:48px}.cap-tunerHeader{margin-bottom:8px}.cap-tunerHint{font-size:12px;line-height:1.45;color:#555;margin:-8px 0 16px}.cap-tunerPreviewRow{margin-bottom:12px}.cap-tunerPreviewWrap{min-height:160px}.cap-tunerPatchGhost{pointer-events:none}.cap-tunerPatchActive{z-index:3}.cap-tunerCrosshair{position:absolute;aspect-ratio:1;border:2px dashed #00b2a9;border-radius:50%;box-sizing:border-box;pointer-events:none;z-index:4;opacity:.85}.cap-tunerValuesPanel{font-size:10px}.cap-tunerActiveLabel{font-weight:800;margin:0 0 8px;font-size:12px}.cap-tunerValueList{margin:0}.cap-tunerValueList div{display:flex;grid-gap:6px;gap:6px;margin-bottom:4px}.cap-tunerValueList dt{font-weight:700;min-width:52px;margin:0}.cap-tunerValueList dd{margin:0;flex:1 1;word-break:break-all}.cap-tunerPositionTabs{margin-bottom:16px}.cap-tunerControls{display:flex;flex-direction:column;grid-gap:14px;gap:14px;margin-bottom:20px}.cap-tunerField{display:block}.cap-tunerFieldLabel{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.cap-tunerFieldRow{display:flex;grid-gap:10px;gap:10px;align-items:center}.cap-tunerFieldRow input[type=range]{flex:1 1;min-width:0}.cap-tunerNumber{width:72px;flex-shrink:0;border:1px solid #ccc;border-radius:8px;padding:6px 8px;font:inherit;font-size:12px}.cap-tunerCheckbox{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:13px;font-weight:600}.cap-tunerCarouselBlock{padding:12px;background:#f4f8fb;border-radius:10px;border:1px solid #d4e4ed}.cap-tunerSubheading{font-weight:800;font-size:12px;margin:0 0 10px}.cap-tunerSelect{width:100%;border:1px solid #ccc;border-radius:8px;padding:10px 12px;font:inherit;background:#fff}.cap-tunerActions{display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-bottom:12px}.cap-tunerCopyStatus{font-size:13px;color:#2ecc71;font-weight:600;margin:0 0 8px}.cap-tunerExport{width:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.4;border:1px solid #ddd;border-radius:10px;padding:12px;background:#fafafa;resize:vertical}