.swatch.colour-05110b{background:#05110b}.swatch.colour-06080a{background:#06080a}.swatch.colour-06131c{background:#06131c}.swatch.colour-090b0e{background:#090b0e}.swatch.colour-0a0c10{background:#0a0c10}.swatch.colour-0a52b8{background:#0a52b8}.swatch.colour-0e6e3b{background:#0e6e3b}.swatch.colour-134dc9{background:#134dc9}.swatch.colour-165c66{background:#165c66}.swatch.colour-210a0b{background:#210a0b}.swatch.colour-211408{background:#211408}.swatch.colour-301a13{background:#301a13}.swatch.colour-3b99ab{background:#3b99ab}.swatch.colour-4a3075{background:#4a3075}.swatch.colour-526638{background:#526638}.swatch.colour-57bfd6{background:#57bfd6}.swatch.colour-5c2e1b{background:#5c2e1b}.swatch.colour-5c4d17{background:#5c4d17}.swatch.colour-5eabe3{background:#5eabe3}.swatch.colour-66c99c{background:#66c99c}.swatch.colour-702ba3{background:#702ba3}.swatch.colour-8542db{background:#8542db}.swatch.colour-9c5233{background:#9c5233}.swatch.colour-a8d909{background:#a8d909}.swatch.colour-ab75d6{background:#ab75d6}.swatch.colour-ad335c{background:#ad335c}.swatch.colour-c26e0f{background:#c26e0f}.swatch.colour-c27a4f{background:#c27a4f}.swatch.colour-d6995e{background:#d6995e}.swatch.colour-e64a18{background:#e64a18}.swatch.colour-e6dec9{background:#e6dec9}.swatch.colour-eb5291{background:#eb5291}.swatch.colour-f2f4ed{background:#f2f4ed}.swatch.colour-f5823b{background:#f5823b}.swatch.colour-f5ba91{background:#f5ba91}.swatch.colour-faab1a{background:#faab1a}
@font-face{font-family:Rubik;src:url('/portal/reference/rubik.woff2') format('woff2');font-weight:300 900;font-display:swap}@font-face{font-family:Inter;src:url('/portal/reference/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ink:#f4f6f8;--muted:#a2acb8;--line:#ffffff14;--line-strong:#ffffff29;--paper:#11161c;--panel:#1b222a;--inset:#26303c;--teal:#9edec3;--mint:#9edec3;--mint-ink:#102d24;--red:#ff6c75}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 Inter,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}header{border-bottom:1px solid var(--line);background:var(--panel)}.header-inner{max-width:1260px;padding:13px 24px;margin:auto;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:650 14px/1.05 Rubik,system-ui,sans-serif}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--inset);border:1px solid var(--line-strong);border-radius:10px;color:var(--mint);font:800 16px Rubik,system-ui,sans-serif}.brand small{display:block;color:var(--mint);font:550 12px Rubik,system-ui,sans-serif;margin-top:3px}.account-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.account-state{border:1px solid var(--line);border-radius:30px;padding:7px 13px;font-size:11px;color:var(--ink)}main{max-width:1280px;margin:auto;padding:38px 24px 36px}.heading,.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}h1,h2,h3,button,.button{font-family:Rubik,Inter,system-ui,sans-serif}h1{font-size:clamp(36px,4vw,52px);line-height:1.05;font-weight:800;letter-spacing:-1.5px;margin:19px 0 9px}h2{font-size:27px;line-height:1.1;margin:0;font-weight:750;letter-spacing:-.6px}h3{font-size:18px;margin:0 0 8px}.lead{color:var(--muted);margin:0;font-size:13px}.eyebrow{color:var(--mint);font:700 11px Rubik,Inter,sans-serif;letter-spacing:1.6px;margin:0}.badge{display:inline-block;padding:6px 11px;border-radius:30px;border:1px solid var(--line-strong);background:var(--panel);font-size:10px;color:var(--muted)}.muted,small{color:var(--muted);font-size:11px}.notice{font-size:11px;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:11px 15px;margin:24px 0}.signin{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:17px;margin-bottom:22px}.signin p{max-width:700px;color:var(--muted);font-size:12px}.portal-nav{display:flex;gap:4px}.portal-nav button{border:0;padding:9px 15px;border-radius:30px;background:transparent;color:#c5cbd3;font-weight:650;font-size:14px}.portal-nav button[aria-current=page]{background:var(--mint);color:var(--mint-ink)}button,.button,select,input{font-size:12px;border:1px solid var(--line-strong);border-radius:10px;padding:10px 13px;color:var(--ink);background:var(--inset)}select,input{font-family:Inter,system-ui,sans-serif}button,.button{cursor:pointer;text-decoration:none;display:inline-block;font-weight:650}button:hover:not(:disabled),.button:hover{border-color:var(--mint);color:var(--mint)}button:disabled{opacity:.4;cursor:default}.primary{background:var(--mint);border-color:var(--mint);color:var(--mint-ink);box-shadow:0 5px 20px #9edec315}.primary:hover:not(:disabled),.button.primary:hover{background:#b6edd5;color:var(--mint-ink)}.danger{color:var(--red)}.button-row{display:flex;flex-wrap:wrap;gap:8px}.templates-panel{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:22px 0 17px}.saved-label{margin-right:auto;display:grid;gap:4px}.saved-label small{font-size:9px}.template-chips{display:flex;gap:8px;flex-wrap:wrap}.template-card{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:30px;font-size:13px;max-width:200px;overflow-wrap:anywhere}.template-card.active{border-color:var(--mint);background:var(--mint);color:var(--mint-ink)}.template-card small{display:none}.template-card .swatch{width:11px;height:11px}.new-look{border-style:dashed;border-radius:30px;font-size:13px}.template-pagination{display:flex;align-items:center;gap:8px;width:100%;justify-content:flex-end}.template-pagination p{margin:0 auto 0 0;font-size:9px}.template-pagination button{padding:4px 8px;font-size:10px}.text-button{background:transparent;border-color:transparent;color:var(--muted)}.studio{display:grid;grid-template-columns:170px minmax(280px,.95fr) minmax(360px,1.1fr);gap:15px;align-items:start}.category-nav{display:grid;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:12px}.category-button{text-align:left;padding:13px 15px;font-size:14px;border:0;background:var(--inset);border-radius:12px}.category-button[aria-current=true]{background:var(--mint);color:var(--mint-ink)}.selection-panel,.editor,.panel,.orders-panel,.product{background:var(--panel);border:1px solid var(--line);border-radius:19px;overflow:hidden}.selection-panel{min-width:0}.pilot-reference{margin:0;position:relative;background:#29323a}.pilot-reference img{display:block;width:100%;aspect-ratio:1.13;object-fit:cover;object-position:50% 35%}.pilot-reference figcaption{position:absolute;bottom:11px;left:12px;border-radius:20px;padding:5px 9px;background:#10161de6;color:#e1e9ed;font-size:10px}.selection-content{padding:20px}.selection-content .section-head{align-items:start}.selection-content h2{font-size:25px;margin-top:8px;overflow-wrap:anywhere}.selected-colours{display:flex;gap:9px;flex-wrap:wrap;padding:17px 0 8px}.colour-chip{display:grid;justify-items:center;gap:5px;max-width:62px;font-size:8px;color:var(--muted);text-align:center}.swatch{display:inline-block;width:24px;height:24px;flex-shrink:0;border-radius:50%;border:1px solid #ffffff30;background:#26303c}.colour-chip .swatch{width:31px;height:31px;box-shadow:0 0 0 2px #26303c}.preview-note{font-size:10px;line-height:1.5;color:var(--muted)}.summary-details{border-top:1px solid var(--line);padding-top:11px;font-size:11px}.summary-details summary{cursor:pointer;color:#c5cbd3}.choice-summary{font-size:10px;margin:12px 0 0}.choice-summary>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}.choice-summary dt{color:var(--muted)}.choice-summary dd{margin:0;text-align:right}.choice-summary .inactive-choice{opacity:.5}.editor{min-height:590px;padding:24px;min-width:0}.editor .section-head{align-items:start;flex-wrap:wrap;gap:8px}.editor .eyebrow{display:none}.unlocked-label{color:var(--mint);font-size:11px;padding-top:6px}.editor #wardrobe-note{font-size:10px;margin:14px 0 24px}.wardrobe-category{border:0;padding:0;margin:0;min-width:0}.wardrobe-category legend{display:none}.wardrobe-grid{display:grid;grid-template-columns:1fr;gap:22px}.wardrobe-field{display:grid;gap:9px;font-size:13px;min-width:0;font-family:Rubik,Inter,sans-serif;font-weight:650}.field-input{display:flex;align-items:center;gap:10px}.field-input select{width:100%;min-width:0;padding:12px 13px;font-weight:550}.field-inactive{opacity:.4}.field-inactive small{font-size:9px;font-weight:400}.save-area{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:17px;margin-top:15px;padding:13px 15px}.name-label{display:flex;align-items:center;gap:10px;color:#c5cbd3;font-size:12px;white-space:nowrap}.name-label input{width:160px;font-weight:650;padding:10px 12px}.save-area>p{flex:1;max-width:320px;margin:0;font-size:10px}.save-area>.button-row{margin-left:auto;gap:7px}.save-area>.button-row button{font-size:11px;padding:11px 13px}.save-area .primary{text-transform:uppercase;letter-spacing:.4px}.confirmation{background:#30302a;border:1px solid #6a6240;border-radius:10px;padding:14px;margin-top:12px;font-size:12px;width:100%}.confirmation p{margin-top:0}.active-look{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:24px;margin-top:24px}.active-look h3{font-size:15px;margin:8px 0 0}.active-look>p{max-width:450px;font-size:11px}.empty{color:var(--muted);font-size:12px;border:1px dashed var(--line-strong);border-radius:12px;padding:24px;line-height:1.7}.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.products>.empty{grid-column:1/-1;min-height:160px;display:grid;align-content:center;text-align:center;background:var(--panel)}.product{padding:24px;display:flex;flex-direction:column;align-items:start;min-height:260px}.product h3{font-size:23px}.product>p:not(.price){color:var(--muted);font-size:12px}.product .price{font:750 25px Rubik,Inter,sans-serif;margin-top:auto;padding-top:20px}.product small{display:block;margin:0 0 15px}.orders-panel{margin-top:26px;padding:24px}.orders-panel h2{font-size:23px}.order{border-bottom:1px solid var(--line);padding:13px 0;font-size:12px;overflow-wrap:anywhere}.order p{margin:4px 0;color:var(--muted)}.account-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-top:24px}.account-grid>.panel{padding:27px}.account-id{font-size:13px;overflow-wrap:anywhere}.profile-mark{display:grid;place-items:center;width:65px;height:65px;background:var(--mint);color:var(--mint-ink);font:800 24px Rubik,sans-serif;border-radius:19px;margin-bottom:20px}.provider-card{display:flex;align-items:center;gap:13px;border:1px solid var(--line-strong);border-radius:13px;padding:14px;margin-top:13px;background:#212934}.provider-card>div{display:grid;gap:3px}.provider-card strong{font-family:Rubik,Inter,sans-serif;font-size:14px}.provider-card small{font-size:10px}.provider-card button{margin-left:auto;font-size:11px}.provider-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--inset);font:700 18px Rubik,sans-serif;color:var(--mint)}footer{color:#8d96a2;font-size:10px;padding-top:30px;max-width:950px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px}@media(max-width:1100px){.studio{grid-template-columns:145px minmax(240px,1fr) minmax(290px,1fr)}.category-button{padding:12px 10px;font-size:12px}.editor{padding:20px}.save-area>p{order:3;max-width:none;flex-basis:100%}.save-area>.button-row{margin-left:auto}}@media(max-width:850px){.header-inner{gap:18px}.account-state{max-width:100px;text-align:center;font-size:9px}.studio{grid-template-columns:1fr 1fr}.category-nav{grid-column:1/-1;display:flex;overflow:auto;gap:7px}.category-button{white-space:nowrap;flex:1;text-align:center}.editor{min-height:500px}.save-area>.button-row{margin-left:0}.name-label input{width:180px}.account-grid{grid-template-columns:1fr}.active-look{display:block}.templates-panel{gap:8px}.saved-label{width:100%}}@media(max-width:570px){.header-inner{padding:12px 16px;gap:10px;flex-wrap:wrap}.brand>span:last-child{display:none}.brand-mark{width:34px;height:34px;font-size:13px}.portal-nav button{padding:9px 11px;font-size:12px}.account-actions{gap:6px}.account-actions button{padding:7px;font-size:9px}.account-state{max-width:72px;padding:5px 7px;font-size:8px}.heading{align-items:start}.heading .badge{max-width:95px;font-size:8px}main{padding:28px 16px}.studio{grid-template-columns:1fr}.category-nav{position:sticky;top:0;z-index:2;border-radius:12px;padding:8px}.category-button{font-size:10px;padding:10px 8px}.pilot-reference img{aspect-ratio:1.2;object-position:50% 35%}.editor{min-height:0;padding:23px}.wardrobe-grid{grid-template-columns:1fr 1fr;gap:20px 14px}.wardrobe-field{font-size:11px}.field-input select{font-size:10px;padding:11px 8px}.field-input{gap:6px}.field-input .swatch{width:19px;height:19px}.save-area{padding:15px}.name-label{width:100%}.name-label input{width:100%}.save-area>.button-row{width:100%}.save-area>.button-row button{flex:1;font-size:10px}.provider-card{gap:9px;padding:12px}.provider-card button{font-size:10px;padding:8px}.selection-content{padding:20px}.template-card{font-size:12px}}
.pilot-live{margin:0;position:relative;background:#17212a}.pilot-preview{width:100%;aspect-ratio:440/470;display:grid;place-items:center}.live-pilot-svg{display:block;width:100%;height:100%;max-height:510px}.pilot-live>figcaption{position:absolute;left:14px;bottom:13px;display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #9edec32a;border-radius:20px;background:#101820db;color:#c9f3e1;font-size:10px}.live-dot{width:6px;height:6px;border-radius:50%;background:#9edec3;box-shadow:0 0 8px #9edec380}.reference-details{margin-top:12px;border-top:1px solid var(--line);padding-top:11px;font-size:10px;color:var(--muted)}.reference-details summary{cursor:pointer}.reference-details .pilot-reference{margin-top:12px;border-radius:9px;overflow:hidden}.reference-details .pilot-reference img{aspect-ratio:1.3}.reference-details .pilot-reference figcaption{font-size:9px}.template-download{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:0}.template-download small{font-size:9px}.template-download button{padding-left:0}@media(max-width:570px){.pilot-preview{aspect-ratio:440/445}.live-pilot-svg{max-height:440px}}
.template-card.active,.template-card.active:hover:not(:disabled),.template-card.active:focus-visible,.category-button[aria-current=true]:hover:not(:disabled),.portal-nav button[aria-current=page]:hover:not(:disabled){color:var(--mint-ink)}.template-card.active>span:not(.swatch){color:var(--mint-ink)}
.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.inventory-item{padding:18px;border:1px solid var(--line-strong);border-radius:12px;background:var(--inset)}.inventory-item h3{font-size:16px;margin:12px 0 7px}.inventory-item code{font:10px Inter,system-ui,sans-serif;color:var(--muted);overflow-wrap:anywhere}.owned-badge{display:inline-block;padding:5px 9px;background:#9edec315;border:1px solid #9edec340;border-radius:20px;color:var(--mint);font-size:10px;font-weight:650}.inventory-grid>.empty{grid-column:1/-1}