[hidden]{display:none!important}nav{gap:16px}.journey-screen{max-width:1280px;padding:44px 36px 70px}.journey-screen h1{font-size:40px;max-width:900px}.lead{font-size:16px;line-height:1.75;color:#697363;max-width:660px}.journey-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.journey-card{display:flex;flex-direction:column;border:1px solid #d9dfd1;background:#fffefa;padding:28px;border-radius:14px}.journey-card.featured{background:#eaf0e3}.mode-number{font-family:Georgia,serif;font-size:42px;color:#849773;margin-bottom:25px}.mode-tag{font-size:9px;letter-spacing:1.3px;color:#637357}.journey-card h2{font:26px/1.25 Georgia,serif;margin:13px 0}.journey-card p,.journey-card li{line-height:1.8}.journey-card p{color:#63705e}.journey-card ul{padding-left:18px;margin:5px 0 28px;flex:1}.journey-card button{width:100%;min-height:46px}.start-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px;line-height:1.7;color:#697363}.text-link{border:0;background:none;color:var(--green);padding:0;margin-bottom:26px;text-decoration:underline;text-underline-offset:4px}.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.process-note{margin-top:35px;border-left:2px solid #9cae88;padding-left:20px;line-height:1.8;max-width:370px}.creation-form,.status-card,.order-card,.admin-order{background:#fffefa;border:1px solid var(--line);border-radius:12px;padding:28px}.creation-form label{display:block;margin-bottom:20px;font-size:12px}.creation-form input,.creation-form select,.creation-form textarea,.field-label input,#direct-form input{display:block;width:100%;padding:12px;border:1px solid #d8dece;background:white;border-radius:7px;margin-top:8px;color:var(--ink)}input[type=file]{font-size:11px}.creation-form small{color:#717b67;line-height:1.7;display:block;margin:-10px 0 20px}.demo-note{background:#edf0e7;padding:15px;border-radius:7px;font-size:12px;line-height:1.7}.creation-form>.primary{width:100%}.screen-title,.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.order-card h2{margin:16px 0;overflow-wrap:anywhere}.pill{display:inline-block;background:#e9efdf;color:#426035;padding:7px 10px;border-radius:5px;font-size:11px;line-height:1.5}.order-layout{display:grid;grid-template-columns:2fr 1fr;gap:22px;margin-top:30px}.status-card h2{margin:16px 0;font:23px/1.4 Georgia,serif}.status-card p{line-height:1.8}.steps{padding-left:20px;line-height:2.4;color:#6e7965}.actions-row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.material-item{border-bottom:1px solid var(--line);padding:12px 0;overflow-wrap:anywhere}.admin-order{margin-top:24px}.admin-order>button{margin:10px 10px 0 0}.admin-order .field-label{max-width:330px}.checklist{border:1px solid var(--line);border-radius:8px;padding:16px;margin:24px 0 5px}.checklist label{display:flex;align-items:center;gap:10px;padding:8px 0}.checklist input{width:18px;height:18px;accent-color:var(--green)}.notification-preview,.review-notes{background:#f0f2ea;padding:18px;border-radius:7px;margin-top:20px;line-height:1.7}.review-layout{display:grid;grid-template-columns:minmax(380px,1fr) 360px;gap:35px;align-items:start}.review-surface{background:#eceee5;padding:24px;display:flex;justify-content:center;overflow:auto}.review-surface .paper{pointer-events:none}.review-nav{display:flex;justify-content:center;align-items:center;gap:25px;margin:20px}.review-layout textarea{margin:10px 0}.review-layout hr{border:0;border-top:1px solid var(--line);margin:24px 0}.editor-flowbar{display:flex;align-items:center;gap:16px;margin-bottom:20px;font-size:11px}.editor-flowbar>span:last-child{margin-left:auto;color:var(--muted)}.heading-actions{max-width:650px;flex-wrap:wrap;justify-content:flex-end}.heading-actions button{padding:10px 12px}.workspace{height:690px;min-height:0}.pages{overflow:auto}.sidebar-note{display:none}.paper-wrap{min-height:0}.editor{overflow:auto}.messages{min-height:110px}#review-confirmation{color:#426035}#creation-error{color:#a33525}.review-surface .editable{cursor:default}
@media(max-width:1100px){.brand i{display:none}.journey-screen{padding:30px 24px}.journey-card{padding:22px}.journey-card h2{font-size:23px}.form-layout{gap:30px}.heading-actions{flex-direction:row}.review-layout{grid-template-columns:1fr 300px}.editor-flowbar{flex-wrap:wrap}.journey-screen h1{font-size:34px}}
@media(max-width:850px){header{height:auto;min-height:78px;padding:15px 20px;gap:15px;flex-wrap:wrap}nav{gap:15px;flex-wrap:wrap}.journey-cards{grid-template-columns:1fr}.mode-number{margin-bottom:12px}.journey-card{padding:24px}.form-layout,.order-layout,.review-layout{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr 1fr}.start-bottom{align-items:start;flex-direction:column}.workspace{height:auto;grid-template-columns:90px 1fr}.pages{height:555px}.viewer{height:555px}.editor{min-height:400px}.messages{max-height:200px}.heading-actions{justify-content:flex-start}.editor-flowbar>span:last-child{margin-left:0}.review-layout .status-card{max-width:100%}}
@media(max-width:480px){nav button:first-child,nav button:nth-child(2){display:flex}nav button{font-size:11px}.brand{font-size:27px}.journey-screen{padding:28px 18px 50px}.journey-screen h1{font-size:31px}.library-grid{grid-template-columns:1fr}.screen-title,.admin-top{align-items:start;flex-direction:column}.workspace{grid-template-columns:56px minmax(0,1fr)}.pages{height:495px}.viewer{height:495px}.heading-actions{display:grid;grid-template-columns:1fr 1fr}.heading-actions>*{min-width:0}.paper{width:260px}.editor-flowbar{font-size:10px}.creation-form,.status-card,.admin-order{padding:21px}.review-surface{padding:16px 8px}.actions-row{flex-direction:column}}

.review-photo{position:absolute;left:90px;top:245px;width:235px;height:140px;background:#eee;border:2px solid #80966a}.review-photo img{width:100%;height:100%;object-fit:cover}@media(max-width:480px){.review-photo{left:40px;top:215px;width:180px;height:100px}}
/* Readable controls, explicit navigation and validation states. */
:root{--muted:#626d60}body{font-size:14px}button,input,select,textarea{font-size:14px}select:focus-visible{outline:3px solid #8caa76;outline-offset:3px}button:disabled{opacity:.55}nav button{min-height:40px}nav [aria-current=page]{background:#eaf0e3;border-radius:6px}.primary,.secondary{min-height:42px;font-size:13px}.demo{font-size:12px}.eyebrow,.mode-tag{font-size:11px}.journey-card p{line-height:1.7}.journey-card li{font-size:13px}.journey-card .mode-number{font-size:32px;margin-bottom:18px}.creation-form label,.field-label{font-size:13px}.creation-form small,.demo-note,.muted{font-size:13px}.screen-title h1,.admin-order h2,#editor-name{overflow-wrap:anywhere}.creation-form input,.creation-form textarea,.creation-form select{font-size:16px}.creation-form label{margin-bottom:16px}.text-link{min-height:40px}.order-card button{margin:8px 8px 0 0}.admin-order>p{line-height:1.7}.date-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.date-form .field-label{margin:12px 0 0;flex:1;max-width:300px}.date-form button{margin-bottom:1px}.pill{font-size:12px}.approval-check{display:flex;gap:10px;align-items:flex-start;margin:18px 0;line-height:1.65}.approval-check input{width:20px;height:20px;flex-shrink:0;accent-color:var(--green)}#review-notes-list{margin-top:20px;border-top:1px solid var(--line);overflow-wrap:anywhere}#review-notes-list p{padding-bottom:10px;border-bottom:1px solid var(--line)}#review-return{margin-bottom:18px}#review-jump{max-width:100%;margin-bottom:22px}#page-jump{width:100%;margin:14px 0 0;font-size:12px;padding:9px 6px;min-height:40px}.layout-warning{background:#fff0cf;color:#765010;border:1px solid #d9bd78;padding:12px 14px;font-size:13px;line-height:1.6;margin:8px 16px;flex-shrink:0}.viewer-bottom button{min-width:42px;min-height:42px}.viewer-tools{font-size:12px}.context{font-size:12px}.editor-heading h2{font-size:16px}.editor-heading p,.message-note{font-size:12px}.assistant-message,.user-message{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.message-author{font-size:10px}.messages{max-height:none;min-height:120px}.suggestions button{font-size:12px;min-height:40px}#chat{font-size:14px}.compose-footer span,.editor-footnote{font-size:11px}.compose-footer button{width:40px;height:40px}.file-row{font-size:13px}.file-row button{min-height:40px}.file-list:empty:before{content:'Файлы пока не добавлены';display:block;padding:12px 0;color:var(--muted)}#photo-choice{width:100%}.thumb{overflow:hidden}.thumb small{font-size:11px;overflow-wrap:anywhere}.editor-flowbar{font-size:12px}.heading-actions{max-width:640px}.heading-actions button{min-height:42px}.print-grid input,.print-grid select{font-size:16px}.print-package small{font-size:12px}.print-package p{font-size:13px}.review-nav{flex-wrap:wrap}.mobile-editor-tabs{display:none}#review-layout-warning{margin:12px 0}
@media(max-width:1100px){.workspace{grid-template-columns:125px minmax(320px,1fr) 300px}.thumb{padding:6px}.mini-page{display:none}.thumb small{font-size:10px}.editor{padding:16px 12px}}
@media(max-width:850px){.workspace{grid-template-columns:90px minmax(0,1fr)}.editor{grid-column:1/-1}.messages{max-height:270px}.mobile-editor-tabs{display:flex;gap:8px;margin:16px 0}.mobile-editor-tabs button{flex:1;min-height:44px;border-radius:7px;border:1px solid var(--line);background:white;color:var(--ink)}.mobile-editor-tabs [aria-pressed=true]{background:var(--green);color:white}#editor-screen[data-mobile-panel=book] .editor{display:none}#editor-screen[data-mobile-panel=chat] .pages,#editor-screen[data-mobile-panel=chat] .viewer{display:none}#editor-screen[data-mobile-panel=chat] .editor{grid-column:1/-1;min-height:530px}.editor-flowbar{gap:10px}.heading-actions{width:100%}.pages{padding:12px 8px}.thumb{margin-top:10px}#page-jump{font-size:12px}.viewer{height:auto;min-height:555px}.layout-warning{margin:8px}.journey-card{padding:22px}.journey-card h2{margin:8px 0}.journey-card p{margin:6px 0 12px}.journey-card ul{margin-bottom:18px}}
@media(max-width:480px){.workspace{grid-template-columns:minmax(0,1fr)}.pages{height:auto;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:10px 12px}.pages .section-label{display:none}#thumbnails{display:none}#page-jump{margin:0;font-size:14px}.viewer{min-height:490px}.viewer-tools{font-size:11px;padding:14px 12px}.viewer-tools .muted{font-size:11px}.review-surface{justify-content:center}.heading h1{font-size:27px}.heading-actions{gap:8px}.heading-actions button{font-size:12px}.editor-flowbar>span{font-size:11px}.journey-screen{padding:24px 18px 40px}.journey-screen h1{font-size:30px}.journey-cards{margin-top:22px;gap:14px}.journey-card .mode-number{font-size:25px;margin-bottom:10px}.journey-card h2{font-size:25px}.journey-card button{min-height:44px}.journey-card ul{font-size:13px}.mode-tag{font-size:10px}.lead{font-size:15px}.demo{font-size:11px}.print-grid{gap:12px}.review-layout{gap:16px}.screen-title{gap:10px}}
/* Keep the demonstration page tall enough for its sample text and footer. */
.paper{height:594px}.workspace{height:750px}
@media(min-width:1450px){.paper{height:650px}.workspace{height:810px}}
@media(max-width:1100px){.paper{height:510px}}
@media(max-width:850px){.workspace{height:auto}.viewer{min-height:610px}.pages{height:610px}}
@media(max-width:480px){.paper{height:430px}.viewer{min-height:530px}.pages{height:auto}body[data-view=edit] header{padding:10px 14px;gap:6px}body[data-view=edit] header .brand{font-size:23px}body[data-view=edit] nav{gap:10px}body[data-view=edit] nav [data-route=admin],body[data-view=edit] #account,body[data-view=edit] #materials-top{display:none!important}body[data-view=edit] .heading .eyebrow,body[data-view=edit] .heading>div>p,body[data-view=edit] #editor-mode-label{display:none}body[data-view=edit] .heading{gap:12px;margin-bottom:12px}body[data-view=edit] .editor-flowbar{margin-bottom:10px}body[data-view=edit] .heading h1{font-size:24px;margin:0}body[data-view=edit] main{padding-top:14px}body[data-view=edit] .demo{font-size:10px;padding:8px 14px}body[data-view=edit] .heading-actions{grid-template-columns:1fr 1fr}body[data-view=edit] .heading-actions button{padding:8px;font-size:11px}body[data-view=edit] .mobile-editor-tabs{margin:10px 0}}