/* Cardify's original dark interface. Logical layout follows the active language. */
:root{color-scheme:dark;--bg:#090a0d;--ink:#f4f5f7;--muted:#a0a5b1;--line:#292c35;--surface:#14161c;--accent:#ff879d}
body.dark-home,body.studio-page{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
.dark-home .wrap{max-width:1120px;width:calc(100% - 64px)}
.dark-home header,.studio-page header{height:76px;background:#090a0de8;backdrop-filter:blur(22px);border-color:#242730}
.dark-home nav{gap:24px}.dark-home .brand{font-size:24px;letter-spacing:-.8px}.dark-home .brand i{width:35px}
.dark-home .navlinks{display:flex;margin-inline:auto;gap:30px;color:#b0b4bf;font-size:13px}.dark-home .navlinks a:hover{color:#fff}
.dark-home .language-toggle,.studio-page .language-toggle{color:#c8cbd4;font-size:12px;min-height:44px;padding:8px 11px;border-radius:9px}.language-toggle:hover{background:#21242c}
.pill{min-height:48px;border-radius:50px;padding:12px 24px;background:#f4f5f7;border-color:#f4f5f7;color:#101218;font-size:14px;font-weight:600}.pill:hover{background:#fff;border-color:#fff;transform:translateY(-1px)}
.pill.small{min-height:40px;padding:8px 18px;font-size:12px}.pill.outline{background:transparent;border-color:#363a46;color:#e0e2e8}.pill.outline:hover{background:#20232b;border-color:#535866}.pill:disabled{opacity:.4;transform:none;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ff879d;outline-offset:5px}
.arrow{display:inline-block}html[dir=rtl] .arrow{transform:scaleX(-1)}
.skip-link{position:fixed;top:-80px;inset-inline-start:20px;z-index:100;background:white;color:#111;padding:12px 20px;border-radius:8px}.skip-link:focus{top:10px}
.dark-home .hero{text-align:center;padding:76px 0 20px}.hero-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:24px;font-size:12px;font-weight:500;color:#bdc2cf}.hero-kicker>span{width:6px;height:6px;border-radius:50%;background:#ff879d;box-shadow:0 0 16px #ff879d70}
.dark-home .hero h1{font-size:clamp(46px,6.3vw,78px);font-weight:650;line-height:1.13;letter-spacing:-2.8px;margin:0 0 24px}.hero h1>span{color:#a3a8b6}.hero-lead{max-width:590px;margin:0 auto 29px;color:#b0b5c1;font-size:16px;line-height:1.9}.hero-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.hero-actions .pill:first-child{background:#ff94a8;border-color:#ff94a8;color:#200d13}.hero-actions .pill:first-child:hover{background:#ffaabe}.hero-note{font-size:11px;color:#9299a9;margin:19px 0 0}
.workflow-preview{margin:57px auto 0;max-width:900px;border:1px solid #32353f;border-radius:22px;background:linear-gradient(150deg,#181b23,#101217);box-shadow:0 35px 90px -38px #000,0 -20px 90px -70px #f58ba9;text-align:start;overflow:hidden}.preview-toolbar{padding:16px 25px;border-bottom:1px solid #2a2e37;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffff02}.preview-app{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;direction:ltr}.preview-label{font-size:10px;color:#9aa1b0}.workflow-body{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center;padding:35px 38px}.workflow-copy .eyebrow{font-size:9px;color:#bd8795;letter-spacing:1.8px}.workflow-copy h2{font-size:29px;line-height:1.4;letter-spacing:-.6px;font-weight:550;margin:12px 0}.workflow-copy p{font-size:12px;line-height:1.8;color:#9da5b5;max-width:250px;margin:0}.workflow-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;counter-reset:none}.workflow-list li{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:11px;border:1px solid #313541;background:#1d2029}.workflow-icon{font:11px ui-monospace,monospace;border:1px solid #48404d;border-radius:8px;display:grid;place-items:center;width:34px;height:34px;color:#e9a7b5;background:#2b242f;flex-shrink:0;direction:ltr}.workflow-list strong{font-size:12px;font-weight:550;display:block;color:#e3e6ed}.workflow-list small{font-size:10px;color:#9da4b3;display:block;margin-top:2px}.workflow-list li>span:last-child{margin-inline-start:auto;color:#858d9e;font-size:13px}.workflow-list li:last-child{border-color:#56404c;background:#251f29}
.dark-home .section{padding-top:96px}.dark-home .section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.dark-home .eyebrow{font-size:10px;letter-spacing:1.4px;color:#b3a4b4}.dark-home .section-heading h2,.dark-home .faq h2{font-size:36px;font-weight:550;line-height:1.35;letter-spacing:-.9px;margin:10px 0 0}.section-description{font-size:13px;color:#9ea6b5;line-height:1.9;margin:0}.catalog-empty{border:1px solid #292d37;border-radius:20px;min-height:230px;background:#101217;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 24px}.catalog-empty>svg{color:#70798d;margin-bottom:19px}.catalog-empty h3{font-size:19px;color:#dce0e8;font-weight:500;margin:0 0 8px}.catalog-empty p{font-size:13px;color:#9ca5b7;margin:0;line-height:1.9}.dark-home .card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.catalog-design{padding:12px;border:1px solid #30343e;border-radius:15px;background:#15181f;color:#ecedf2;text-align:start}.catalog-design img{width:100%;aspect-ratio:1536/969;object-fit:contain;border-radius:10px}.catalog-design>span{display:block;font-size:13px;padding:13px 2px 3px}.catalog-design:hover{border-color:#9d697a;background:#1d2029}
.dark-home .how-grid{gap:18px}.dark-home .how-grid article{border:1px solid #2a2e38;border-radius:18px;background:#14171e;padding:27px}.dark-home .step-dot{width:31px;height:31px;border:1px solid #42313c;border-radius:9px;background:#2c2029;color:#f7a4b7;display:grid;place-items:center;font-size:11px;margin-bottom:28px;direction:ltr}.dark-home .how-grid h3{font-size:18px;font-weight:550;line-height:1.5;margin:0 0 13px;color:#edf0f6}.dark-home .how-grid p{font-size:13px;color:#a6adbc;line-height:1.95;margin:0}.text-button{font-size:13px;color:#d4b4c1}.text-button:hover{color:#ffb0c3}
.download-panel{display:flex;align-items:center;gap:27px;padding:33px;border:1px solid #37313e;border-radius:21px;background:linear-gradient(130deg,#201923,#14171d)}.download-symbol{width:58px;height:64px;border-radius:16px;background:#372632;border:1px solid #65404f;color:#ffc0cf;display:grid;place-items:center;font-size:32px;font-weight:300;flex-shrink:0}.download-copy{flex:1}.download-copy h2{font-size:27px;font-weight:550;letter-spacing:-.6px;margin:8px 0 10px}.download-copy p{font-size:13px;color:#b4b7c4;line-height:1.8;margin:0;max-width:500px}.compatibility{display:block;color:#a69baa;font-size:10px;margin-top:13px}.download-panel>.pill{font-size:12px;white-space:nowrap}
.dark-home .faq{max-width:760px}.dark-home .faq h2{margin-bottom:30px}.dark-home .faq details{padding:19px 0;border-color:#2a2e38}.dark-home .faq summary{font-size:15px;font-weight:500;color:#e4e7ee;line-height:1.7;min-height:30px}.dark-home .faq summary::after{color:#9ba4b6}.dark-home .faq details p{font-size:14px;color:#a5afbf;line-height:1.9;margin-top:15px;max-width:650px}.dark-home footer{padding-top:35px;padding-bottom:28px;border-top-color:#282c35;margin-top:86px}.dark-home .footer-top>div{color:#aab2c0;gap:25px;font-size:12px}.dark-home .footer-top>div button{color:inherit}.dark-home footer p{font-size:10px;color:#8d97a9;line-height:1.9;margin-top:25px}.dark-home .fine{color:#929dad}.dark-home dialog{background:#151820;color:#f1f3f6;border:1px solid #3d4351;border-radius:21px}.dark-home dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dark-home #info-text{font-size:14px;color:#b5bdcd}.dark-home .close{color:#c0c6d3}.dark-home #modal-image{background:#0d1015}
/* The Studio keeps its activation and device flow, with the same dark surfaces. */
.studio-page .studio-shell{padding-top:38px}.studio-page .studio-heading h1{font-size:36px;font-weight:550;letter-spacing:-.9px}.studio-page .studio-heading .lead{font-size:14px;line-height:1.9;color:#a7afbe}.studio-page .studio-back{font-size:12px;color:#aab3c4}.studio-page .setup-card,.studio-page .design-card,.studio-page .preview-card-panel{border-radius:18px;background:#14171e;border-color:#303440;padding:25px}.studio-page .step-heading h2{font-size:18px;color:#edf0f6}.studio-page .step-heading p{font-size:12px;line-height:1.8;color:#a5adbe}.studio-page .step-number{background:#31222c;color:#f1a1b7;width:31px;height:31px;font-size:12px}.studio-page .fine{color:#a0abbd;font-size:12px;line-height:1.9}.studio-page .setup-card .fine{font-size:12px}.studio-page .key-row input,.studio-page input[type=text],.studio-page select,.studio-page .studio-filters select{background:#0c0f15;border-color:#3c4353;color:#e7ecf6;font-size:13px;min-height:46px}.studio-page input::placeholder{color:#8590a5}.studio-page .key-row .pill{font-size:12px}.studio-page .connection-badge{background:#242936;border-color:#3b4353;color:#b5c0d6;font-size:10px}.studio-page .connection-badge.connected{background:#173326;border-color:#315c42;color:#a0d9af}.studio-page .key-active{background:#173023;color:#b1dfbb}.studio-page .key-active>span{background:#284d36}.studio-page .key-active p{color:#a4bdac;font-size:12px}.studio-page .locked-preview{background:#0f131b;border:1px dashed #3c4353;border-radius:17px;color:#a4afc2;padding:35px 24px}.studio-page .locked-preview h2{color:#d0d8e7;font-size:19px}.studio-page .locked-preview p{font-size:13px;line-height:1.9}.studio-page .notice{background:#1d2330;border-color:#353f51;color:#bac6df;font-size:12px!important}.studio-page .phone-columns label,.studio-page .advanced-options summary,.studio-page .crop-options summary{font-size:12px;color:#b4bfd1}.studio-page .design-tabs{border-color:#333b4b}.studio-page .design-tabs button{color:#aeb8cb;min-height:44px;font-size:13px}.studio-page .design-tabs button[aria-selected=true]{background:#303647;color:#f2f5fc}.studio-page .drop-zone{background:#11151d;border-color:#5a647a;color:#c7d0e2}.studio-page .drop-zone small,.studio-page .drop-zone>span:not(.upload-plus){color:#a6b2c8}.studio-page .personal-tile{background:none}.studio-page .design-choice{background:#0b0f16}.studio-page .design-choice.selected{border-color:#ff94ad}.studio-page .artwork-preview{background:#0b0f16;border-color:#30394b}.studio-page .caption{color:#c0cadd}.studio-page .crop-options{border-color:#343d4e}.studio-page .crop-options label{color:#b7c1d5}.studio-page .companion-error{background:#2b1920;border-color:#60313e;color:#ffc3d0}.studio-page .companion-error p{color:#dcb6c0}.studio-page .apply-progress{background:#172c24;border-color:#305642}.studio-page .apply-progress p{color:#b2d5bf}.studio-page .studio-footer{font-size:12px;color:#8e9bb2}.studio-empty{padding:36px 20px;text-align:center;border:1px dashed #394252;border-radius:13px;background:#0e131c;color:#a9b6cc;line-height:1.9;font-size:13px}.studio-page .preview-placeholder{min-height:190px;display:grid;place-items:center;border:1px dashed #45516a;border-radius:15px;color:#99a8c3;font-size:13px;padding:25px;text-align:center}.studio-page .preview-card-panel .artwork-preview:has(img[hidden]){display:none}
@media(max-width:1000px){.dark-home .wrap{width:calc(100% - 48px)}.dark-home nav{gap:16px}.dark-home .navlinks{gap:20px}.workflow-body{gap:35px;padding:30px}.download-panel{gap:20px;padding:27px}.download-panel>.pill{padding-inline:18px}.download-copy h2{font-size:24px}}
@media(max-width:700px){.dark-home .wrap{width:calc(100% - 32px)}.dark-home header,.studio-page header{height:68px}.dark-home nav{gap:10px}.dark-home .brand{font-size:22px}.dark-home .brand i{width:31px}.dark-home .navlinks{display:none}.dark-home .language-toggle{margin-inline-start:auto;font-size:11px;padding:7px}.dark-home .pill.small{font-size:11px;padding:8px 13px;min-height:40px}.dark-home .hero{padding-top:44px}.hero-kicker{font-size:11px;margin-bottom:23px}.dark-home .hero h1{font-size:46px;line-height:1.2;letter-spacing:-1.8px;margin-bottom:22px}.hero-lead{font-size:14px;line-height:1.9;max-width:390px}.hero-actions{gap:10px}.hero-actions .pill{font-size:12px;padding:11px 20px;min-height:46px}.hero-note{font-size:10px;margin-top:17px}.workflow-preview{margin-top:39px;border-radius:17px}.preview-toolbar{padding:14px 18px}.preview-label{font-size:9px}.workflow-body{grid-template-columns:1fr;gap:22px;padding:25px 22px}.workflow-copy h2{font-size:26px;line-height:1.4;margin-bottom:9px}.workflow-copy h2 br{display:none}.workflow-copy p{max-width:none;font-size:12px}.workflow-copy .eyebrow{font-size:8px}.workflow-list li{padding:12px}.workflow-icon{width:34px;height:34px}.workflow-list strong{font-size:12px}.workflow-list small{font-size:10px}.dark-home .section{padding-top:63px}.dark-home .section-heading{gap:17px;align-items:start;margin-bottom:24px}.dark-home .section-heading h2,.dark-home .faq h2{font-size:28px;line-height:1.4;letter-spacing:-.6px}.dark-home .section-heading .text-button{font-size:11px;white-space:nowrap;margin-top:28px}.section-description{font-size:11px;max-width:130px;line-height:1.9;padding-top:28px}.section-description br{display:none}.dark-home .eyebrow{font-size:9px;letter-spacing:1px}.catalog-empty{min-height:210px;border-radius:16px;padding:28px 20px}.catalog-empty h3{font-size:17px}.catalog-empty p{font-size:12px}.dark-home .how-grid{grid-template-columns:1fr;gap:13px}.dark-home .how-grid article{padding:23px;padding-inline-start:77px;min-height:140px;position:relative}.dark-home .step-dot{position:absolute;inset-inline-start:23px;top:25px;margin:0}.dark-home .how-grid h3{font-size:18px;margin-bottom:10px}.dark-home .how-grid p{font-size:13px}.download-panel{flex-wrap:wrap;padding:25px;gap:18px;align-items:start}.download-symbol{width:43px;height:48px;font-size:26px;border-radius:13px}.download-copy{flex-basis:calc(100% - 65px)}.download-copy h2{font-size:24px;line-height:1.4}.download-copy p{font-size:12px}.download-panel>.pill{width:100%;margin-top:5px;min-height:46px;font-size:13px}.compatibility{font-size:10px;line-height:1.8}.dark-home .faq summary{font-size:14px}.dark-home .faq details p{font-size:13px}.dark-home footer{margin-top:65px;padding-top:29px}.dark-home .footer-top>div{font-size:11px;gap:19px}.dark-home footer p{font-size:10px}.dark-home .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.studio-page .studio-shell{width:calc(100% - 32px);padding-top:26px}.studio-page .studio-heading h1{font-size:29px}.studio-page .studio-heading .lead{font-size:13px}.studio-page .setup-card,.studio-page .design-card,.studio-page .preview-card-panel{padding:21px}.studio-page .step-heading h2{font-size:17px}.studio-page .key-row{flex-wrap:wrap}.studio-page .key-row input{flex-basis:100%}.studio-page .key-row .pill{width:100%}.studio-page .setup-stack{grid-template-columns:1fr}.studio-page .phone-columns{grid-template-columns:1fr;gap:22px}.studio-page .design-layout{grid-template-columns:1fr}.studio-page .fine,.studio-page .setup-card .fine{font-size:12px}.studio-page .connection-badge{font-size:9px}.studio-page .studio-heading{margin-bottom:23px}}
@media(max-width:390px){.dark-home .hero h1{font-size:40px}.hero-actions .pill{padding-inline:16px;font-size:12px}.dark-home .section-heading{display:block}.section-description{max-width:none;padding-top:13px}.dark-home .section-heading .text-button{display:inline-block;margin-top:15px}.preview-label{display:none}.workflow-copy h2{font-size:23px}.catalog-empty h3{font-size:16px}.dark-home .card-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.owner-page{background:#090a0d;color:#f4f5f7}.owner-page header{background:#090a0de8;border-color:#292e3b}.owner-page:not(.owner-panel) main,.owner-page form,.owner-page .issued{background:#141820;border-color:#343c4e}.owner-page input,.owner-page select{background:#0b1018;border-color:#45516b;color:#e5ecfa}.owner-page .password button{background:#232b3b;border-color:#45516b;color:#dde6fa}.owner-page .issued code{background:#0d1625;color:#c7d9f9}.owner-page td,.owner-page th{border-color:#303a4f}.owner-page td button{background:#2d2335;color:#f5b1cb;min-height:40px}.owner-page .fine,.owner-page #message{color:#a9b7d0}.owner-page .text-button{color:#d7b8c7}
.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.package{padding:32px;border:1px solid #343947;border-radius:21px;background:#14171e;display:flex;flex-direction:column}.package-complete{border-color:#805264;background:linear-gradient(145deg,#281d29,#151820)}.package-label{font-size:11px;color:#ecadc2;letter-spacing:1.5px}.package h3{font-size:25px;margin:16px 0 22px;font-weight:550}.package-price{font-size:58px;line-height:1.1;font-weight:600;margin:0;text-align:start;letter-spacing:-2px}.package-price>span{font-size:26px;vertical-align:top;margin-inline-end:4px;letter-spacing:0}.package>.fine{margin-top:7px}.package ul{padding-inline-start:20px;color:#c1c7d5;font-size:14px;line-height:2.3;flex:1}.package-limit{min-height:46px;font-size:12px;line-height:1.9;color:#a9b3c6;margin:15px 0 23px}.package-complete .pill{background:#ff94ab;border-color:#ff94ab;color:#261018}.pricing-note{font-size:12px;color:#a7b0c2;margin-top:22px;line-height:1.9}.design-editor{margin-top:22px;border:1px solid #454055;border-radius:14px;padding:17px;background:#171c27}.design-editor>summary{cursor:pointer;font-size:14px;color:#e3bfd1}.design-editor canvas{display:block;width:100%;aspect-ratio:1536/969;border:1px solid #414a60;border-radius:12px;margin:18px 0}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.editor-fields label{font-size:12px;color:#bdc8dd;display:grid;gap:7px}.editor-fields input,.editor-fields textarea,.editor-fields select{max-width:100%;width:100%;min-width:0}.editor-fields textarea{background:#0b1018;border:1px solid #45516b;border-radius:9px;padding:12px;color:#edf2fc;font-family:inherit;font-size:14px;line-height:1.7;resize:vertical}.editor-fields input[type=color]{height:43px;border:1px solid #45516b;background:#101621;padding:4px;border-radius:8px}.editor-wide{grid-column:1/-1}.editor-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:20px 0}.editor-actions .pill{font-size:12px;cursor:pointer;min-height:40px;padding:9px 15px}.editor-actions .text-button{font-size:11px}@media(max-width:700px){.package-grid{grid-template-columns:1fr;gap:17px}.package{padding:25px}.package h3{font-size:23px}.package-price{font-size:52px}.package ul{font-size:13px}.editor-fields{gap:12px}.design-editor{padding:14px}.editor-actions{gap:12px}}

html[dir=rtl] .package-price{text-align:right}html[dir=ltr] .package-price{text-align:left}#package-modal .package-price{text-align:center;margin:20px 0}
@media(max-width:960px){.dark-home .navlinks a[href="#download"]{display:none}}
/* Personal creation flow */
.personal-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.method-choice{display:grid;gap:9px;padding:20px 14px;border:1px solid #363e50;border-radius:14px;background:#10151f;color:#e9edf7;cursor:pointer;text-align:start;font:inherit}.method-choice[aria-pressed=true]{border-color:#ff879d;background:#2a1e2b}.method-choice>span{font-size:24px;color:#ffa2b5}.method-choice strong{font-size:14px}.method-choice small{font-size:11px;color:#b0baca;line-height:1.6}.design-editor{margin:0 0 24px;background:#0f141e}.design-editor h3{font-weight:550;font-size:20px;margin:4px 0 10px}.editor-layouts{display:grid;gap:8px;font-size:13px}.editor-layouts select{width:100%}.editor-framing{border-block:1px solid #323b4e;padding:16px 0;margin:20px 0}.editor-framing summary{cursor:pointer;color:#c6cfe0;font-size:13px}.editor-framing label{display:grid;gap:10px;font-size:12px;color:#b9c4d6;margin-top:16px}.editor-fields input[type=text]{background:#0b1018;border:1px solid #45516b;border-radius:9px;padding:12px;color:#edf2fc;font:inherit}.catalog-controls{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:25px 0 32px}.catalog-controls label{font-size:13px;color:#acb8ce}.catalog-controls select{background:#141923;color:#edf2fc;border:1px solid #3b4355;border-radius:100px;padding:12px 22px;min-width:190px;font:inherit;font-size:13px}.catalog-more{text-align:center;margin:30px 0}.catalog-design img{aspect-ratio:1536/969;object-fit:cover;width:100%;height:auto}#editor-canvas{touch-action:none;cursor:grab}#editor-canvas:active{cursor:grabbing}@media(max-width:520px){.editor-fields{grid-template-columns:1fr}.editor-wide{grid-column:auto}.editor-actions{align-items:stretch}.editor-actions .pill{width:100%}.personal-methods{gap:9px}.method-choice{padding:17px 12px}}@media(max-width:420px){.personal-methods{grid-template-columns:1fr}.method-choice{grid-template-columns:24px 1fr;column-gap:12px}.method-choice small{grid-column:2}}
/* Visible, consistent category navigation */
.dark-home .catalog-controls{display:block;margin:30px 0 24px}nav.category-picker{display:grid;height:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%}.category-button{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:5px;align-items:center;min-width:0;min-height:83px;padding:16px 18px;background:#11141b;border:1px solid #2d333f;border-radius:14px;color:#b9c1cf;text-align:start;font:inherit;cursor:pointer;transition:background .15s,border-color .15s}.category-icon{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;background:#202631;border-radius:10px;color:#9daabe}.category-icon svg{width:21px;height:21px}.category-name{font-size:13px;font-weight:550;line-height:1.5;color:#e3e7ef}.category-total{font-size:11px;line-height:1.4;color:#919daf;font-variant-numeric:tabular-nums}.category-button:hover{background:#1b202b;border-color:#657188}.category-button[aria-pressed=true]{background:#2c202b;border-color:#fa8da8;box-shadow:inset 0 0 0 1px #fa8da825}.category-button[aria-pressed=true] .category-icon{background:#4b2c3d;color:#ffadc1}.category-button[aria-pressed=true] .category-name{color:#fff}.category-button[aria-pressed=true] .category-total{color:#d2acbb}.category-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:29px 0 0;padding-bottom:16px;border-bottom:1px solid #2b303a}.category-summary h3{font-size:18px;font-weight:550;margin:0}.category-summary .fine{margin:0;font-size:12px;color:#9ba8bc}.studio-page .studio-filters{display:block;margin:18px 0}nav.category-picker-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-picker-compact .category-button{padding:11px 12px;min-height:67px;grid-template-columns:27px 1fr;column-gap:9px;border-radius:11px}.category-picker-compact .category-icon{width:27px;height:27px;border-radius:8px}.category-picker-compact .category-icon svg{width:18px;height:18px}.category-picker-compact .category-name{font-size:11px}.category-picker-compact .category-total{font-size:10px}@media(max-width:960px){.category-button{padding:14px 12px;column-gap:9px}.category-name{font-size:12px}}@media(max-width:700px){nav.category-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-button{padding:12px;min-height:76px;grid-template-columns:30px 1fr}.category-icon{width:30px;height:30px}.category-name{font-size:12px}.category-total{font-size:10px}.category-summary{margin-top:22px}.category-summary h3{font-size:16px}.category-picker-compact .category-button{padding:10px 9px;column-gap:7px;grid-template-columns:23px 1fr}.category-picker-compact .category-icon{width:23px;height:26px}.category-picker-compact .category-icon svg{width:16px;height:16px}}

.dark-home nav.category-picker{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.dark-home nav.category-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.dark-home .category-picker>.category-button:last-child:nth-child(odd){grid-column:1/-1}}