:root{--ink:#19201e;--paper:#f5f0e8;--cream:#fffdf9;--line:#ded5c7;--muted:#7d786f;--coral:#e85a4f;--dark:#18201f;--green:#6a766c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.opening{position:fixed;inset:0;z-index:20;background:#19201f;color:#f8f0e5;display:grid;place-items:center;overflow:hidden;animation:openingOut .8s 2.2s forwards}.opening-noise,.grain{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.opening-logo{z-index:1;text-align:center;animation:logoZoom 2.25s cubic-bezier(.17,.79,.25,1) forwards}.opening-logo span{display:block;width:72px;height:72px;margin:0 auto 18px;border:1px solid #e85a4f;border-radius:50%;font:italic 44px/72px "Playfair Display"}.opening-logo strong,.login-logo strong{display:block;font:italic 500 clamp(52px,8vw,110px) "Playfair Display";letter-spacing:.04em}.opening-logo small,.login-logo small{display:block;margin-top:12px;font:600 9px "DM Sans";letter-spacing:.26em;color:#e4dbce}.opening>p{position:absolute;bottom:34px;z-index:1;font-size:11px;color:#b7b3aa;letter-spacing:.06em}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--cream);opacity:0;animation:loginIn .5s 2.5s forwards}.login-art{position:relative;min-height:100vh;overflow:hidden;background:#1d2523;color:#f8efe4;padding:clamp(28px,6vw,72px);display:flex;flex-direction:column;justify-content:space-between}.login-art:after{content:"";position:absolute;width:72vw;height:72vw;max-width:940px;max-height:940px;right:-36vw;top:12%;border:1px solid #e85a4f;border-radius:50%;box-shadow:0 0 0 9vw #e85a4f22,0 0 0 19vw #e85a4f0e}.login-logo,.login-art p,.login-art em{position:relative;z-index:1}.login-logo{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.login-logo span{display:grid;place-items:center;height:36px;width:36px;border:1px solid #e85a4f;border-radius:50%;font:italic 24px "Playfair Display"}.login-logo strong{font-size:36px}.login-logo small{width:100%;margin:0 0 0 48px;font-size:7px}.login-art p{font:italic clamp(36px,4vw,61px)/.95 "Playfair Display";max-width:570px;margin:0;letter-spacing:-.045em}.login-art em{font:10px "DM Mono";letter-spacing:.08em;color:#c4bbaf}.login-card{width:min(420px,100%);margin:auto;padding:50px 34px}.kicker{color:var(--coral);font-size:10px;font-weight:700;letter-spacing:.16em;margin:0 0 12px}.login-card h1,.workspace h1,.creator-top h2,.placeholder-view h2{font:500 clamp(42px,5vw,66px)/.92 "Playfair Display";letter-spacing:-.055em;margin:0}.login-copy{line-height:1.55;color:var(--muted);margin:22px 0 33px;max-width:315px}.login-card label,.editor-panel label{display:block;font-size:11px;font-weight:700;margin:17px 0 0}.login-card input,.editor-panel input,.editor-panel textarea{width:100%;border:1px solid var(--line);border-radius:2px;background:#fffefa;color:var(--ink);font:14px "DM Sans";margin-top:7px;padding:13px;outline:0}.login-card input:focus,.editor-panel input:focus,.editor-panel textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px #e85a4f16}.coral-button{border:0;border-radius:2px;background:var(--coral);color:#fff;cursor:pointer;font:700 13px "DM Sans";padding:14px 17px}.coral-button span{margin-left:14px;font-size:16px}.login-card .coral-button{width:100%;margin-top:25px}.secure-note{color:#aaa49a;font-size:11px;text-align:center;margin-top:18px}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr;background:#f7f3ec}.sidebar{position:sticky;top:0;align-self:start;height:100vh;background:#1d2422;color:#eee8de;padding:29px 18px;display:flex;flex-direction:column}.side-logo{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;padding:0 10px;margin-bottom:55px}.side-logo span{display:grid;place-items:center;border:1px solid #e85a4f;border-radius:50%;height:30px;width:30px;font:italic 20px "Playfair Display"}.side-logo strong{font:italic 400 29px "Playfair Display";letter-spacing:.03em}.sidebar nav{display:grid;gap:5px}.nav-item{appearance:none;width:100%;border:0;border-radius:3px;background:transparent;color:#bbb8b1;cursor:pointer;text-align:left;padding:11px 12px;font:13px "DM Sans"}.nav-item i{font-style:normal;display:inline-block;width:19px;color:#a7a49d}.nav-item.active{color:#fff;background:#ffffff12}.nav-item.active i{color:#f17a70}.sidebar-bottom{margin-top:auto}.client-chip{border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;padding:17px 9px;display:flex;align-items:center;gap:9px;font-size:12px}.client-chip b{display:grid;place-items:center;width:30px;height:30px;background:#dfcdb3;color:#26302c;border-radius:50%;font-size:10px}.client-chip small{display:block;color:#a8a59f;font-size:8px;letter-spacing:.12em;margin-bottom:2px}.client-chip i{font-style:normal;margin-left:auto}.nav-item.muted{margin-top:11px;color:#83857e}.workspace{max-width:1300px;width:100%;margin:0 auto;padding:43px clamp(24px,5vw,72px) 72px}.workspace-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:42px}.workspace-head h1{font-size:clamp(38px,4vw,60px)}.head-actions{display:flex;align-items:center;gap:9px}.round-button,.account-button,.quiet-button,.back-button{border:1px solid var(--line);background:#fffdf9;color:var(--ink);border-radius:2px;cursor:pointer;font:600 12px "DM Sans"}.round-button{height:36px;width:36px;font-size:18px}.account-button{padding:7px 11px 7px 7px;display:flex;align-items:center;gap:7px}.account-button span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1f2926;color:#fff;font-size:10px}.account-button i{font-style:normal;color:#8a857c}.welcome{display:grid;grid-template-columns:1.25fr .75fr;min-height:360px;background:#e4d6c1;overflow:hidden}.welcome>div:first-child{padding:clamp(30px,5vw,58px);position:relative;z-index:1}.welcome h2{font:500 clamp(42px,5vw,70px)/.9 "Playfair Display";letter-spacing:-.06em;margin:0}.welcome p:not(.kicker){max-width:405px;color:#5e5a51;font-size:15px;line-height:1.5;margin:20px 0 27px}.welcome-visual{position:relative;background:#bd6047;overflow:hidden}.welcome-visual span,.welcome-visual small{position:absolute;z-index:2;color:#f6ead9}.welcome-visual span{bottom:44px;left:45px;font:500 29px/1 "Playfair Display";letter-spacing:-.04em}.welcome-visual small{right:25px;top:24px;text-align:right;font:600 8px/1.5 "DM Mono";letter-spacing:.12em}.arch{position:absolute;border:1px solid #f0c8a9;border-radius:50%}.arch-a{height:360px;width:360px;left:-83px;bottom:-110px}.arch-b{height:220px;width:220px;left:-13px;bottom:-40px;border-color:#f4d7bf}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 55px}.overview-grid article{padding:19px 20px;border:1px solid var(--line);background:var(--cream)}.metric-icon{float:right;color:var(--coral);font-size:18px}.overview-grid b{display:block;font:500 30px "Playfair Display"}.overview-grid p{font-size:11px;color:var(--muted);margin:6px 0 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-head h2{font:500 30px "Playfair Display";letter-spacing:-.04em;margin:0}.quiet-button{padding:10px 12px}.quiet-button span{color:var(--coral);margin-left:6px}.template-row{display:flex;align-items:center;gap:20px;border:1px solid var(--line);background:var(--cream);padding:13px}.template-row>div:nth-child(2){flex:1}.template-row h3{font:500 25px "Playfair Display";letter-spacing:-.03em;margin:5px 0}.template-row p{font-size:12px;color:var(--muted);margin:0}.tag{font-size:9px;letter-spacing:.12em;color:#a55443;font-weight:700}.template-mini{position:relative;width:130px;aspect-ratio:1;background:#202422;color:#fff1df;padding:12px;overflow:hidden}.template-mini span{font-size:6px;letter-spacing:.1em}.template-mini b{display:block;position:relative;z-index:1;margin-top:36px;font:500 17px/.9 "Playfair Display"}.template-mini i{position:absolute;width:110px;height:110px;background:#c76648;border-radius:50%;right:-27px;top:22px}.creator-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.creator-top h2{font-size:45px}.back-button{padding:8px 0;border:0;background:transparent;color:var(--muted);margin-bottom:18px}.step-label{font:10px "DM Mono";letter-spacing:.08em;color:#8c867f}.step-label span{color:var(--coral)}.creator-grid{display:grid;grid-template-columns:320px minmax(400px,1fr);gap:16px;align-items:start}.editor-panel,.canvas-panel{background:var(--cream);border:1px solid var(--line);padding:22px}.editor-panel textarea{resize:vertical;line-height:1.4}.upload-box{min-height:105px;margin-top:20px!important;border:1px dashed #b9afa1;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:3px;cursor:pointer;background:#fbf7f0}.upload-box span{font-size:24px;color:var(--coral);line-height:1}.upload-box b{font-size:12px}.upload-box small{font-size:10px;color:var(--muted)}.brand-lock{display:flex;gap:9px;background:#f3ede4;padding:12px;margin-top:19px;font-size:11px;line-height:1.4}.brand-lock span{color:#3b7360;font-size:15px}.brand-lock p{margin:0;color:var(--muted)}.brand-lock b{display:block;color:var(--ink)}.canvas-top,.canvas-actions{display:flex;justify-content:space-between;align-items:center;font:10px "DM Mono";letter-spacing:.05em;color:var(--muted)}.canvas-top{padding:0 0 12px}.poster{position:relative;overflow:hidden;aspect-ratio:1;background:#202422;color:#f8eee1;padding:24px;display:flex;flex-direction:column}.poster-glow{position:absolute;width:76%;aspect-ratio:1;background:#c76547;border-radius:50%;right:-24%;top:10%;filter:blur(5px);opacity:.94}.poster-top,.poster-footer{position:relative;z-index:2;display:flex;justify-content:space-between}.poster-top>span{font-size:12px;font-weight:700;letter-spacing:.08em}.poster-top span span{color:var(--coral)}.poster-top small{font-size:7px;letter-spacing:.12em;text-align:right}.product-image{position:absolute;inset:16% 17% 22% 14%;z-index:1;background-position:center;background-size:contain;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.product-image.empty{border:1px solid #ead7c666;border-radius:50%;color:#ead8c7;font:italic 22px/.95 "Playfair Display";text-align:center}.poster-copy{z-index:2;margin-top:auto;max-width:73%;text-shadow:0 1px 7px #1118}.poster-copy>p:first-child{color:#f9b29a;font-size:8px;font-weight:700;letter-spacing:.11em;margin:0 0 8px}.poster-copy h3{font:500 clamp(28px,4vw,52px)/.91 "Playfair Display";letter-spacing:-.045em;margin:0 0 9px}.poster-copy>p:last-child{font-size:10px;line-height:1.4;margin:0}.poster-footer{margin-top:18px;font:8px "DM Mono";letter-spacing:.03em;color:#e5d7c9}.canvas-actions{padding-top:14px}.placeholder-view{padding:76px 40px;background:#fffdf9;border:1px dashed #cfc3b8}.placeholder-view h2{font-size:44px}.placeholder-view p:last-child{color:var(--muted);max-width:400px;line-height:1.5}.toast{position:fixed;z-index:30;bottom:26px;left:50%;translate:-50% 20px;background:#1d2422;color:#fff;padding:11px 15px;border-radius:2px;font-size:12px;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;translate:-50% 0}@keyframes logoZoom{0%{scale:.6;opacity:0;filter:blur(12px)}50%{opacity:1;filter:blur(0)}100%{scale:1.25;opacity:1}}@keyframes openingOut{to{opacity:0;visibility:hidden;scale:1.06}}@keyframes loginIn{to{opacity:1}}@media(max-width:850px){.login-screen{grid-template-columns:1fr}.login-art{min-height:36vh;padding:30px}.login-art p{font-size:33px}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px;display:flex;flex-direction:row;align-items:center;gap:15px}.side-logo{margin:0;padding:0}.sidebar nav{display:flex;gap:3px;overflow:auto;flex:1}.nav-item{width:auto;white-space:nowrap}.sidebar-bottom{display:none}.workspace{padding:31px 21px}.creator-grid{grid-template-columns:1fr}.editor-panel{order:2}.canvas-panel{order:1}}@media(max-width:560px){.login-card{padding:45px 24px}.login-art{min-height:31vh}.login-art p,.login-art em{display:none}.workspace-head{align-items:start;margin-bottom:28px}.head-actions{display:none}.welcome{grid-template-columns:1fr}.welcome-visual{min-height:210px}.overview-grid{grid-template-columns:1fr 1fr;margin-bottom:38px}.overview-grid article:last-child{grid-column:span 2}.template-row{display:grid;grid-template-columns:110px 1fr}.template-mini{width:110px}.template-row .quiet-button{grid-column:span 2}.section-head h2{font-size:26px}.creator-top{display:block}.step-label{margin-top:12px}.sidebar nav .nav-item{padding:9px}.nav-item i{display:none}.poster{padding:18px}.poster-copy h3{font-size:33px}}
