.match-appearance-dialog{border:1px solid var(--line,#ccc);background:var(--bg,#fafaf7);width:min(780px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--fg,#181818);margin:auto;padding:0}.match-appearance-dialog[open]{flex-direction:column;display:flex}.match-appearance-dialog::backdrop{background:#1119}.match-appearance-dialog>header{border-bottom:1px solid var(--line,#ccc);justify-content:space-between;align-items:start;gap:16px;padding:22px 24px 18px;display:flex}.match-appearance-dialog h2{letter-spacing:-.035em;margin:5px 0 0;font-size:25px;line-height:1.2}.match-appearance-dialog header p{color:var(--fg-dim,#666);margin:0;font-size:12px}.match-appearance-dialog button{border:1px solid var(--line,#ccc);background:var(--bg,#fafaf7);min-height:44px;color:inherit;font:inherit;cursor:pointer;padding:10px 14px;font-size:13px}.match-appearance-dialog header button{place-items:center;width:44px;padding:8px;display:grid}.match-appearance-dialog button:disabled{opacity:.5;cursor:default}.match-appearance-dialog button.compose-button{color:#181818;background:#fedd04;border-color:#181818}.match-appearance-content{padding:18px 24px 24px;overflow-y:auto}.match-appearance-content>p{color:var(--fg-dim,#666);margin:0 0 18px;font-size:13px;line-height:1.65}.match-appearance-source{background:var(--bg-2,#efefea);align-items:center;gap:16px;margin-bottom:22px;padding:14px;display:flex}.match-source-preview{flex:0 0 50px;width:50px;display:block;overflow:hidden}.match-appearance-dialog .artwork-thumbnail{object-fit:contain;width:100%;height:100%;display:block}.match-appearance-source>div{gap:6px;min-width:0;display:grid}.match-appearance-source strong{overflow-wrap:anywhere;font-size:15px}.match-appearance-source small,.match-appearance-source p{color:var(--fg-dim,#666);margin:0;font-size:12px;line-height:1.5}.match-appearance-parts{border:0;grid-template-columns:1fr 1fr;gap:10px;min-width:0;margin:0 0 20px;padding:0;display:grid}.match-appearance-parts legend{padding:0 0 12px;font-size:14px;font-weight:600}.match-appearance-parts label{border:1px solid var(--line,#ccc);cursor:pointer;align-items:center;gap:11px;padding:12px;display:flex}.match-appearance-parts label:has(input:checked){border-color:var(--fg,#181818);background:var(--bg-2,#efefea)}.match-appearance-dialog input[type=checkbox]{appearance:auto;accent-color:#181818;flex:0 0 18px;width:18px;height:18px;margin:0}.match-appearance-parts label>span{gap:5px;display:grid}.match-appearance-parts strong{font-size:13px}.match-appearance-parts small{color:var(--fg-dim,#666);font-size:11px;line-height:1.5}.match-appearance-selection{align-items:center;gap:8px;margin-bottom:10px;display:flex}.match-appearance-selection h3{margin:0 auto 0 0;font-size:14px}.match-appearance-compare{cursor:pointer;align-items:center;gap:10px;min-height:44px;margin-bottom:12px;font-size:12px;display:flex}.match-appearance-screens{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.match-appearance-dialog button.match-appearance-screen{text-align:left;min-width:0;padding:8px}.match-appearance-screen[aria-pressed=true]{outline:2px solid var(--fg,#181818);outline-offset:-2px}.match-screen-preview{background:var(--bg-2,#efefea);width:100%;display:block;overflow:hidden}.match-screen-label{justify-content:space-between;align-items:center;gap:3px;margin-top:9px;font-size:12px;display:flex}.match-screen-check{border:1px solid var(--line,#ccc);place-items:center;width:19px;height:19px;display:grid}.match-appearance-screen[aria-pressed=true] .match-screen-check{color:#181818;background:#fedd04;border-color:#181818}.match-appearance-screen>small{color:var(--fg-dim,#666);margin-top:5px;font-size:10px;line-height:1.5;display:block}.match-appearance-dialog :is(button,input):focus-visible{outline:2px solid var(--fg,#181818);outline-offset:3px}.match-appearance-content>.match-appearance-note{border-left:3px solid var(--fg,#181818);background:var(--bg-2,#efefea);color:var(--fg,#181818);padding:10px 12px}.match-appearance-dialog>footer{border-top:1px solid var(--line,#ccc);align-items:center;gap:10px;padding:16px 24px;display:flex}.match-appearance-dialog footer>span{color:var(--fg-dim,#666);margin-right:auto;font-size:12px}.studio-launch .screen-card:focus-visible{outline:2px solid var(--fg,#181818);outline-offset:-2px}.studio-launch .screen-card[data-drop-target=true]{box-shadow:inset 0 3px #fedd04}.screen-navigator-instructions{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.match-appearance-launch{margin-bottom:16px}@media (max-width:600px){.match-appearance-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.match-appearance-dialog>header,.match-appearance-content,.match-appearance-dialog>footer{padding:16px}.match-appearance-parts{grid-template-columns:1fr}.match-appearance-screens{grid-template-columns:repeat(2,minmax(0,1fr))}.match-appearance-dialog footer{flex-wrap:wrap}.match-appearance-dialog footer>span{width:100%}}
.studio-v6 .studio-guide.launch-guide{width:min(940px,100vw - 40px);max-height:min(900px,92dvh)}.studio-v6 .studio-guide.launch-guide>header{color:#faf9f4;background:#20211e;align-items:center;padding:14px 24px}.studio-guide.launch-guide>header>span{align-items:center;gap:10px;font-size:13px;display:flex}.studio-guide.launch-guide>header>span>svg{color:#fedd04}.studio-guide .guide-header-divider{color:#96978c;margin-inline:4px}.studio-v6 .studio-guide.launch-guide>header button{color:#faf9f4;border:1px solid #55564f;width:44px;height:44px}.studio-v6 .studio-guide.launch-guide>header button svg{color:inherit}.studio-guide.launch-guide>nav{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 24px;display:grid}.studio-guide.launch-guide>nav button{text-align:left;border-bottom:3px solid #0000;gap:12px;min-height:72px;padding:12px 8px}.studio-guide.launch-guide>nav button:disabled{opacity:1;color:var(--fg-dim);cursor:default}.studio-guide.launch-guide>nav button>span:first-child{flex-shrink:0;width:34px;height:34px}.studio-guide.launch-guide>nav button>.guide-step-label{width:auto;height:auto;color:inherit;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;font-size:13px;display:flex}.studio-guide.launch-guide .guide-step-label small{font-family:var(--font-mono), monospace;font-size:10px;font-weight:400}.studio-guide.launch-guide>nav button[aria-current=step]{border-bottom-color:#fedd04}.studio-guide.launch-guide>nav button[data-complete]>span:first-child{color:#faf9f4;background:#252620;border-color:#252620}.studio-guide .guide-body-split{background:#272923;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.studio-guide.launch-guide .guide-content{background:var(--bg);min-width:0;padding:32px}.studio-guide.launch-guide .guide-step-counter{font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-dim);margin-bottom:12px;font-size:10px;display:block}.studio-v6 .studio-guide.launch-guide h2{text-wrap:balance;font-size:clamp(24px,2.5vw,30px);line-height:1.15}.studio-guide #guide-title:focus{outline:none}.studio-v6 .studio-guide.launch-guide p{margin-top:14px;font-size:13px;line-height:1.7}.studio-guide .guide-visual{color:#faf9f4;background:#272923;flex-direction:column;justify-content:space-between;align-self:start;min-width:0;padding:26px 22px;display:flex;position:sticky;top:0;overflow:hidden}.studio-guide .guide-visual-eyebrow{color:#dadccd;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.studio-guide .guide-poster-art{perspective:900px;justify-content:center;align-items:center;height:265px;margin:10px -12px 14px;display:flex}.studio-guide .guide-poster-art img{aspect-ratio:360/776;object-fit:cover;border:1px solid #ffffff30;width:30%;height:auto;max-height:248px;box-shadow:0 14px 22px #0005}.studio-guide .guide-poster-art img:first-child{transform:translate(18px,12px)rotate(-9deg)}.studio-guide .guide-poster-art img:nth-child(2){z-index:1;position:relative;transform:translateY(-8px)}.studio-guide .guide-poster-art img:last-child{transform:translate(-18px,12px)rotate(9deg)}.studio-guide .guide-visual-caption{align-items:flex-start;gap:11px;display:flex}.studio-guide .guide-visual-caption>svg{color:#fedd04;flex-shrink:0;margin-top:2px}.studio-guide .guide-visual-caption strong{font-size:14px;display:block}.studio-v6 .studio-guide .guide-visual-caption p{color:#c7c9bf;margin-top:7px;font-size:12px}.studio-guide .guide-layer-art{height:265px;margin-block:18px;position:relative}.studio-guide .guide-layer-art>div{border:1px solid #fff5;width:128px;height:204px;position:absolute;box-shadow:0 10px 25px #0003}.studio-guide .guide-layer-art span{font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:.04em;font-size:8px;display:block}.studio-guide .guide-layer-backdrop{color:#242620;background:#dcd6b7;top:0;left:3%;transform:rotate(-8deg)}.studio-guide .guide-layer-backdrop span{padding:12px}.studio-guide .guide-layer-capture{background:#f5f1e7;padding:24px 24px 30px;top:28px;left:25%;transform:rotate(-1deg)}.studio-guide .guide-layer-capture img{object-fit:contain;width:100%;height:100%}.studio-guide .guide-layer-capture span{text-align:center;color:#252620;white-space:nowrap;padding-top:7px}.studio-guide .guide-layer-copy{color:#fedd04;background:#20211ee8;padding:14px;top:61px;left:46%;transform:rotate(6deg);border-color:#fedd04!important}.studio-guide .guide-layer-copy strong{letter-spacing:-.04em;margin-top:40px;font-size:24px;font-weight:650;line-height:1.1;display:block}.studio-v6 .studio-guide.launch-guide .studio-setup{gap:22px;margin-top:26px}.studio-guide.launch-guide .store-switch{gap:10px}.studio-v6 .studio-guide.launch-guide .store-switch>button{background:var(--bg);min-height:76px;color:var(--fg);border:1px solid var(--line-strong);padding:14px 12px}.studio-v6 .studio-guide.launch-guide .store-switch>button[aria-pressed=true]{color:#242620;background:#fff9ce;border-color:#272923;box-shadow:inset 0 -3px #fedd04}.studio-v6 .studio-guide.launch-guide .store-switch>button[aria-pressed=true] svg{color:#242620}.studio-v6 .studio-guide.launch-guide .store-switch small{color:inherit;opacity:.8;font-size:11px}.studio-v6 .studio-guide.launch-guide .studio-output-size select{min-height:48px;padding-inline:12px;font-size:12px}.studio-guide.launch-guide .guide-upload{background:var(--bg-2);border:1px dashed var(--fg-dim);gap:10px;min-height:172px;margin-top:24px}.studio-guide.launch-guide .guide-upload>svg{color:#242620;background:#fedd04;width:44px;height:44px;padding:9px}.studio-guide.launch-guide .guide-upload>strong{font-size:14px}.studio-guide.launch-guide .guide-capture-preview:empty{display:none}.studio-guide.launch-guide .guide-categories{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.studio-guide.launch-guide .guide-categories>button{border:1px solid var(--line-strong);min-height:44px;padding:8px 14px;font-size:12px}.studio-guide.launch-guide .guide-categories>button[aria-pressed=true]{color:#faf9f4;background:#272923;border-color:#272923}.studio-guide.launch-guide .guide-look-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.studio-guide.launch-guide .guide-look-grid>button{background:var(--bg);border-color:var(--line-strong);flex-direction:column;padding:12px;display:flex}.studio-guide.launch-guide .guide-look-grid>button[aria-pressed=true]{border-color:var(--fg);box-shadow:inset 0 -4px #fedd04}.studio-guide.launch-guide .guide-real-preview{width:100px;max-width:100%;margin-bottom:8px}.studio-guide.launch-guide .guide-look-grid strong{order:-1;justify-content:space-between;align-items:center;gap:6px;width:100%;margin-bottom:12px;padding-top:0;font-size:13px;display:flex}.studio-guide.launch-guide .guide-look-grid strong svg{flex-shrink:0}.studio-guide.launch-guide .guide-look-grid small{font-size:11px;line-height:1.55}.studio-guide.launch-guide .guide-reassurance{border:1px solid var(--line);background:var(--bg-2);padding:14px;font-size:13px}.studio-guide.launch-guide>footer{z-index:2;background:var(--bg);gap:16px;padding:18px 24px}.studio-v6 .studio-guide.launch-guide .guide-skip{border:1px solid var(--line-strong);justify-content:center;min-height:48px;padding:12px 16px;font-size:13px}.studio-guide .guide-footer-note{color:var(--fg-dim);text-align:center;font-size:11px}.studio-v6 .studio-guide.launch-guide .compose-button{color:#242620;background:#fedd04;border:1px solid #fedd04;gap:14px;min-height:48px;padding:13px 20px;font-size:13px;font-weight:650}.studio-guide.launch-guide button{touch-action:manipulation}.studio-guide.launch-guide button:focus-visible,.studio-guide.launch-guide select:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.studio-guide.launch-guide>header button:focus-visible{outline-color:#fedd04}.studio-guide.launch-guide button:disabled{cursor:wait}@media (hover:hover){.studio-guide.launch-guide .guide-skip:hover,.studio-guide.launch-guide .guide-upload:not(:disabled):hover,.studio-guide.launch-guide .guide-look-grid>button:hover{border-color:var(--fg);background:var(--bg-2)}.studio-v6 .studio-guide.launch-guide .compose-button:not(:disabled):hover{background:#ebcf00;border-color:#242620}.studio-guide.launch-guide>header button:hover{background:#41433b}}@media (max-width:700px){.studio-v6 .studio-guide.launch-guide{width:calc(100vw - 20px);max-height:94dvh}.studio-guide .guide-body-split{grid-template-columns:1fr}.studio-guide .guide-visual{grid-template-columns:1fr 1fr;align-items:center;gap:10px;height:132px;padding:16px 18px;display:grid;position:static}.studio-guide .guide-visual-eyebrow{display:none}.studio-guide .guide-poster-art{height:100px;margin:0}.studio-guide .guide-poster-art img{width:30%;max-height:100px}.studio-guide .guide-poster-art img:first-child{transform:translate(8px,5px)rotate(-9deg)}.studio-guide .guide-poster-art img:nth-child(2){transform:translateY(-3px)}.studio-guide .guide-poster-art img:last-child{transform:translate(-8px,5px)rotate(9deg)}.studio-guide .guide-visual-caption{gap:0}.studio-guide .guide-visual-caption>svg,.studio-guide .guide-visual-caption p{display:none}.studio-guide .guide-visual-caption strong{font-size:13px;line-height:1.5}.studio-guide .guide-layer-art{transform-origin:0 0;width:150px;height:100px;margin:0;transform:scale(.38)}.studio-guide .guide-layer-capture{left:75px}.studio-guide .guide-layer-copy{left:145px}.studio-v6 .studio-guide.launch-guide>header{padding:10px 16px}.studio-guide.launch-guide>nav{padding:0 10px}.studio-guide.launch-guide>nav button{flex-direction:column;align-items:center;gap:7px;padding:12px 4px}.studio-guide.launch-guide>nav button>.guide-step-label{font-size:11px}.studio-guide .guide-step-label small{display:none}.studio-guide.launch-guide .guide-content{padding:24px 18px}.studio-guide.launch-guide .guide-look-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-guide.launch-guide .guide-look-grid>button{padding:10px}.studio-guide.launch-guide>footer{gap:10px;padding:14px 16px}.studio-guide .guide-footer-note{display:none}.studio-v6 .studio-guide.launch-guide .compose-button{gap:9px;padding-inline:14px}.studio-v6 .studio-guide.launch-guide .guide-skip{padding-inline:12px}}@media (max-width:380px){.studio-guide.launch-guide>header>span{gap:7px;font-size:12px}.studio-guide .guide-header-divider{display:none}.studio-guide.launch-guide>footer{gap:8px;padding:12px}.studio-v6 .studio-guide.launch-guide .guide-skip{white-space:nowrap;padding-inline:8px;font-size:12px}.studio-v6 .studio-guide.launch-guide .compose-button{white-space:nowrap;gap:6px;padding-inline:10px;font-size:12px}.studio-guide.launch-guide .compose-button svg{flex-shrink:0;width:16px}}
.my-styles{border-block:1px solid var(--studio-border,#dddfd5);color:inherit;margin-block:12px;padding:14px 0}.my-styles summary{cursor:pointer;justify-content:space-between;gap:8px;font-weight:600;display:flex}.my-styles summary span{opacity:.7;font-size:12px;font-weight:400}.my-styles>p,.my-style-preview>p{margin-block:12px;font-size:12px;line-height:1.55}.my-styles label{gap:6px;font-size:12px;display:grid}.my-styles input{border:1px solid var(--studio-border,#dddfd5);width:100%;min-width:0;color:inherit;background:0 0;padding:10px}.my-styles button{color:inherit;border:1px solid var(--studio-border,#dddfd5);cursor:pointer;background:0 0;min-height:40px;margin-top:8px;padding:10px;font-size:12px}.my-styles button:disabled{opacity:.45;cursor:default}.my-styles-list{gap:4px;max-height:220px;margin-top:10px;display:grid;overflow:auto}.my-styles-list button{text-align:left;align-items:center;gap:10px;display:flex}.my-styles button[aria-pressed=true]{outline-offset:-2px;outline:2px solid #b29d23}.my-style-swatch{flex-shrink:0;place-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:grid}.my-style-preview>div{margin-top:14px;padding:24px 16px}.my-style-preview strong{font-size:23px;line-height:1.15}.my-style-preview>div p{margin-top:16px;font-size:12px}.my-styles :focus-visible{outline-offset:3px;outline:2px solid #b29d23}
.context-suggestions{border-top:1px solid var(--line,#dddfd5);margin-top:20px;padding-top:16px}.context-suggestions h3{align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.context-suggestions p{opacity:.8;margin-block:8px;font-size:12px;line-height:1.55}.context-suggestion{border-bottom:1px solid var(--line,#dddfd5);padding:14px 0}.context-suggestion strong{font-size:13px;line-height:1.5}.context-suggestions button{width:100%;min-height:40px;color:inherit;border:1px solid var(--line,#dddfd5);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.context-suggestions button:disabled{opacity:.5;cursor:default}.context-suggestions button:focus-visible{outline-offset:3px;outline:2px solid #b29d23}.suggestion-preview{margin-top:16px}.suggestion-preview header{justify-content:space-between;align-items:start;gap:8px;font-size:12px;display:flex}.suggestion-preview header button{flex-shrink:0;width:32px;min-height:32px;padding:6px}.suggestion-comparison{grid-template-columns:1fr 1fr;gap:8px;margin-block:14px;display:grid}.suggestion-comparison figure{min-width:0;margin:0}.suggestion-comparison figcaption{opacity:.8;margin-top:8px;font-size:12px}