/* Product identity: crisp ink, warm paper, a small flash of citron. */
:root{--product-ink:#182025;--product-muted:#67716d;--product-lime:#ddf58e;--product-paper:#f8f9f5}
body{font-family:'Segoe UI',Arial,sans-serif;background:var(--product-paper);color:var(--product-ink)}
.product-header{height:86px;padding:0 clamp(20px,4vw,72px);gap:24px;display:flex;justify-content:space-between;border-bottom:1px solid #e7e9e1;background:#fffffff5;backdrop-filter:blur(16px)}
.product-brand{display:flex;align-items:center;gap:10px;color:#171e22;text-decoration:none;flex-shrink:0}.product-brand img{width:44px;height:44px;object-fit:contain}.wordmark,#studioBrand{font-family:'Segoe UI',Arial,sans-serif;font-size:30px;font-weight:750;letter-spacing:-1.7px;max-width:180px}.brand-descriptor{font-size:8px;line-height:1.5;letter-spacing:1.6px;border-left:1px solid #d8dcd3;padding-left:13px;margin-left:5px;color:#687067;font-weight:650}
.product-nav{display:flex;gap:4px;background:#f2f4ef;padding:5px;border:1px solid #e9ece3;border-radius:100px}.product-nav button{background:transparent;border-radius:100px;padding:11px 17px;color:#616b62;font-size:12px;white-space:nowrap;min-height:40px}.product-nav button:hover{background:#e6ebdf}.library-mode #navDiscover,body:not(.library-mode) #navStudio{background:white;color:#1e2920;box-shadow:0 2px 5px #20352010}
.top-actions{display:flex!important;align-items:center;gap:9px}.primary{background:var(--product-ink);border-radius:12px;font-size:12px;min-height:44px;gap:16px}.primary:hover{background:#303d37}.outline{border-radius:12px}.account-button{background:transparent;border:0;color:#35403b;font-size:12px;max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:12px 6px;min-height:44px}.account-button span{margin-left:10px}.icon-button{border:1px solid #dde2d7;border-radius:50%;width:31px;height:31px;background:transparent;color:#6c7569;font-weight:600}
.library-mode .editor-action,.library-mode .editor-context{display:none!important}.editor-context{display:flex;align-items:center;gap:20px;padding:10px 4vw;border-bottom:1px solid #e6eae0;background:#f8faf4;min-height:43px;font-size:10px;color:#687164}.editor-context>span:first-child{letter-spacing:1.3px;font-size:8px;display:flex;align-items:center;gap:8px}.status-pip{height:6px;width:6px;border-radius:50%;background:#86a751}.editor-context #documentIdentity{border-left:1px solid #dce3d2;padding-left:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:40%}.editor-context button{margin-left:auto;background:transparent;font-size:11px;color:#36492a;padding:6px}.editor-context button span{margin-left:10px}
.theme-library{max-width:1580px;padding:0 clamp(22px,4vw,72px) 60px;margin:auto;background:var(--product-paper)}
.product-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:center;min-height:470px;padding:48px 0 42px;margin:0;border-bottom:1px solid #dfe4d6;overflow:hidden}.hero-kicker{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.7px;font-weight:650;color:#586747}.hero-kicker i{width:7px;height:7px;border-radius:50%;background:#92b76f;box-shadow:0 0 0 4px #eaf0df}.product-hero h2{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(38px,4.1vw,66px);font-weight:600;line-height:1.09;letter-spacing:-3px;color:#17221b;margin:24px 0 19px}.product-hero h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-2.4px;color:#59694e}.product-hero p{font-size:13px;color:#697366;line-height:1.8;margin:0;max-width:450px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:26px}.hero-actions .primary{background:#ddf58e;color:#26331b;padding:14px 20px;border:1px solid #cddd9c;box-shadow:0 2px 0 #1f321509;max-width:none;font-size:12px}.hero-text-link{font-size:11px;text-decoration:none;color:#4c5846;display:flex;gap:13px;align-items:center}.hero-proof{display:flex;gap:22px;margin-top:33px;color:#7c8477;font-size:9px}.hero-proof strong{color:#354630;font-size:11px;font-weight:650;display:block;margin-bottom:4px}.hero-proof>span+span{padding-left:22px;border-left:1px solid #dbe1d2}
.hero-art{height:365px;position:relative;isolation:isolate;min-width:0}.hero-halo{position:absolute;width:340px;height:340px;border-radius:50%;background:#e9eedf;left:19%;top:1%;z-index:-1}.hero-book{position:absolute;width:205px;height:275px;overflow:hidden;border-radius:8px 18px 18px 8px;box-shadow:4px 13px 28px #293b2226;border-left:7px solid #ffffff70;margin:0}.hero-book img{width:100%;height:100%;object-fit:cover}.hero-book-one{left:8%;top:35px;transform:rotate(-12deg);z-index:2}.hero-book-two{left:47%;top:12px;transform:rotate(11deg)}.hero-book figcaption{position:absolute;left:14%;right:14%;top:34%;padding:18px 9px;background:#fffaf1df;border:1px solid #fbf8ed;font-family:Georgia,serif;text-align:center;font-size:19px;color:#4f4437;line-height:1.35;box-shadow:0 3px 15px #3728110a}.hero-book-two figcaption{background:#eeefe5e8;color:#383e37}.art-note{position:absolute;bottom:7px;left:10%;font-family:Georgia,serif;font-style:italic;font-size:14px;color:#6f7864;display:flex;align-items:center;gap:12px}.art-note svg{width:60px;height:35px;transform:rotate(-25deg)}.art-chip{position:absolute;bottom:50px;right:0;background:white;border:1px solid #e1e7d9;box-shadow:0 4px 12px #3042200b;padding:13px 17px;border-radius:100px;font-size:10px;z-index:3;display:flex;align-items:center;gap:8px}.chip-dot{width:12px;height:12px;background:#dff194;border-radius:50%;border:3px solid #f0f7dc}
.collection-heading{display:flex;justify-content:space-between;align-items:end;padding:32px 0 12px}.collection-heading .eyebrow{font-size:8px;letter-spacing:1.8px;color:#89917e}.collection-heading h3{font-size:23px;letter-spacing:-.7px;margin:8px 0;color:#283523;font-weight:550}.collection-heading p{font-size:10px;color:#788370;margin-bottom:11px}.library-tools{top:86px;background:#f8f9f5f5;backdrop-filter:blur(12px);padding:14px 0;gap:18px}.library-tools #themeSearch{background:white;border-radius:12px;min-height:45px;border-color:#dce2d4}.library-tools #themeFilters{justify-content:flex-end}#themeFilters button{border-radius:100px;font-size:10px;padding:10px 13px;color:#64725b}#themeFilters .active{background:#253622;border-color:#253622}#themeResultCount{margin:12px 0 18px;font-size:10px}.theme-cards{gap:25px 22px}.collection-card{border-color:#e0e5d9;border-radius:15px}.choose-theme img{aspect-ratio:1.45}.choose-theme h3{color:#293d27}.choose-theme p{color:#788773}.choose-theme small{color:#819079;font-size:8px}.collection-palette span{width:14px;height:14px}.favorite-theme{border-radius:50%}
.sidebar{height:calc(100vh - 129px);background:white}.stage{background:#f0f2ec}.steps{border:1px solid #e5e9df;background:#f5f7f1}.step.active{color:#2d4922}.preview-tabs{background:#e4e9de}.preview-tabs button.active{background:white}.export-card{border-color:#dce3d4;background:#fcfdf9}.collection-launch{background:#f3f7e9;border-color:#e0e8d0;color:#364d29}.product-dialog{width:min(520px,calc(100vw - 30px));padding:32px;max-height:90vh;overflow:auto;background:#fff;border:1px solid #e0e6d8;border-radius:22px}.product-dialog h2{font-size:27px;font-weight:550;line-height:1.15;margin:18px 0 12px;letter-spacing:-1px}.dialog-mark{width:38px;height:38px}.product-dialog .dialog-intro{font-size:12px;line-height:1.7;color:#6e7868;margin-bottom:20px}.auth-tabs{display:flex;background:#f1f5eb;padding:4px;gap:4px;border-radius:11px;margin:20px 0}.auth-tabs button{flex:1;min-height:40px;background:transparent;border-radius:8px;font-size:12px;color:#68785a}.auth-tabs button.active{background:white;color:#293d22;box-shadow:0 1px 4px #0001}.product-dialog .field input{font-size:14px}.product-dialog .primary{width:100%;justify-content:center}.account-error{font-size:12px;color:#a23d38;line-height:1.5;margin:12px 0}.account-note{font-size:11px;color:#78846d;line-height:1.65}.library-save{display:grid;grid-template-columns:1fr auto;gap:8px;margin:16px 0}.library-save input{min-width:0;border:1px solid #d9e3d0;border-radius:9px;padding:12px}.library-save button{border-radius:9px;background:#e1f39e;padding:12px;color:#344023}.cloud-list{display:grid;gap:9px}.cloud-row{border:1px solid #e2e8db;border-radius:12px;padding:13px;display:flex;gap:10px;align-items:center}.cloud-row>div{flex:1;min-width:0}.cloud-row strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:13px}.cloud-row small{font-size:10px;color:#8b947e;display:block;margin-top:4px}.cloud-row button{padding:9px;background:#f2f5eb;border-radius:8px;font-size:11px}.cloud-row .remove-design{background:transparent;color:#8d6760}.account-bottom{display:flex;gap:12px;justify-content:space-between;margin-top:20px}.account-bottom button{background:transparent;color:#687d58;font-size:11px;padding:9px 0}.account-empty{background:#f6f8f2;padding:22px;border-radius:12px;color:#748368;font-size:12px;line-height:1.6}.cloud-confirm{padding:14px;background:#fff4f0;border-radius:10px;font-size:12px;line-height:1.5}.cloud-confirm button{padding:10px;margin:8px 8px 0 0;border-radius:7px;background:#f1ded5}.expanded .editor-context{display:none}
@media(min-width:1500px){.hero-art{max-width:540px;justify-self:center;width:100%}.hero-book{width:230px;height:305px}.product-hero{min-height:500px}}
@media(max-width:1180px){.brand-descriptor{display:none}.product-header{gap:14px;padding:0 24px}.product-nav button{padding:10px 12px;font-size:11px}.top-actions{gap:6px}.product-hero{min-height:420px}.hero-book{width:165px;height:240px}.hero-halo{width:275px;height:275px}.hero-art{height:310px}.art-chip{font-size:9px;padding:10px;bottom:25px}.hero-proof{gap:15px}.hero-proof>span+span{padding-left:15px}.hero-actions{gap:14px}.library-tools{flex-direction:column;align-items:stretch}.library-tools #themeSearch{max-width:none;width:100%}.library-tools #themeFilters{justify-content:flex-start}.collection-heading p{display:none}.product-header .icon-button{display:none}}
@media(max-width:800px){.product-header{height:auto;min-height:75px;padding:14px 20px;flex-wrap:wrap;gap:13px}.product-brand img{width:37px;height:37px}.wordmark,#studioBrand{font-size:27px;max-width:none}.product-header .product-nav{order:3;width:100%;justify-content:center;padding:3px;background:#f1f4eb}.product-nav button{flex:1;min-height:37px;font-size:11px}.top-actions{margin-left:auto}.top-actions .primary,.top-actions .outline{padding:10px 12px;font-size:10px;min-height:38px}.account-button{font-size:11px;max-width:100px}.editor-context{padding:9px 20px;gap:10px}.editor-context>span:first-child{display:none}.editor-context #documentIdentity{border:0;padding:0;font-size:10px;max-width:40%}.library-tools{top:131px}.theme-library{padding:0 22px 40px}.product-hero{grid-template-columns:1fr;padding:35px 0 24px;gap:12px;min-height:0}.product-hero h2{font-size:45px;letter-spacing:-2px;margin:21px 0 16px}.product-hero p{font-size:12px;max-width:none}.hero-kicker{font-size:8px;letter-spacing:1.3px}.hero-actions{margin-top:23px;gap:22px}.hero-proof{margin-top:25px;gap:25px}.hero-proof>span+span{padding-left:25px}.hero-art{height:245px;width:100%;max-width:400px;margin:8px auto 0}.hero-halo{width:230px;height:230px;left:24%;top:0}.hero-book{width:140px;height:188px}.hero-book-one{left:11%;top:19px}.hero-book-two{left:47%;top:9px}.hero-book figcaption{font-size:14px;padding:11px 6px}.art-note{font-size:12px;bottom:0;left:5%}.art-chip{bottom:25px;right:0;padding:10px 13px}.collection-heading{padding-top:25px}.collection-heading h3{font-size:23px}.collection-heading .eyebrow{font-size:8px}.theme-cards{gap:16px 12px}.choose-theme img{aspect-ratio:1.12}.choose-theme>div{padding:13px}.choose-theme h3{font-size:13px}.choose-theme p{font-size:10px;display:block}.choose-theme small{font-size:7px}.sidebar{height:auto}.steps{top:131px}.stage{padding-top:25px}.product-dialog{padding:27px 22px}.library-save{grid-template-columns:1fr}.hero-text-link{font-size:10px}.hero-actions .primary{font-size:11px;padding:13px 17px}}
@media(max-width:380px){.theme-library{padding-left:16px;padding-right:16px}.product-header{padding-left:16px;padding-right:16px}.product-hero h2{font-size:38px}.hero-actions{gap:13px}.hero-proof{gap:16px}.hero-proof>span+span{padding-left:16px}.hero-art{height:225px}.hero-book{width:125px;height:176px}.account-button{max-width:70px}.wordmark,#studioBrand{font-size:24px}.product-brand{gap:6px}.product-brand img{width:32px;height:32px}}

/* A compact two-line wordmark gives the full name room on every screen. */
.product-brand #studioBrand{max-width:155px;font-size:25px;line-height:1.05;letter-spacing:-1px;white-space:normal}
@media(max-width:800px){.product-brand #studioBrand{max-width:122px;font-size:22px}.product-header .brand-descriptor{display:none}}

.brand-lockup{display:flex;flex-direction:column;gap:5px}.product-brand .brand-lockup #studioBrand{max-width:none;white-space:nowrap;font-size:25px}.brand-slogan{font-size:10px;line-height:1.3;font-weight:450;letter-spacing:.35px;color:#68746a}
@media(max-width:800px){.product-brand .brand-lockup #studioBrand{font-size:22px}.brand-slogan{font-size:8px;letter-spacing:.2px}.brand-lockup{gap:4px}}
@media(max-width:380px){.product-brand .brand-lockup #studioBrand{font-size:20px}}
