/* DEVELOPER GUIDE: Styles for the interactive studio inspector, modals, preview and print controls.
   Document/PDF composition is SVG generated by core.mjs and projects.mjs, not CSS.
   Keep inspector image-card and flight-card UI responsive; changing CSS alone does not change PDF layout. */
@font-face{font-family:Studio;src:local('Inter'),local('Aptos'),local('Segoe UI')}*{box-sizing:border-box} :root{font-family:Studio,Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#222a2c;background:#f5f5f2;font-synthesis:none;--orange:#fa6a23;--line:#e7e9e3;--muted:#7a817a;--green:#41745b}body{margin:0;font-size:13px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #ff9b65}button{color:inherit}svg{display:block}button svg{width:18px;height:18px;flex-shrink:0}input,textarea,select{width:100%;border:1px solid #dfe3dc;border-radius:7px;padding:10px 11px;color:#27302c;background:#fff;transition:border-color .15s,box-shadow .15s;min-width:0}input:focus,textarea:focus,select:focus{outline:none;border-color:#fa975e;box-shadow:0 0 0 3px #ff6a160c}textarea{resize:vertical;min-height:74px;line-height:1.6}input[type=color]{width:40px;min-width:40px;height:36px;padding:3px;cursor:pointer}input[type=range]{border:0;padding:0;box-shadow:none;accent-color:var(--orange)}input[type=checkbox]{width:15px;height:15px;accent-color:var(--orange);flex-shrink:0}label.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;font-size:11px;letter-spacing:.1px;font-weight:600;color:#626c62}label.field input,label.field textarea,label.field select{font-size:12px;font-weight:400;letter-spacing:0}h1,h2,h3,p{margin-top:0}h2{font-size:21px;letter-spacing:-.7px}h3{font-size:13px}small{font-size:10px}.boot{height:100vh;display:grid;place-content:center;justify-items:center;gap:18px}.brand-mark{width:37px;height:37px;border-radius:9px;display:grid;place-items:center;background:var(--orange);color:white;font-size:18px;font-weight:800;letter-spacing:-2px;padding-right:2px}.app-shell{height:100dvh;display:grid;grid-template-columns:78px 342px 1fr;grid-template-rows:75px 1fr;overflow:hidden}.topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid var(--line);background:#fff;gap:20px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-name{font-size:21px;font-weight:750;letter-spacing:-.8px}.brand-name span{font-weight:400;color:#949b91}.brand-sub{color:#92998f;font-size:9px;font-weight:650;letter-spacing:1.8px;text-transform:uppercase;margin-top:3px}.top-divider{width:1px;height:27px;background:var(--line);margin:0 10px}.crumbs{display:flex;align-items:center;gap:11px;font-size:11px;color:#969c93;flex:1}.crumbs strong{font-weight:500;color:#626e61}.top-actions{display:flex;align-items:center;gap:10px}.save-state{display:flex;align-items:center;gap:6px;font-size:10px;color:#869180;margin-right:10px;white-space:nowrap}.save-dot{width:6px;height:6px;background:#7c9b73;border-radius:50%}.save-dot.pending{background:#d9aa63}.btn{border:1px solid #dfe3dc;border-radius:7px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:600;line-height:1.2;transition:background .15s,transform .15s;white-space:nowrap}.btn:hover{background:#f5f6f1}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--orange);color:white;border-color:var(--orange);box-shadow:0 3px 8px #ff6a1618}.btn.primary:hover{background:#e95d16}.btn.dark{background:#27322e;color:#fff;border-color:#27322e}.btn.ghost{border:0;background:transparent;color:#6c7868}.btn.ghost:hover{background:#f0f3ed}.btn.small{padding:8px 10px;font-size:10px}.btn.full{width:100%}.btn.dashed{border-style:dashed;color:#7c8873;background:#fafbf7}.btn.danger{color:#b75744}.icon-btn{width:31px;height:31px;padding:0;display:grid;place-items:center;border:1px solid transparent;background:transparent;border-radius:6px;color:#8a9286}.icon-btn:hover{background:#edf0e9;border-color:#e0e5db;color:#3e4c39}.icon-btn svg{width:16px;height:16px}.rail{background:#25312c;display:flex;align-items:center;flex-direction:column;padding:25px 9px 13px;gap:14px}.rail-btn{width:60px;padding:12px 4px 9px;border:0;background:transparent;color:#97a49a;border-radius:8px;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:9px;transition:background .15s,color .15s}.rail-btn svg{width:20px;height:20px}.rail-btn:hover{background:#ffffff09;color:#f2f5ef}.rail-btn.active{color:#ffb183;background:#425044}.rail-spacer{flex:1}.rail-foot{border-top:1px solid #ffffff12;padding-top:14px;text-align:center;color:#8b9b8e;font-size:9px;line-height:1.6}.avatar{width:31px;height:31px;border-radius:50%;background:#56634d;color:#e1e8db;display:grid;place-items:center;font-size:10px;font-weight:700;margin:0 auto 7px}.inspector{background:#fff;border-right:1px solid var(--line);min-height:0;display:flex;flex-direction:column;overflow:hidden}.inspector-head{padding:27px 24px 21px;border-bottom:1px solid #f0f1ed}.eyebrow{font-size:9px;color:#9aa291;letter-spacing:1.7px;text-transform:uppercase;font-weight:650;margin-bottom:10px}.inspector-head h2{font-size:22px;font-weight:650;margin-bottom:8px}.inspector-head p{font-size:11px;line-height:1.7;color:#8a9284;margin:0}.inspector-body{padding:20px 23px 34px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#dde2d7 transparent}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:10px}.section-head h3{margin:0;font-size:12px;font-weight:650}.section-head .tag{font-size:9px;color:#899580;background:#f1f4eb;padding:4px 7px;border-radius:4px}.section-divider{border:0;border-top:1px solid var(--line);margin:23px 0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field-row.three{grid-template-columns:1fr 1fr 1fr;gap:8px}.field-row label{min-width:0}.field-note{font-size:10px;color:#929d8d;line-height:1.6;margin:-5px 0 16px}.flight-card{background:#fafbf8;border:1px solid #e8ece1;border-radius:9px;padding:13px;margin-bottom:12px}.flight-card .field:last-child{margin-bottom:0}.flight-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8b9782;font-weight:650;margin-bottom:9px}.flight-heading span{display:flex;align-items:center;gap:6px}.flight-heading svg{width:13px;height:13px}.option-pills{display:flex;gap:6px;margin-bottom:15px;flex-wrap:wrap}.pill{border:1px solid #e1e5db;background:#fafbf7;color:#84917a;padding:7px 10px;border-radius:5px;font-size:10px}.pill.active{background:#fff2e9;border-color:#ffd1b5;color:#d97132}.check-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6d7966;gap:10px;margin:14px 0}.check-row label{display:flex;align-items:center;gap:9px;cursor:pointer}.workarea{min-width:0;min-height:0;display:flex;flex-direction:column;background:#f2f3ef}.document-bar{display:flex;justify-content:space-between;align-items:center;padding:23px 30px 20px;gap:16px}.doc-kicker{display:flex;align-items:center;gap:8px;font-size:9px;color:#929d88;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:7px}.doc-kicker i{width:5px;height:5px;border-radius:50%;background:var(--orange)}.document-name{border:0;background:transparent;padding:0;width:360px;max-width:100%;font-size:22px;letter-spacing:-.8px;font-weight:620;color:#283529;box-shadow:none!important}.document-name:focus{outline:1px dashed #b4bdab;outline-offset:5px}.doc-tools{display:flex;gap:6px;align-items:center}.tool-divider{height:21px;border-left:1px solid #dce1d4;margin:0 5px}.zoom-select{width:85px;font-size:10px;background:transparent;border:0;padding:7px;cursor:pointer;color:#79856f}.page-switcher{display:flex;align-items:center;gap:8px;font-size:10px;color:#849079}.page-switcher select{width:100px;background:transparent;padding:7px;font-size:10px}.canvas-scroll{flex:1;overflow:auto;padding:2px 34px 32px;scrollbar-width:thin;scrollbar-color:#d0d7c6 transparent;background-image:radial-gradient(#c5ccb84a .7px,transparent .7px);background-size:12px 12px}.paper-wrap{width:fit-content;position:relative;margin:0 auto}.paper{background:#fff;box-shadow:0 3px 5px #35462d08,0 18px 45px #35462d12;border-radius:1px;overflow:hidden;line-height:0}.paper>svg{width:100%;height:100%;touch-action:none;user-select:none}.canvas-element{cursor:grab}.canvas-element:hover>.hitbox{stroke:#f5aa79}.canvas-element:active{cursor:grabbing}.canvas-element:focus{outline:none}.canvas-element:focus>.hitbox{stroke:#fa6a23}.page-caption{display:flex;justify-content:space-between;color:#98a08f;font-size:9px;padding:13px 1px;letter-spacing:.2px}.page-caption span{display:flex;align-items:center;gap:5px}.page-caption svg{width:12px;height:12px}.bottom-bar{padding:11px 29px;background:#fff9;border-top:1px solid #e6e9df;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#919c86}.bottom-bar span{display:flex;align-items:center;gap:6px}.bottom-bar svg{width:12px;height:12px}.status-badge{display:inline-flex!important;gap:5px;align-items:center;background:#eaf0df;color:#7e9164;padding:5px 8px;border-radius:4px;font-size:9px}.status-badge i{height:4px;width:4px;background:#7f9b5b;border-radius:50%}.image-card{margin-bottom:17px;border:1px solid #e3e7de;border-radius:9px;overflow:hidden}.image-card-top{display:flex;justify-content:space-between;padding:11px 12px;font-size:11px;font-weight:600;border-bottom:1px solid #edf0e8}.image-card-top span{color:#939d8b;font-weight:400;font-size:9px}.asset-preview{height:116px;background:#f5f5f0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.asset-preview>svg{width:100%;height:100%;object-fit:contain}.asset-preview.logo-preview{height:95px;background:repeating-conic-gradient(#f8f8f5 0% 25%,#fff 0% 50%) 50%/15px 15px}.asset-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#24302b88;color:white;opacity:0;transition:opacity .15s}.asset-preview:hover .asset-overlay{opacity:1}.image-actions{padding:10px;display:flex;gap:7px}.image-actions .btn{flex:1}.crop-controls{padding:0 12px 12px;background:#fff}.crop-controls label{font-size:10px;display:grid;grid-template-columns:42px 1fr 29px;align-items:center;gap:7px;margin-top:9px;color:#8b9682}.crop-controls output{font-size:9px;text-align:right}.info-box{border-radius:8px;background:#f7f9f2;padding:13px;color:#869478;font-size:10px;line-height:1.7;display:flex;gap:9px}.info-box svg{width:15px;height:15px;flex-shrink:0;color:#a1ae91;margin-top:1px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.template-card{border:1px solid #e1e5dc;border-radius:7px;background:#fff;padding:6px;text-align:left;min-width:0}.template-card.active{border:1.5px solid var(--orange);padding:5.5px}.template-thumb{height:85px;background:#f8f8f5;padding:9px 7px;position:relative;border:1px solid #f0f0eb}.template-thumb:before{content:'';display:block;width:30px;height:8px;background:var(--swatch);margin-bottom:12px}.template-thumb .tline{height:3px;background:#d9ded4;margin:4px 0}.template-thumb .ttable{height:16px;border:1px solid #dedfd8;border-top:5px solid #38463b;margin:7px 0}.template-thumb .tphoto{height:17px;background:#d3ddce}.template-label{font-size:8px;display:block;text-align:center;margin-top:7px;color:#7b8871;white-space:normal}.colour-field{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7a876f;margin:11px 0}.colour-value{display:flex;align-items:center;gap:8px;font-size:9px;font-family:monospace;color:#9da593}.color-hex{width:82px;padding:7px 5px!important;font-family:monospace;font-size:10px!important}.range-field{margin:17px 0;color:#7f8b75;font-size:11px}.range-field>span{display:flex;justify-content:space-between;margin-bottom:10px}.range-field output{font-size:10px;color:#a1ab97}.selected-card{border:1px solid #ffd3b7;border-radius:8px;background:#fffaf5;padding:13px;margin-bottom:20px}.selected-card .section-head{margin-bottom:12px}.selected-card h3{color:#b56837;font-size:11px}.selected-card .field-row{gap:8px}.selected-card .field{font-size:9px;margin-bottom:10px}.selected-card .field input{padding:8px;font-size:11px}.element-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:20px}.element-item{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:8px;border:1px solid #e7ebe0;border-radius:5px;background:#fff;font-size:9px;color:#869579;text-align:left}.element-item.selected{border-color:#ffa86f;background:#fff7ed;color:#b87844}.element-item.hidden{opacity:.5}.element-item svg{width:12px;height:12px}.modal-backdrop{position:fixed;inset:0;background:#17251f65;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:40;padding:24px}.modal{max-width:610px;width:100%;max-height:85dvh;border-radius:15px;background:#fff;box-shadow:0 24px 80px #17251f40;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:25px 26px 19px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal-header h2{font-size:20px;margin:0 0 6px}.modal-header p{font-size:11px;color:#919c88;margin:0;line-height:1.6}.modal-body{padding:22px 26px;overflow:auto}.modal-footer{padding:16px 26px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.draft-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #edf0e8;align-items:center}.draft-mini{width:41px;height:55px;border:1px solid #e2e8d9;background:#fafbf7;display:grid;place-items:center;color:var(--orange);border-top:4px solid var(--orange);flex-shrink:0}.draft-info{flex:1;min-width:0}.draft-info h3{font-size:12px;font-weight:600;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-info p{font-size:10px;color:#98a38e;margin:0;line-height:1.6}.draft-actions{display:flex;gap:3px}.empty{padding:30px 0;text-align:center;color:#9aa98d;font-size:12px}.export-choice{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #e2e8dc;border-radius:8px;margin-bottom:11px;cursor:pointer}.export-choice:has(input:checked){border-color:#ffac77;background:#fffbf6}.export-choice input{width:16px;flex-shrink:0;accent-color:var(--orange)}.export-choice svg{width:27px;height:27px;color:#acb99e;flex-shrink:0}.export-choice h3{margin:0 0 4px;font-size:12px}.export-choice p{margin:0;font-size:10px;color:#939f87;line-height:1.6}.export-choice .format{margin-left:auto;font-size:9px;background:#eef2e7;color:#94a17f;padding:5px 7px;border-radius:3px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#28362c;color:#edf3e7;padding:13px 19px;box-shadow:0 8px 25px #23352825;border-radius:9px;font-size:12px;z-index:100;transition:opacity .2s,transform .2s;max-width:90vw;line-height:1.6}.toast.visible{opacity:1;transform:translate(-50%,0)}.mobile-tabs{display:none}.help-steps{list-style:none;padding:0;counter-reset:step}.help-steps li{display:flex;gap:13px;margin-bottom:20px;line-height:1.7;font-size:12px;color:#77886d}.help-steps li:before{counter-increment:step;content:counter(step);background:#fff0e5;color:#c8834e;min-width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:11px}.help-steps strong{display:block;color:#43563c;font-weight:600}.export-progress{font-size:11px;color:#8b997e;text-align:center;padding:10px}.text-link{border:0;padding:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:10px;color:#9aab88}.toggle-label{font-size:10px;color:#98a38d}.inspector-body details{margin-bottom:15px}.inspector-body summary{cursor:pointer;font-size:11px;color:#7d8d6f;padding:8px 0}.inspector-body details[open] summary{margin-bottom:8px}.keyboard-key{display:inline-block;border:1px solid #e2e8db;border-radius:4px;background:#f8faf5;padding:2px 5px;font-size:9px;color:#859774;margin:0 3px}body.dragging{cursor:grabbing}body.dragging *{user-select:none}.mobile-toggle{display:none}.overflow-warning{font-size:10px;color:#ab8055;background:#fff7e9;padding:9px;border-radius:6px;margin:10px 0}.saving-tip{font-size:10px;line-height:1.7;color:#929f86}.kbd-hint{font-size:9px;color:#a9b1a0;margin-top:12px;line-height:1.6}.file-note{font-size:9px;color:#9aa68e;margin:6px 0 15px}.draft-list-inline .draft-item{flex-wrap:wrap}.draft-list-inline .draft-actions{margin-left:auto}.draft-list-inline .draft-mini{width:32px;height:43px}.draft-list-inline .draft-info{min-width:145px}
@media(min-width:1600px){.app-shell{grid-template-columns:86px 370px 1fr}.topbar{padding-left:32px}.inspector-body{padding:24px 28px}.inspector-head{padding:30px 28px}.document-bar{padding:27px 40px}}
@media(max-width:1100px){.app-shell{grid-template-columns:68px 309px 1fr}.rail{padding-left:4px;padding-right:4px}.topbar{padding:0 18px}.crumbs{display:none}.inspector-body{padding:18px}.inspector-head{padding:23px 18px}.document-bar{padding:20px}.document-name{font-size:19px;width:240px}.canvas-scroll{padding-left:20px;padding-right:20px}.doc-tools .tool-divider,.doc-tools .history-btn{display:none}.save-state{margin-right:0}.bottom-bar{padding:10px 20px}.doc-kicker{font-size:8px}}
@media(max-width:800px){.app-shell{height:auto;min-height:100dvh;grid-template-columns:1fr;grid-template-rows:65px 49px 1fr;overflow:visible}.topbar{padding:0 14px;position:sticky;top:0;z-index:20}.brand-mark{width:31px;height:31px;font-size:16px}.brand-name{font-size:18px}.brand-sub{font-size:7px}.brand{gap:9px}.top-actions{gap:7px}.top-actions .save-state,.top-actions .save-button,.top-divider{display:none}.top-actions .btn{padding:9px;font-size:10px}.top-actions .btn svg{width:15px}.rail{display:none}.mobile-tabs{display:flex;position:sticky;top:65px;z-index:19;background:#fff;border-bottom:1px solid var(--line);justify-content:space-around;padding:7px 10px;gap:5px}.mobile-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;background:transparent;border:0;border-radius:5px;font-size:10px;color:#879879;padding:8px 5px}.mobile-tabs button svg{width:15px;height:15px}.mobile-tabs button.active{background:#fff1e5;color:#c87e44}.inspector{grid-column:1;grid-row:3;border:0;display:none;overflow:visible;max-height:none}.inspector-head{padding:20px}.inspector-body{overflow:visible;padding:20px}.workarea{grid-column:1;grid-row:3;min-height:calc(100dvh - 114px)}body.mobile-edit .inspector{display:flex}body.mobile-edit .workarea{display:none}.document-bar{padding:20px 15px 14px;flex-wrap:wrap}.document-name{font-size:20px;width:280px}.doc-tools{margin-left:auto}.canvas-scroll{overflow:auto;padding:4px 14px 25px;min-height:400px}.bottom-bar{font-size:8px;padding:12px 14px}.bottom-bar .hide-mobile{display:none}.page-caption{font-size:8px}.inspector-head p{max-width:400px}.template-thumb{height:115px}.template-thumb .tphoto{height:35px}.template-grid{gap:12px}.modal-backdrop{padding:12px}.modal-header,.modal-body{padding:20px}.modal-footer{padding:15px 20px}.modal{max-height:90dvh}.draft-actions .icon-btn{width:28px}.image-card{max-width:500px}.asset-preview{height:160px}.field-row.three{gap:10px}}
@media print{.topbar,.rail,.inspector,.mobile-tabs,.document-bar,.bottom-bar,.page-caption{display:none!important}.app-shell,.workarea,.canvas-scroll{display:block;height:auto;overflow:visible;padding:0;background:white}.paper{box-shadow:none;width:210mm!important;height:297mm!important}.paper-wrap{margin:0}.hitbox{display:none}}

.range-field{display:block}.asset-overlay{gap:7px;align-content:center;justify-items:center}.asset-overlay svg{width:22px;height:22px}.crumbs>svg{width:11px;height:11px}.hide-mobile{display:inline}
.page-navigation{display:flex;align-items:center;gap:12px;min-height:55px;padding:9px 29px;border-top:1px solid #e6e9df;border-bottom:1px solid #e1e6d9;background:#fbfcf8;margin-bottom:17px}.page-nav-label{font-size:8px;letter-spacing:1.5px;color:#99a58b;font-weight:700}.page-tabs{display:flex;align-items:center;gap:7px;overflow:auto;flex:1;scrollbar-width:thin;padding:2px}.page-tab{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid transparent;padding:7px 10px;border-radius:6px;white-space:nowrap;color:#8d9b7e;font-size:10px;flex-shrink:0;max-width:235px;overflow:hidden;text-overflow:ellipsis}.page-tab>span{width:18px;height:18px;border:1px solid #dce3d1;border-radius:4px;font-size:9px;display:grid;place-items:center;flex-shrink:0}.page-tab.active{background:#fff;border-color:#dbe4cf;color:#586b48;box-shadow:0 1px 3px #31462006}.page-tab.active>span{background:var(--orange);color:#fff;border-color:var(--orange)}.page-list{display:flex;flex-direction:column;gap:12px;margin:18px 0}.page-card{border:1px solid #e1e8d8;border-radius:9px;overflow:hidden;background:#fff}.page-card.active{border-color:#ffb68b;background:#fffcf8;box-shadow:0 2px 9px #fa6a1607}.page-open{display:flex;align-items:center;gap:13px;border:0;background:none;width:100%;padding:12px;min-width:0;text-align:left}.page-mini{display:block;width:61px;height:86px;background:#fff;border:1px solid #e6eade;box-shadow:0 2px 5px #34472b0b;flex-shrink:0;overflow:hidden}.page-mini>svg{width:100%;height:100%}.page-card-text{display:flex;flex-direction:column;gap:6px;min-width:0}.page-card-text strong{font-size:11px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.page-card-text small{font-size:9px;color:#97a18b}.page-card-number{font-size:8px;letter-spacing:1.3px;font-weight:650;color:#a0ac92}.page-card.active .page-card-number{color:#d18a52}.page-card-actions{display:flex;justify-content:flex-end;gap:4px;padding:4px 9px;border-top:1px solid #edf0e7}.page-card-actions .icon-btn{height:27px;width:28px;font-size:16px}.remark-card{border:1px solid #e5eadd;border-radius:8px;padding:12px;margin-bottom:13px;background:#fcfdf9}.remark-card .field{margin-bottom:8px}.remark-card .check-row{margin:3px 0}.remark-actions{display:flex;gap:2px}.remark-actions .icon-btn{width:25px;height:25px;font-size:14px}.page-type-list{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.page-type-choice{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #e2e8d9;border-radius:9px;background:#fff;text-align:left}.page-type-choice:hover{border-color:#ffba8c;background:#fffaf4}.page-type-choice>svg{width:24px;height:24px;color:#9cab8a;flex-shrink:0}.page-type-choice>svg:last-child{width:17px;height:17px;margin-left:auto;color:#b4c0a4}.page-type-choice span{display:flex;flex-direction:column;gap:6px}.page-type-choice strong{font-size:12px;font-weight:650}.page-type-choice small{font-size:10px;color:#93a280;line-height:1.6}.new-project-pages{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.new-project-pages>span{display:flex;align-items:center;gap:6px;padding:8px;border-radius:6px;background:#f4f7ed;color:#8a9b74;font-size:10px}.new-project-pages svg{width:14px;height:14px}.page-navigation>select{width:84px;font-size:10px;padding:7px}.rail{gap:5px;padding-top:15px}.rail-btn{padding-top:11px;padding-bottom:9px}.project-title-note{font-size:9px;color:#94a280}
@media(max-width:800px){.hide-mobile{display:none}.topbar .btn.primary{min-width:78px}}
@media(max-width:1100px){.page-navigation{padding:9px 18px;gap:8px}.page-nav-label{display:none}.page-tab{padding:6px 8px;font-size:9px;max-width:185px}}
@media(max-width:800px){.mobile-tabs{overflow:auto;justify-content:flex-start;scrollbar-width:none}.mobile-tabs button{min-width:69px;flex-shrink:0;flex-grow:0}.page-navigation{padding:9px 13px;gap:6px;margin-bottom:12px}.page-tab{max-width:170px}.page-caption{max-width:100%;gap:10px}.page-caption>span:first-child{max-width:68%;line-height:1.6}.page-caption>span:last-child{display:none}.page-mini{width:73px;height:103px}.page-open{gap:17px}.page-card-text strong{font-size:12px}.page-type-choice{padding:15px}.new-project-pages{flex-direction:column;align-items:flex-start}.rail{display:none}}
@media print{.page-navigation{display:none!important}}