:root{--paper:#f4efe6;--bright:#fffdf8;--ink:#171716;--blue:#1458ff;--red:#ff4b2b;--yellow:#ffd84d;--lime:#c9ff35;--pink:#ff9dce;--line:rgba(23,23,22,.22);--serif:"Bodoni Moda",Didot,Georgia,serif;--sans:"Space Grotesk",Arial,sans-serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--paper);color:var(--ink)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.studio-brand{font-weight:700;font-size:1.25rem;letter-spacing:-.07em;text-decoration:none}.studio-brand span{color:var(--blue)}.studio-login{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:45px;background:var(--yellow);border-right:1px solid}.login-art>div:not(.login-orbits){position:relative;z-index:2}.login-art p{font:.55rem var(--mono);letter-spacing:.12em}.login-art h1{margin:22px 0;font:500 clamp(5rem,9vw,11rem)/.72 var(--serif);letter-spacing:-.09em}.login-art h1 em{color:var(--blue);font-weight:800}.login-art>div>span{font-size:.8rem}.login-orbits{position:absolute;inset:15%;border:1px solid rgba(20,88,255,.35);border-radius:50%;transform:scaleX(1.5)}.login-orbits:before,.login-orbits:after{content:"";position:absolute;border:1px solid rgba(20,88,255,.28);border-radius:50%}.login-orbits:before{inset:15%}.login-orbits:after{inset:30%}.login-orbits i{position:absolute;width:18px;aspect-ratio:1;border-radius:50%;background:var(--red);animation:float 5s ease-in-out infinite}.login-orbits i:nth-child(1){left:12%;top:45%}.login-orbits i:nth-child(2){right:18%;top:22%;background:var(--blue);animation-delay:1s}.login-orbits i:nth-child(3){right:23%;bottom:18%;background:var(--lime);animation-delay:2s}.login-panel{display:grid;place-items:center;padding:8vw;background:var(--bright)}.login-panel form{width:min(430px,100%)}.login-kicker{font:.55rem var(--mono);color:var(--blue);text-transform:uppercase}.login-panel h2{margin:25px 0;font:500 clamp(4rem,7vw,7rem)/.78 var(--serif);letter-spacing:-.075em}.login-panel form>p:not(.login-kicker){margin-bottom:35px;color:#68645d;font-size:.8rem;line-height:1.6}.login-panel label{display:block;margin:18px 0;font:.52rem var(--mono);text-transform:uppercase}.login-panel input{display:block;width:100%;margin-top:8px;padding:14px 0;border:0;border-bottom:1px solid;background:transparent;outline:0;font:500 1rem var(--sans)}.login-panel button{width:100%;display:flex;justify-content:space-between;margin-top:35px;padding:16px 18px;border:0;background:var(--blue);color:#fff;font-size:.65rem;font-weight:600;text-transform:uppercase}.login-panel small{display:block;margin-top:16px;color:#8a857c;font:.48rem/1.5 var(--mono)}.studio-app{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.studio-sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:230px;display:flex;flex-direction:column;padding:28px 20px;background:var(--ink);color:#fff}.studio-sidebar .studio-brand{color:#fff}.studio-label{margin-top:7px;color:var(--lime);font:.45rem var(--mono);text-transform:uppercase}.studio-sidebar nav{display:flex;flex-direction:column;gap:4px;margin-top:60px}.studio-sidebar nav button,.studio-sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px;border:0;background:transparent;color:#aaa;text-decoration:none;text-align:left;font-size:.7rem}.studio-sidebar nav i{width:22px;color:var(--lime);font-style:normal}.studio-sidebar nav button:hover,.studio-sidebar nav a:hover,.studio-sidebar nav button.active{background:#2d2d2b;color:#fff}.sidebar-foot{display:grid;grid-template-columns:38px 1fr 24px;gap:9px;align-items:center;margin-top:auto;padding-top:18px;border-top:1px solid #444}.writer-avatar{display:grid;place-items:center;width:36px;aspect-ratio:1;border-radius:50%;background:var(--pink);color:var(--ink);font:.52rem var(--mono)}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:.64rem}.sidebar-foot small{color:#888;font:.42rem var(--mono)}.sidebar-foot button{border:0;background:none;color:#888}.studio-main{grid-column:2;min-width:0}.studio-topbar{position:sticky;z-index:30;top:0;height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;background:#fffdf8f5;border-bottom:1px solid}.studio-topbar>div:first-of-type span,.studio-topbar>div:first-of-type small{display:block}.studio-topbar>div:first-of-type span{font:.52rem var(--mono);text-transform:uppercase}.studio-topbar>div:first-of-type small{margin-top:4px;color:#8a857c;font:.43rem var(--mono)}.studio-topbar>div:last-child{display:flex;align-items:center;gap:12px}.studio-topbar a{font:.5rem var(--mono);text-transform:uppercase}.studio-topbar button:not(.sidebar-toggle){padding:11px 14px;border:0;background:var(--blue);color:#fff;font-size:.55rem;font-weight:600;text-transform:uppercase}.sidebar-toggle{display:none;border:0;background:none}.studio-view{padding:50px 4vw 90px}.view-heading{display:flex;justify-content:space-between;align-items:end}.view-heading>div>p,.list-heading p{font:.55rem var(--mono);text-transform:uppercase}.view-heading h1{margin-top:18px;font:500 clamp(4.5rem,7vw,8.5rem)/.76 var(--serif);letter-spacing:-.08em}.view-heading h1 em{color:var(--blue)}.view-heading>button,.list-heading>button{padding:15px 18px;border:1px solid;background:var(--lime);font:.55rem var(--mono);text-transform:uppercase}.view-heading>button span{margin-left:25px}.studio-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border:1px solid}.studio-stats article{padding:22px;border-right:1px solid}.studio-stats article:last-child{border:0}.studio-stats span,.studio-stats small,.studio-stats strong{display:block}.studio-stats span{font:.48rem var(--mono);text-transform:uppercase}.studio-stats strong{margin:12px 0;font:600 2.5rem var(--serif)}.studio-stats small{color:#777;font-size:.58rem}.recent-work{margin-top:75px}.section-title{display:flex;justify-content:space-between;align-items:end;padding-bottom:18px;border-bottom:1px solid}.section-title p{font:.48rem var(--mono);color:var(--blue);text-transform:uppercase}.section-title h2{margin-top:7px;font:600 2.5rem var(--serif)}.section-title button{border:0;background:none;font:.5rem var(--mono);text-transform:uppercase}.issue-row{display:grid;grid-template-columns:62px 1fr 110px 100px 130px;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.issue-thumb{width:50px;aspect-ratio:3/4;overflow:hidden;background:var(--blue);border:1px solid}.issue-thumb img{width:100%;height:100%;object-fit:cover}.issue-row h3{font:600 1rem var(--serif)}.issue-row p{margin-top:3px;color:#777;font:.45rem var(--mono)}.status-pill{width:max-content;padding:6px 8px;border-radius:20px;background:#ddd;font:.43rem var(--mono);text-transform:uppercase}.status-pill.published{background:var(--lime)}.issue-row time{font:.46rem var(--mono)}.issue-row .row-actions{display:flex;gap:6px}.row-actions button,.row-actions a{padding:7px 9px;border:1px solid;background:transparent;text-decoration:none;font:.45rem var(--mono);text-transform:uppercase}.studio-brief{display:grid;grid-template-columns:1fr 1fr auto;gap:5vw;align-items:center;margin-top:80px;padding:45px;background:var(--pink);border:1px solid}.studio-brief span{font:.48rem var(--mono)}.studio-brief h2{margin-top:18px;font:500 clamp(3rem,5vw,6rem)/.8 var(--serif);letter-spacing:-.07em}.studio-brief h2 em{color:var(--blue)}.studio-brief p{font-size:.75rem;line-height:1.6}.studio-brief button{padding:15px;border:1px solid;background:var(--bright);font:.5rem var(--mono);text-transform:uppercase}.list-heading{display:flex;justify-content:space-between;align-items:end}.list-heading h1{margin-top:10px;font:500 clamp(5rem,9vw,10rem)/.8 var(--serif);letter-spacing:-.08em}.issue-filters{display:flex;gap:8px;margin:45px 0 25px}.issue-filters button{padding:9px 12px;border:1px solid;background:transparent;font:.48rem var(--mono);text-transform:uppercase}.issue-filters button.active{background:var(--ink);color:#fff}.issue-library{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.library-card{border:1px solid;background:var(--bright)}.library-cover{height:330px;position:relative;overflow:hidden;background:var(--blue)}.library-cover img{width:100%;height:100%;object-fit:cover}.library-cover span{position:absolute;left:12px;top:12px}.library-copy{padding:18px}.library-copy h2{font:600 1.6rem var(--serif)}.library-copy p{margin:6px 0 18px;color:#777;font:.48rem var(--mono)}.library-actions{display:flex;gap:6px}.library-actions button,.library-actions a{flex:1;padding:9px;border:1px solid;background:transparent;text-align:center;text-decoration:none;font:.44rem var(--mono);text-transform:uppercase}.builder-view{padding:0}.builder-head{height:78px;display:grid;grid-template-columns:100px 1fr auto;gap:20px;align-items:center;padding:0 25px;border-bottom:1px solid;background:var(--bright)}.builder-head>button{border:0;background:none;font:.5rem var(--mono);text-transform:uppercase}.builder-head>div:nth-child(2) span{display:block;font:.44rem var(--mono);text-transform:uppercase}.builder-head>div:nth-child(2) input{width:min(500px,100%);margin-top:4px;border:0;background:transparent;outline:0;font:600 1.25rem var(--serif)}.builder-actions{display:flex;gap:7px}.builder-actions button{padding:10px 12px;border:1px solid;background:transparent;font:.48rem var(--mono);text-transform:uppercase}.builder-actions .publish{background:var(--blue);border-color:var(--blue);color:#fff}.builder-workspace{height:calc(100vh - 150px);min-height:650px;display:grid;grid-template-columns:190px 1fr 290px}.page-rail{position:relative;padding:18px 14px;background:#e7e2d8;border-right:1px solid;overflow-y:auto}.page-rail-head{display:flex;justify-content:space-between;align-items:center;font:.5rem var(--mono);text-transform:uppercase}.page-rail-head button{width:25px;aspect-ratio:1;border:1px solid;background:var(--bright)}.template-menu{position:absolute;z-index:10;left:14px;right:14px;top:50px;padding:8px;background:var(--ink);box-shadow:0 10px 25px #00000040}.template-menu button{display:block;width:100%;padding:9px;border:0;background:transparent;color:#fff;text-align:left;font-size:.55rem}.template-menu button:hover{background:#333}.page-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}.page-list-item{display:grid;grid-template-columns:20px 1fr;gap:7px;align-items:start;border:0;background:transparent;text-align:left}.page-list-item>span{font:.45rem var(--mono)}.page-mini{aspect-ratio:3/4;padding:8px;overflow:hidden;background:var(--bright);border:1px solid #aaa}.page-list-item.active .page-mini{outline:3px solid var(--blue);outline-offset:2px}.page-mini b{display:block;font:600 .55rem/1 var(--serif)}.page-mini small{font:.35rem var(--mono)}.add-page-wide{width:100%;margin-top:15px;padding:10px;border:1px dashed;background:transparent;font:.48rem var(--mono)}.canvas-zone{min-width:0;display:flex;flex-direction:column;background:#292928}.canvas-toolbar{height:45px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:#fff;border-bottom:1px solid #555;font:.45rem var(--mono);text-transform:uppercase}.canvas-toolbar div{display:flex;align-items:center;gap:8px}.canvas-toolbar button{border:0;background:none;color:#fff}.page-canvas-wrap{flex:1;display:grid;place-items:center;overflow:auto;padding:25px}.page-canvas{position:relative;width:min(48vh,550px);aspect-ratio:3/4;overflow:hidden;background:var(--bright);box-shadow:0 20px 50px #00000073;transform:scale(var(--canvas-scale,.85));transition:.2s}.page-canvas img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-canvas .preview-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 60%)}.page-canvas .preview-copy{position:absolute;z-index:2;left:8%;right:8%;bottom:8%}.page-canvas .preview-copy span{font:.42rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.page-canvas .preview-copy h2{margin:10px 0;font:500 clamp(2.2rem,4vw,4.5rem)/.78 var(--serif);letter-spacing:-.075em}.page-canvas .preview-copy p{font-size:.58rem;line-height:1.45}.page-canvas.template-cover .preview-copy,.page-canvas.template-feature .preview-copy{color:#fff}.page-canvas.template-article{padding:10%}.page-canvas.template-article .preview-copy{position:relative;left:auto;right:auto;bottom:auto}.page-canvas.template-article .preview-copy h2{font-size:3rem}.page-canvas.template-article .preview-copy p{font:.64rem/1.6 Georgia,serif}.page-canvas.template-quote{display:grid;place-items:center;padding:10%;color:#fff}.page-canvas.template-quote .preview-copy{position:relative;left:auto;right:auto;bottom:auto}.page-canvas.template-quote h2{font-size:3.5rem}.page-canvas.template-video .preview-copy:after{content:"▶";display:grid;place-items:center;width:50px;aspect-ratio:1;margin-top:18px;border-radius:50%;background:var(--red)}.page-canvas.template-back{display:grid;place-items:center;text-align:center;padding:10%}.page-canvas.template-back .preview-copy{position:relative;left:auto;right:auto;bottom:auto}.property-panel{padding:18px;background:var(--bright);border-left:1px solid;overflow-y:auto}.property-panel header{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid;font:.5rem var(--mono);text-transform:uppercase}.property-panel header button{border:0;background:none;color:#a54b3a;font:.45rem var(--mono);text-transform:uppercase}.property-panel label{display:block;margin:14px 0;font:.44rem var(--mono);text-transform:uppercase}.property-panel input,.property-panel textarea,.property-panel select{display:block;width:100%;margin-top:6px;padding:8px;border:1px solid #bbb;background:var(--paper);outline:0;font:.62rem var(--sans);text-transform:none;resize:vertical}.property-panel input[type=color]{height:36px;padding:3px}.file-label input{position:absolute;opacity:0;pointer-events:none}.file-label span{display:block;margin-top:6px;padding:9px;border:1px dashed #999;text-align:center}.issue-settings{margin-top:24px;padding-top:18px;border-top:1px solid}.issue-settings h3{font:600 1rem var(--serif)}.save-status{position:fixed;z-index:60;right:25px;bottom:20px;padding:10px 14px;background:var(--lime);font:.48rem var(--mono);opacity:0;transform:translateY(10px);transition:.25s}.save-status.show{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-18px)}}@media(max-width:1100px){.studio-stats{grid-template-columns:repeat(2,1fr)}.studio-stats article:nth-child(2){border-right:0}.studio-stats article:nth-child(-n+2){border-bottom:1px solid}.issue-library{grid-template-columns:repeat(2,1fr)}.builder-workspace{grid-template-columns:150px 1fr 250px}.studio-brief{grid-template-columns:1fr 1fr}.studio-brief button{grid-column:1/-1;width:max-content}.issue-row{grid-template-columns:60px 1fr 90px 120px}.issue-row time{display:none}}@media(max-width:760px){.studio-login{grid-template-columns:1fr}.login-art{min-height:48vh;padding:25px;border-right:0;border-bottom:1px solid}.login-art h1{font-size:18vw}.login-panel{padding:60px 24px}.studio-app{display:block}.studio-sidebar{transform:translate(-105%);transition:.3s}.studio-sidebar.open{transform:none}.studio-main{grid-column:auto}.sidebar-toggle{display:block}.studio-topbar{height:64px;padding:0 14px}.studio-topbar>div:last-child a{display:none}.studio-view{padding:40px 20px 70px}.view-heading{display:block}.view-heading>button{margin-top:25px}.view-heading h1{font-size:18vw}.studio-stats{grid-template-columns:1fr}.studio-stats article{border-right:0;border-bottom:1px solid}.studio-stats article:last-child{border-bottom:0}.issue-row{grid-template-columns:50px 1fr auto}.issue-row time,.issue-row>.status-pill{display:none}.issue-row .row-actions{grid-column:2/-1}.studio-brief{grid-template-columns:1fr;padding:25px}.studio-brief button{grid-column:auto}.issue-library{grid-template-columns:1fr}.builder-head{height:auto;min-height:110px;grid-template-columns:1fr auto;padding:12px}.builder-head>button{display:none}.builder-head>div:nth-child(2){grid-column:1/-1}.builder-actions{grid-column:1/-1}.builder-actions button{flex:1}.builder-workspace{height:auto;display:block}.page-rail{height:170px;border-right:0;border-bottom:1px}.page-list{flex-direction:row;overflow-x:auto}.page-list-item{flex:0 0 90px}.add-page-wide{display:none}.canvas-zone{height:620px}.property-panel{border-left:0;border-top:1px}.list-heading h1{font-size:20vw}}[hidden]{display:none!important}