.composer-page{min-height:100vh;padding-top:clamp(3rem,7vw,5.8rem);padding-bottom:clamp(3rem,7vw,5.8rem)}.composer-state{color:var(--muted);font-size:1.08rem;line-height:1.5}.composer-shell{--composer-width: min(100% - 2 * var(--gutter), 70rem);width:var(--composer-width);margin-inline:auto}.press-form{position:relative}.press-toolbar{position:sticky;top:.85rem;z-index:10;display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;width:max-content;max-width:100%;margin:0 auto 1.35rem;border:1px solid color-mix(in srgb,var(--rule) 72%,transparent);border-radius:var(--btn-radius);padding:.38rem;background:color-mix(in srgb,var(--bg-raised) 80%,transparent);backdrop-filter:blur(16px)}.composer-action,.drawer-close,.insert-choice,.saved-note-button,.block-button{appearance:none;border:0;background:transparent;color:var(--muted);cursor:pointer;font-family:var(--font-ui);text-decoration:none;transition:background .18s ease,color .18s ease}.composer-action,.drawer-close,.saved-note-button,.block-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--btn-radius);padding:.62rem .86rem;font-size:var(--step--3);letter-spacing:.16em;text-transform:uppercase}.block-button{padding:.45rem .65rem;color:var(--muted);font-size:var(--step--3)}.composer-action--primary{background:color-mix(in srgb,var(--bright) 6%,transparent)}.composer-action:hover,.composer-action:focus-visible,.drawer-close:hover,.drawer-close:focus-visible,.saved-note-button:hover,.saved-note-button:focus-visible,.block-button:hover,.block-button:focus-visible,.insert-choice:hover,.insert-choice:focus-visible{background:var(--accent-soft);color:var(--bright);outline:none}.composer-action:disabled,.saved-note-button:disabled{cursor:wait;opacity:.55}.press-page{width:min(100%,62rem);margin-inline:auto;border-left:1px solid color-mix(in srgb,var(--rule) 82%,transparent);border-right:1px solid color-mix(in srgb,var(--rule) 82%,transparent);padding:clamp(1.6rem,5vw,3rem) clamp(1.45rem,5vw,4rem);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bg-raised) 62%,transparent) 8%,color-mix(in srgb,var(--bg-raised) 62%,transparent) 92%,transparent)}.press-field{display:grid;gap:.5rem}.press-field span{color:var(--muted);font-size:var(--step--3);letter-spacing:.32em;line-height:1.1;text-transform:uppercase}.press-field input,.press-field textarea{width:100%;border:0;background:transparent;color:var(--text);font:inherit}.press-field input:focus,.press-field textarea:focus{outline:none}.press-field--title input{border-bottom:1px solid var(--rule);padding:.3rem 0 .9rem;color:var(--bright);font-size:clamp(3.2rem,8vw,6.3rem);line-height:.9;letter-spacing:-.055em;font-weight:500}.press-field--title input::placeholder{color:color-mix(in srgb,var(--bright) 48%,transparent)}.press-field--subtitle{margin-top:1.25rem}.press-field--subtitle input{border-bottom:1px solid var(--rule);padding:.2rem 0 .75rem;color:var(--muted);font-size:clamp(1.4rem,3.5vw,2.1rem);line-height:1.22;font-style:italic}.press-date{margin:clamp(2rem,5vw,3.6rem) 0 0;color:var(--muted);font-size:var(--step--1);letter-spacing:.55em;line-height:1.4;text-align:center;text-transform:uppercase}.cover-composer{width:min(100%,42rem);margin:clamp(2rem,5vw,3.6rem) auto 0}.press-field--cover input{border:1px dashed var(--rule);border-radius:var(--btn-radius);padding:.8rem 1rem;text-align:center}.cover-preview{display:grid;place-items:center;min-height:10rem;margin-top:1rem;overflow:hidden;border:1px solid var(--rule);border-radius:1rem;color:var(--muted);text-align:center}.cover-preview img{display:block;width:100%;max-height:22rem;object-fit:contain}.cover-preview p{margin:0;padding:1rem;color:var(--muted);font-size:var(--step--1);line-height:1.45}.press-field--body{margin-top:clamp(2rem,5vw,3.5rem)}.press-field--body span{text-align:center}.press-field--body textarea{min-height:28rem;padding:1rem 0;resize:vertical;color:var(--text);font-size:clamp(1.14rem,2vw,1.32rem);line-height:1.68}.press-field--body textarea::placeholder{color:color-mix(in srgb,var(--muted) 74%,transparent)}.visual-blocks-area{margin-top:clamp(2rem,5vw,3.2rem);border-top:1px solid var(--rule);padding-top:clamp(1.2rem,3vw,1.8rem)}.visual-blocks-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.visual-blocks-kicker{margin:0 0 .45rem;color:var(--muted);font-size:var(--step--3);letter-spacing:.32em;line-height:1.1;text-transform:uppercase}.visual-blocks-heading h2{margin:0;color:var(--bright);font-size:clamp(1.6rem,3.2vw,2.35rem);line-height:1.05;font-weight:500}.visual-blocks-note{margin:.8rem 0 0;color:var(--muted);font-size:var(--step--1);line-height:1.45}.visual-blocks-area--primary{border-top:1px solid var(--rule);margin-top:clamp(2.2rem,6vw,4rem)}.visual-blocks-list{display:grid;gap:1rem;margin-top:1.25rem}.visual-block{border:0;border-left:1px solid var(--rule);border-radius:0;padding:clamp(.85rem,3vw,1.15rem) 0 clamp(.85rem,3vw,1.15rem) clamp(.95rem,3vw,1.2rem);background:transparent}.visual-block+.visual-block{border-top:1px solid color-mix(in srgb,var(--rule) 72%,transparent)}.visual-block-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.visual-block-title{margin:0;color:var(--bright);font-size:clamp(1.2rem,2.4vw,1.7rem);line-height:1.1;font-weight:500}.visual-block-kind{margin:0 0 .35rem;color:var(--muted);font-size:var(--step--3);letter-spacing:.26em;line-height:1.1;text-transform:uppercase}.visual-block-actions{display:flex;flex-wrap:wrap;gap:.4rem}.block-fields{display:grid;gap:.8rem}.block-fields--split{grid-template-columns:repeat(2,minmax(0,1fr))}.block-field{display:grid;gap:.36rem;color:var(--muted);font-size:var(--step--3);letter-spacing:.2em;text-transform:uppercase}.block-field input,.block-field textarea,.block-field select{width:100%;border:1px solid color-mix(in srgb,var(--rule) 82%,transparent);border-radius:.85rem;padding:.72rem .82rem;background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--text);font:inherit;font-size:1rem;letter-spacing:0;line-height:1.45;text-transform:none}.block-field textarea{min-height:6.5rem;resize:vertical}.block-preview-image{display:grid;place-items:center;min-height:8rem;border:1px dashed var(--rule);border-radius:.85rem;color:var(--muted);text-align:center}.block-preview-image img{display:block;width:100%;max-height:14rem;object-fit:contain}.composer-drawer{position:fixed;top:0;right:0;z-index:40;display:grid;align-content:start;gap:1rem;width:min(100% - 2rem,25rem);height:100vh;overflow:auto;border-left:1px solid var(--rule);padding:clamp(1rem,4vw,1.35rem);background:var(--bg-raised);box-shadow:-22px 0 50px #0000001f}.composer-drawer[hidden],#details-panel[hidden],#insert-panel[hidden],#preview-panel[hidden]{display:none!important;pointer-events:none!important;visibility:hidden!important}.composer-drawer--wide{width:min(100% - 2rem,34rem)}.preview-actions{display:flex;flex-wrap:wrap;gap:.55rem}.composition-preview{border:1px solid var(--rule);border-radius:1rem;padding:clamp(1rem,3vw,1.25rem);background:color-mix(in srgb,var(--bg) 72%,transparent);color:var(--text);font-size:1rem;line-height:1.55}.composition-preview h1{margin:0 0 .7rem;color:var(--bright);font-size:clamp(2rem,5vw,3.4rem);line-height:.95;letter-spacing:-.04em;font-weight:500}.composition-preview h2,.composition-preview h3{color:var(--bright);font-weight:500}.composition-preview header p{color:var(--muted);font-style:italic}.composition-preview time{display:block;margin:1rem 0;color:var(--muted);font-size:var(--step--3);letter-spacing:.3em;text-transform:uppercase}.composition-preview img{display:block;width:100%;max-height:18rem;object-fit:contain}.composition-preview .workspace-block{border:1px solid var(--rule);border-radius:.9rem;margin:1rem 0;padding:1rem}.composition-preview blockquote{margin:0;color:var(--bright);font-size:1.15rem;line-height:1.45}.composition-preview pre{overflow:auto;border:1px solid var(--rule);border-radius:.7rem;padding:.8rem;white-space:pre-wrap}.drawer-heading,.saved-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.drawer-kicker,.saved-kicker{margin:0 0 .65rem;color:var(--muted);font-size:var(--step--3);letter-spacing:.28em;line-height:1.1;text-transform:uppercase}.composer-drawer label{display:grid;gap:.45rem;color:var(--muted);font-size:var(--step--3);letter-spacing:.2em;text-transform:uppercase}.composer-drawer input,.composer-drawer select,.composer-drawer textarea{width:100%;border:1px solid var(--rule);border-radius:.9rem;padding:.78rem .9rem;background:var(--bg);color:var(--text);font:inherit;font-size:1rem;letter-spacing:0;text-transform:none}.drawer-note,.template-hint{margin:0;color:var(--muted);font-size:var(--step--1);line-height:1.45}.template-hint{border:1px solid var(--rule);border-radius:.9rem;padding:.9rem;background:color-mix(in srgb,var(--bg) 72%,transparent)}.template-hint strong{display:block;color:var(--bright);font-size:1.08rem;font-weight:500}.template-hint span{display:block;margin-top:.55rem;font-size:var(--step--1)}.insert-list{display:grid;gap:.7rem}.insert-choice{display:grid;gap:.2rem;border-radius:.95rem;padding:.9rem;text-align:left}.insert-choice span{color:var(--bright);font-size:1.08rem;line-height:1.2}.insert-choice small{color:var(--muted);font-size:var(--step--1);line-height:1.35}.composer-notes-panel{width:min(100%,62rem);margin:1.6rem auto 0;border-top:1px solid var(--rule);border-radius:0;padding:clamp(1rem,3vw,1.25rem) 0 0;background:transparent}.saved-heading h2{margin:0;color:var(--bright);font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.08;font-weight:500}.composer-status{border-left:1px solid var(--rule);margin:1rem 0 0;padding-left:1rem;color:var(--muted);font-size:var(--step--1);line-height:1.45}.saved-list{display:grid;gap:.8rem;margin-top:1rem}.saved-note{border-top:1px solid var(--rule);padding-top:.9rem}.saved-note:first-child{border-top:0;padding-top:0}.saved-note-header{display:flex;justify-content:space-between;gap:1rem}.saved-note h3{margin:0;color:var(--bright);font-size:clamp(1.2rem,2.4vw,1.7rem);line-height:1.12;font-weight:500}.saved-note p{margin:.45rem 0 0;color:var(--muted);font-size:var(--step--1);line-height:1.45}.saved-note-actions{display:flex;flex-wrap:wrap;gap:.45rem}.tag-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.65rem}.tag-row span{border:1px solid var(--rule);border-radius:var(--btn-radius);padding:.24rem .5rem;color:var(--muted);font-size:var(--step--1);line-height:1.2}@media(max-width:760px){.press-toolbar,.drawer-heading,.saved-heading,.saved-note-header,.saved-note-actions,.visual-blocks-heading,.visual-block-header,.visual-block-actions{display:grid;width:auto}.composer-action,.drawer-close,.saved-note-button,.block-button{width:100%}.press-page{border-left:0;border-right:0;padding-inline:var(--gutter)}.composer-drawer{width:100%}.block-fields--split{grid-template-columns:1fr}}
