@font-face{font-family:Nunito Sans;src:url(/fonts/nunito-sans.ttf);font-weight:200 900;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/playfair-display.ttf);font-weight:400 900;font-display:swap}:root{font-family:Nunito Sans,sans-serif;font-size:14px;color:#303a35;background:#f4f5f1;font-synthesis:weight style;--green:#244b45;--green-light:#eaf0e9;--line:#e6e8e1;--muted:#697666;--focus:#63846e;--ease:cubic-bezier(.2,.7,.2,1);--fast:.15s;--normal:.22s;--paper:#fff;--serif:"Playfair Display",Georgia,serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease),border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),opacity var(--fast) var(--ease)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}:where(button:not(:disabled):hover){background:#f0f3ed}a{color:var(--green);text-decoration:none}input,textarea,select{width:100%;border:1px solid #dfe4da;background:#fff;border-radius:7px;padding:9px 11px;color:#36413a;outline:none;min-width:0;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),background-color var(--fast) var(--ease);line-height:1.45}input:focus,textarea:focus,select:focus{border-color:#739684;box-shadow:0 0 0 3px #244b4514}input[type=checkbox]{flex-shrink:0;margin:0;width:16px;height:16px;accent-color:var(--green);box-shadow:none}input[type=number]{padding-right:3px}textarea{resize:vertical}select{padding-right:23px}h1,h2,h3,p{margin:0}h3{font-size:14px;font-weight:750}button svg{flex-shrink:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#d8ddd3;border-radius:5px}.app{height:100dvh;min-height:550px;overflow:hidden;display:flex;flex-direction:column}.app-header{height:78px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 25px;gap:21px;z-index:20}.brand{flex-shrink:0;display:flex;gap:11px;align-items:center;font-family:var(--serif);font-size:24px;letter-spacing:-1px;font-weight:600;line-height:1}.brand-mark{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:13px;background:var(--green);color:#f3eed8}.brand-small{font-family:Nunito Sans,sans-serif;display:block;font-size:9px;letter-spacing:3.6px;margin-top:7px;font-weight:800;color:#969d8c}.header-divider{height:28px;background:var(--line);width:1px;margin-left:13px}.project-switch{flex-shrink:1;font-weight:700;padding:9px 2px;gap:14px;min-width:0}.project-switch-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:230px}.save-indicator{color:#6d7966;font-size:12px;gap:6px;padding:8px 0}.save-indicator.error{color:#b94837}.header-actions{display:flex;gap:10px;margin-left:auto;white-space:nowrap}.primary-button,.outline-button{min-height:39px;border-radius:7px;padding:10px 16px;font-size:13px;font-weight:700;line-height:1.2}.primary-button{color:#fff;background:var(--green);border:1px solid var(--green)}.primary-button:not(:disabled):hover{background:#183d37}.outline-button{border:1px solid var(--line);background:#fff;color:#4c584b}.outline-button.active{background:var(--green-light);border-color:#97ac93;color:var(--green)}.full{width:100%;margin-top:10px}.icon-button{padding:6px;border-radius:5px}.text-button{font-size:12px;color:#607a58;padding:12px 0;font-weight:700}.workspace{display:flex;flex:1;min-height:0}.tool-rail{width:76px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:18px 8px 13px;z-index:10}.rail-top,.rail-bottom{display:flex;flex-direction:column;gap:8px}.tool-rail button{width:60px;height:63px;flex-direction:column;gap:7px;border-radius:9px;color:#848c7f}.tool-rail button span{font-size:10px;font-weight:650}.tool-rail button.active{background:var(--green-light);color:var(--green)}.tool-rail button.active svg{stroke-width:1.8}.library{width:290px;flex-shrink:0;padding:24px 17px 17px;background:#fff;border-right:1px solid var(--line);overflow-y:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:7px}.panel-heading h2{font-size:14px;font-weight:800}.count{background:#f0f3ec;font-size:11px;border-radius:5px;padding:2px 6px;color:#88937d}.count:empty{display:none}.panel-description{font-size:11px;line-height:1.5;color:#6f7c69;margin:8px 0 20px}.page-list{display:flex;flex-direction:column;gap:17px}.page-row{position:relative}.page-pick{display:block;width:100%;text-align:left;padding:5px;background:#fff;border:1px solid transparent;border-radius:8px}.page-pick:not(:disabled):hover{background:#f6f8f2;border-color:#c1d0b7}.page-row.active .page-pick{border-color:#7c9b77;background:#f1f5ee;box-shadow:0 0 0 2px #e4ebde}.thumbnail-wrap{height:94px;background:#f5f5ee;border-radius:4px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.page-preview{position:relative;overflow:hidden;flex-shrink:0}.page-preview *{pointer-events:none!important}.page-number{position:absolute;left:5px;bottom:5px;padding:2px 5px;background:#fffdf7ed;border:1px solid #00000008;border-radius:4px;color:#727868;font-size:10px}.page-caption{display:flex;align-items:center;justify-content:space-between;padding:8px 0 3px;font-size:11px;gap:7px}.page-caption>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-row.active .page-caption{color:#496644;font-weight:700}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#5c8355}.page-reorder{position:absolute;right:-10px;top:14px;display:none;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:0 1px 5px #0001}.page-reorder button{padding:3px}.page-row:hover .page-reorder,.page-row:focus-within .page-reorder{display:flex}.add-page{width:100%;margin-top:21px;background:#fafcf7;border-style:dashed;font-size:12px}.editor-main{flex:1;min-width:0;display:flex;flex-direction:column;background:#f5f6f2;position:relative}.editor-toolbar{height:57px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:0 24px;flex-shrink:0}.editor-toolbar button{padding:7px;border-radius:5px;color:#747d6c;font-size:12px;font-weight:650;white-space:nowrap}.editor-toolbar button.active{background:var(--green-light);color:var(--green)}.toolbar-history,.insert-tools{display:flex;align-items:center;gap:5px}.toolbar-divider{width:1px;height:20px;background:var(--line)}.toolbar-spacer{flex:1}.editor-heading{padding:27px 36px 0;flex-shrink:0}.breadcrumb{color:#8f9788;font-size:9px;letter-spacing:1.8px;font-weight:750;display:flex;align-items:center;gap:10px}.breadcrumb span{opacity:.45}.editor-heading-row{display:flex;align-items:center;justify-content:space-between;padding-top:12px}.editor-heading h1{font:500 28px/1.25 var(--serif);color:#3a493b;letter-spacing:-.6px}.editor-heading p{font-size:11px;color:#7a876f;margin-top:7px}.editor-heading p span{color:#727e6a;margin-left:4px}.format-pill{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e0e5d8;border-radius:20px;font-size:10px;color:#8a957d;background:#f9faf6}.canvas-area{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:30px 0 35px;touch-action:none;background-image:radial-gradient(#cad0bf55 .65px,transparent .65px);background-size:12px 12px;background-position:center;position:relative}.canvas-page-label{display:flex;gap:12px;font-size:10px;color:#969d8d;align-items:center}.canvas-page-label span+span:before{content:"·";margin-right:12px}.artboard-wrap{position:relative;flex-shrink:0;box-shadow:0 9px 32px #35433212,0 1px 3px #35433218}.artboard{position:relative;overflow:hidden;transform-origin:top left;-webkit-user-select:none;user-select:none;isolation:isolate}.page-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.rendered-element{display:contents}.rendered-element>*{cursor:move;touch-action:none}.rendered-element.locked>*{cursor:default}.selection-box{position:absolute;border:1.5px solid #618b74;pointer-events:none;transform-origin:center;box-sizing:border-box;z-index:8}.selection-locked{border-style:dashed}.selection-tag{position:absolute;left:-2px;background:#507961;color:#fff;padding:3px 7px;white-space:nowrap;font-family:Nunito Sans,sans-serif;line-height:1.2;border-radius:3px}.resize-handle,.rotate-handle{position:absolute;right:-5px;bottom:-5px;background:#fff;border:1.5px solid #5c876e;padding:0;pointer-events:auto;cursor:nwse-resize}.rotate-handle{left:calc(50% - 5px);right:auto;bottom:auto;border-radius:50%;cursor:grab}.corner{position:absolute;width:7px;height:7px;border:1.5px solid #5c876e;background:#fff}.corner.tl{left:-4px;top:-4px}.corner.tr{right:-4px;top:-4px}.corner.bl{left:-4px;bottom:-4px}.page-safe-area{position:absolute;border:1px dashed #60817988;pointer-events:none;z-index:5}.fold-guide{position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed #608179;pointer-events:none;z-index:5}.canvas-hint{font-size:10px;color:#a1a799;line-height:1.4;text-align:center;position:absolute;bottom:19px;letter-spacing:.1px}.inline-text{position:absolute;padding:0;border:1px solid #618b74;border-radius:0;background:#fffefaee;z-index:10;resize:none;white-space:pre-wrap}.editor-footer{height:52px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e3e7db;padding:0 25px;background:#f9faf6;flex-shrink:0}.local-badge{display:flex;align-items:center;gap:6px;font-size:10px;color:#98a08e}.local-badge>span{width:5px;height:5px;border-radius:50%;background:#9bb290}.page-pagination,.zoom-tools{display:flex;align-items:center;gap:8px;font-size:11px;color:#536a4d}.page-pagination button,.zoom-tools button{padding:5px;border-radius:4px}.page-pagination>span{min-width:36px;text-align:center}.page-pagination>span>span{color:#9aa48f}.zoom-tools{gap:5px}.zoom-number{font-size:11px;min-width:37px}.inspector{width:278px;flex-shrink:0;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.inspector-tabs{display:flex;padding:0 18px;height:57px;border-bottom:1px solid var(--line);flex-shrink:0;gap:19px}.inspector-tabs button{min-width:0;flex-shrink:0;font-size:12px;font-weight:700;padding:0 3px;position:relative;color:#6d7966;white-space:nowrap}.inspector-tabs button.active{color:var(--green)}.inspector-tabs button.active:after{position:absolute;content:"";bottom:-1px;left:0;right:0;height:2px;background:var(--green)}.inspector-content{padding:25px 21px;overflow-y:auto;flex:1}.inspector-content h3{margin-bottom:18px;font-size:13px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;min-width:0;text-align:left}.field>span:first-child{font-size:11px;color:#66745f;font-weight:650}.field input,.field select,.field textarea{font-size:12px}.field small{font-size:10px;color:#727e6a;line-height:1.5}.field textarea.text-edit{min-height:141px;line-height:1.8}.divider{height:1px;background:var(--line);margin:24px 0}.current-baby{width:100%;background:#f8f6ef!important;border:1px solid #efece2;border-radius:8px;padding:12px 8px;gap:8px;text-align:left}.current-baby img{width:82px;height:75px;object-fit:contain;mix-blend-mode:multiply}.current-baby div{display:flex;flex-direction:column;gap:7px}.current-baby b{font-size:12px}.current-baby span{font-size:10px;color:#849376}.font-sample{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:7px;font-family:var(--serif);font-size:25px}.font-sample span{font-size:12px;font-family:Nunito Sans,sans-serif}.font-sample svg{margin-left:auto;color:#839a73}.muted{color:#6f7d66;font-size:11px;line-height:1.75;margin:11px 0}.inspector-content .outline-button{font-size:11px}.source-link{display:flex;gap:6px;align-items:center;justify-content:center;font-size:10px;color:#839377;margin-top:24px}.property-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.property-title h3{margin:0}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.typography-row{display:flex;align-items:end;gap:10px}.typography-row>.field{flex:1}.style-buttons{display:flex;gap:4px;margin-bottom:15px}.style-buttons button{height:36px;width:36px;border:1px solid var(--line);border-radius:5px}.style-buttons button.active{background:var(--green-light);color:var(--green);border-color:#b1c0a6}.segmented{display:flex;padding:3px;background:#f3f5ef;border-radius:7px;margin:12px 0 17px;gap:2px}.segmented button{flex:1;padding:7px 4px;border-radius:5px;font-size:11px;color:#6f7b64}.segmented button.active{background:#fff;color:var(--green);box-shadow:0 1px 4px #263d2510}.segmented.compact button{font-size:9px}.align-buttons{margin-top:0}.color-field{display:flex;align-items:center;border:1px solid #dfe4da;border-radius:7px;padding-left:9px}.color-field input[type=color]{width:22px;height:22px;flex-shrink:0;border:0;padding:0;box-shadow:none;border-radius:3px;overflow:hidden}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.color-field:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px #244b4514}.color-field input:last-child{border:0;background:none;text-transform:uppercase;font-size:11px;box-shadow:none}.variable-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:-7px 0 16px}.variable-buttons button{padding:4px 8px;border:1px solid #e1e7da;border-radius:5px;background:#f9fbf6;font-size:10px;color:#859579}.property-actions{display:flex;border:1px solid var(--line);border-radius:6px;margin-top:12px}.property-actions button{flex:1;padding:10px;border-right:1px solid var(--line)}.property-actions button:last-child{border-right:0;color:#a98375}.inspector-image{width:100%;height:120px;object-fit:contain;background:#f8f7ef;border-radius:7px;margin-bottom:17px}.danger{color:#ae7168!important}.soft-note{font-size:11px;line-height:1.75;color:#6b795f;padding:12px;background:#f5f8f1;border:1px solid #eaf0e3;border-radius:7px;margin:15px 0}.baby-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.baby-card{display:flex;flex-direction:column;gap:5px;background:#fbfaf5;border:1px solid #efede4;border-radius:8px;padding:8px 4px;position:relative;min-width:0}.baby-card.active{border-color:#809974;background:#eff4e9}.baby-card img{width:100%;height:68px;object-fit:contain;mix-blend-mode:multiply}.baby-card span{font-size:9px;color:#7b8970}.baby-card svg{position:absolute;right:4px;top:4px;color:#527148}.search-input{font-size:12px}.search-input+.text-library{margin-top:14px}.text-library{display:flex;flex-direction:column;gap:10px}.poem-card{display:block;text-align:left;border:1px solid var(--line);border-radius:8px;padding:12px;width:100%}.poem-card>div{display:flex;gap:6px;align-items:center}.poem-card b{font-size:10px;line-height:1.4;flex:1}.poem-card svg{color:#849978;flex-shrink:0}.poem-card p{font-size:11px;white-space:pre-line;color:#6d785f;line-height:1.75;margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.upload-zone{display:flex;flex-direction:column;padding:25px 5px;border:1px dashed #bfcbb5;border-radius:8px;width:100%;background:#fafcf7;color:#7e9270}.upload-zone b{font-size:11px;margin-top:7px}.upload-zone span{font-size:9px}.section-label{font-size:11px!important;color:#6b795f;margin:24px 0 12px}.layer-list{display:flex;flex-direction:column;gap:7px}.layer{display:flex;align-items:center;padding:5px;border:1px solid var(--line);border-radius:6px;gap:2px}.layer.active{background:#eff4e9;border-color:#abc29b}.layer-label{flex:1;min-width:0;justify-content:flex-start;gap:6px}.layer-label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.layer-label svg{color:#92a286}.layer>button{padding:6px 3px}.layer>button:not(:first-child){color:#9ca891}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;isolation:isolate;z-index:100;display:flex;align-items:center;justify-content:center;padding:28px}.modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:#243c3055;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{position:relative;z-index:1;width:490px;max-width:100%;max-height:calc(100dvh - 56px);overflow:auto;background:#fff;border-radius:17px;box-shadow:0 25px 80px #182d2430;padding:29px;outline:none}.modal.wide{width:820px}.modal>header{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:28px}.modal h2{overflow-wrap:anywhere;font:500 25px/1.3 var(--serif);color:#354d3c}.modal header p{font-size:12px;color:#718064;margin-top:9px;line-height:1.5}.modal>header .icon-button{margin:-5px -7px 0 0;color:#839175}.modal .field>span:first-child{font-size:12px}.modal .field input,.modal .field select,.modal .field textarea{font-size:14px}.modal-actions{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.project-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative}.project-card.active{border-color:#8ca57e}.project-card>button:first-child{display:block;width:100%;text-align:left;padding:0}.project-art{background:#f8f4e6;height:156px;display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column}.project-art img{width:120px;height:100px;object-fit:contain;mix-blend-mode:multiply}.project-art span{font:500 20px var(--serif);color:#658658}.project-card-copy{padding:13px}.project-card-copy h3{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-copy p{display:flex;justify-content:space-between;font-size:9px;color:#6f7c62;margin-top:8px}.delete-project{position:absolute;top:7px;right:7px;background:#fffd!important;color:#a67c6b;border-radius:5px;padding:6px}.modal-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:25px;padding-top:10px}.modal-footer .muted{max-width:240px;font-size:10px}.modal-footer .text-button{white-space:nowrap}.export-summary{display:flex;align-items:center;gap:15px;padding:18px;background:#f6f7f0;border-radius:10px;margin-bottom:24px}.export-icon{background:#e7eedf;padding:12px;border-radius:10px;color:#6d8b59}.export-summary h3{font-size:14px;margin-bottom:6px}.export-summary p{font-size:11px;color:#8a987b}.export-formats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.export-formats button{position:relative;display:flex;flex-direction:column;align-items:start;padding:16px;border:1px solid var(--line);border-radius:8px;gap:8px;color:#889b76}.export-formats button.active{border-color:#85a370;background:#f1f6eb}.export-formats b{font-size:12px;color:#526347}.export-formats span{font-size:10px;color:#929f84}.export-formats button>svg:last-child:not(:first-child){position:absolute;top:12px;right:12px}.checkbox-label{display:flex;gap:9px;align-items:center;margin:24px 0 19px;font-size:12px}.export-progress{font-size:11px;text-align:center;color:#6c7b5d;margin-top:14px}.new-preview{background:#f7f7ef;padding:15px;border-radius:8px;display:flex;gap:16px;align-items:center;margin:20px 0}.new-preview img{width:120px;height:100px;object-fit:contain;mix-blend-mode:multiply}.new-preview b{font-size:12px}.new-preview p{font-size:11px;line-height:1.7;color:#6f7e61;margin-top:7px}.help-list{display:flex;flex-direction:column;gap:20px}.help-list p{font-size:12px;line-height:1.8;color:#6e7c60}.help-list b{display:block;color:#4f6544;margin-bottom:4px}.shortcuts{background:#f6f8f1;border-radius:8px;padding:15px;margin:24px 0;display:flex;flex-direction:column;gap:10px;font-size:11px}.shortcuts>span{display:flex;justify-content:space-between;align-items:center;gap:15px}kbd{font:10px Nunito Sans,sans-serif;background:#fff;border:1px solid #dee5d7;border-radius:4px;padding:4px 7px;color:#819272}.toast{width:max-content;max-width:calc(100vw - 32px);line-height:1.5;position:fixed;bottom:22px;left:50%;transform:translate(-50%);padding:13px 20px;background:#244b45;color:#fff;border-radius:9px;box-shadow:0 4px 20px #17362b30;z-index:200;display:flex;align-items:center;gap:10px;font-size:13px}.error-banner{position:fixed;bottom:20px;left:20px;right:20px;background:#fff1eb;border:1px solid #e7bead;color:#924932;padding:14px 20px;border-radius:9px;z-index:210;display:flex;justify-content:space-between;gap:20px}.loading-screen{height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;background:#f4f6ef}.loading-screen h1{font:500 34px var(--serif);color:var(--green)}.loading-screen p{font-size:13px;color:#879779}.loading-screen .error-message{color:#b06246;max-width:600px;text-align:center}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-mode .insert-tools,.preview-mode .toolbar-history,.preview-mode .toolbar-divider,.preview-mode .editor-toolbar>button{visibility:hidden}.is-preview .rendered-element>*{cursor:default}@media(min-width:1600px){.library{width:310px;padding:26px 25px}.inspector{width:310px}.inspector-content{padding:27px}.editor-heading{padding:32px 47px 0}.editor-toolbar{padding:0 36px}.canvas-area{padding:35px 0 45px}.app-header{height:82px}.editor-heading h1{font-size:32px}}@media(max-width:1250px){.app-header{gap:13px;padding:0 18px}.save-indicator span{display:none}.header-divider{margin-left:5px}.library{width:260px;padding-left:9px;padding-right:9px}.inspector{width:252px}.inspector-content{padding:22px 17px}.tool-rail{width:69px;padding-left:5px;padding-right:5px}.editor-toolbar{padding:0 13px;gap:8px}.insert-tools{gap:1px}.insert-tools button{gap:5px}.editor-heading{padding:25px 26px 0}.editor-heading h1{font-size:24px}.format-pill{display:none}.editor-footer{padding:0 16px}.canvas-hint{font-size:9px}.brand{font-size:21px}.local-badge{font-size:9px}.modal .field input{font-size:14px}}@media(max-width:1050px){.library{width:240px;padding-left:6px;padding-right:6px}.inspector{width:230px}.inspector-tabs{gap:15px;padding:0 14px}.inspector-tabs button{min-width:0;flex-shrink:0;font-size:11px}.inspector-content{padding:22px 14px}.insert-tools button span{display:none}.canvas-hint{max-width:80%}.current-baby{padding:10px 4px}.current-baby img{width:68px}.editor-footer{padding:0 10px}.local-badge,.save-indicator{display:none}.brand-small{font-size:8px}.preview-toggle span{display:none}.project-switch-label{max-width:180px}.editor-heading h1{font-size:23px}}@media(max-width:850px){.app{height:auto;min-height:100dvh;overflow:visible}.app-header{position:sticky;top:0;height:68px;padding:0 12px;gap:12px}.brand{font-size:0;gap:0}.brand-small{display:none}.brand-mark{width:37px;height:37px;border-radius:10px}.header-divider{display:none}.project-switch{font-size:12px}.project-switch-label{max-width:140px}.header-actions{gap:6px}.header-actions button{padding:9px 11px;font-size:11px}.workspace{display:grid;grid-template-columns:60px 1fr;min-height:calc(100dvh - 68px)}.tool-rail{grid-column:1;grid-row:1/4;width:60px;position:sticky;top:68px;height:calc(100dvh - 68px);padding:12px 4px}.tool-rail button{width:51px;height:60px}.tool-rail button span{font-size:8px}.library{grid-column:2;width:100%;height:200px;border-right:0;border-bottom:1px solid var(--line);padding:14px;overflow:auto}.library .panel-heading{display:inline-flex;gap:10px;margin-bottom:8px}.library .panel-description{display:none}.page-list{display:flex;flex-direction:row;gap:10px;width:max-content}.page-row{width:143px}.thumbnail-wrap{height:70px}.thumbnail-wrap .page-preview{transform:scale(.75)}.page-caption{font-size:9px}.library .add-page{display:inline-flex;width:auto;min-height:36px;margin:12px 0 4px}.library .baby-grid{display:flex;width:max-content}.library .baby-card{width:100px}.library .baby-card img{height:65px}.library .soft-note{display:none}.library .segmented{display:inline-flex;margin:0 12px 10px}.library .text-library{display:flex;flex-direction:row;width:max-content}.library .poem-card{width:190px}.library .search-input{display:inline;width:200px;margin-left:15px}.library .source-link{display:none}.library .upload-zone{width:210px;display:inline-flex;padding:14px;vertical-align:top}.library .section-label{display:none}.library .layer-list{flex-direction:row;flex-wrap:wrap}.library .layer{width:220px}.editor-main{grid-column:2;min-height:580px;height:calc(100dvh - 280px)}.editor-heading{padding:20px 24px 0}.editor-heading h1{font-size:26px}.canvas-area{min-height:320px}.inspector{grid-column:2;width:100%;border-left:0;border-top:1px solid var(--line);max-height:none}.inspector-tabs{height:51px;padding-left:25px}.inspector-content{padding:23px 25px;display:block;columns:2;column-gap:32px}.inspector-content>.field,.inspector-content>.two-cols,.inspector-content>.divider,.inspector-content>.property-title,.inspector-content>h3,.inspector-content>.current-baby,.inspector-content>.font-sample{break-inside:avoid}.inspector-content .divider{margin:15px 0}.inspector-content .field{break-inside:avoid}.inspector-content textarea.text-edit{min-height:160px}.preview-mode .editor-main{height:calc(100dvh - 68px)}.modal-backdrop{padding:16px}.modal{max-height:calc(100dvh - 32px);padding:23px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-footer{flex-direction:column;gap:0;align-items:start}.modal-footer .muted{max-width:none}}@media(max-width:540px){.project-switch-label{max-width:120px}.header-actions .primary-button{padding:10px}.header-actions .primary-button span{display:none}.app-header{gap:9px}.workspace{grid-template-columns:52px 1fr}.tool-rail{width:52px;padding-left:1px;padding-right:1px}.tool-rail button{width:49px}.editor-toolbar{gap:3px;padding:0 8px}.editor-toolbar button{padding:6px}.editor-heading{padding:20px 18px 0}.editor-heading h1{font-size:22px}.breadcrumb{font-size:8px;letter-spacing:1px}.canvas-area{min-height:290px}.canvas-page-label{font-size:8px;gap:5px}.canvas-hint{font-size:8px;bottom:16px}.editor-main{min-height:490px}.inspector-content{columns:1;padding:22px}.projects-grid{grid-template-columns:1fr 1fr;gap:10px}.project-art{height:125px}.project-art img{width:95px;height:78px}.modal h2{font-size:23px}.modal-actions .outline-button{font-size:11px;padding:9px}.new-preview{gap:10px}.new-preview img{width:90px}.export-formats button{padding:12px}.modal-backdrop{padding:9px}.modal{padding:21px;max-height:calc(100dvh - 18px)}}.compact-check{font-size:10px;color:#8a987c;margin:0 0 16px;gap:6px}.compact-check input{width:13px;height:13px}.layout-warning{background:#fff8e8;border:1px solid #ead6a4;padding:12px;border-radius:8px;margin:15px 0;font-size:11px;color:#917335}.layout-warning p{line-height:1.7;margin:6px 0}.layout-warning button{display:block;text-decoration:underline;padding:3px 0;font-size:11px;color:#775f2e}.upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#f4f6efaa;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.upload-overlay>div{display:flex;flex-direction:column;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 42px;box-shadow:0 15px 60px #20362922;color:var(--green)}.upload-overlay strong{font-size:15px}.upload-overlay span{font-size:12px;color:#7a876f}.outline-button:not(:disabled):hover{background:#f5f8f1;border-color:#b7c6ad;color:#34573d}.primary-button:not(:disabled):active{background:#153b35}.outline-button.active:not(:disabled):hover{background:#e1eadb;border-color:#8fa781}.icon-button:not(:disabled):hover{background:#edf2e8}.icon-button.danger:not(:disabled):hover,.property-actions>button:last-child:not(:disabled):hover{background:#fff0eb;color:#a34233}.tool-rail button.active:not(:disabled):hover{background:#dfeadc;color:var(--green)}.layer:hover{border-color:#b5c7a9}.layer.active:hover{background:#e7f0df}.poem-card:not(:disabled):hover{border-color:#abc29b;background:#f8faf4}.style-buttons button.active:not(:disabled):hover,.align-buttons button.active:not(:disabled):hover{border-color:#9bb48c;background:#e6efdc}.segmented button.active:not(:disabled):hover{background:#fff;color:var(--green)}.export-formats button.active:not(:disabled):hover{background:#e8f0de;border-color:#71935e}.inspector-tabs button:not(.active):hover{background:#f7f9f3;color:#3f5b39}.inspector-tabs button.active:hover{background:transparent}.inspector-content,.library{overscroll-behavior:contain;scroll-padding:18px}.inspector-tabs{overflow-x:auto;scrollbar-width:thin}.library>.panel-heading+.media-library-panel{margin-top:16px}.library>.divider+.section-label{margin-top:0}.library-field-buttons{margin-top:0}.field>input:disabled,.field>textarea:disabled,.field>select:disabled{background:#f3f5f0;color:#7b8375;cursor:not-allowed}:where(input,textarea)::placeholder{color:#788271;opacity:1}.checkbox-label{line-height:1.5}.error-banner>span{min-width:0;overflow-wrap:anywhere;line-height:1.5}.error-banner>button{flex-shrink:0}.toast>svg{flex-shrink:0}.toast[role=status]{pointer-events:none}@media(hover:none){.page-reorder{display:flex;right:0;top:8px}.page-reorder button{padding:5px}}@media(max-width:1050px){.app-header .home-back span,.app-header .use-template-button span{display:none}}@media(max-width:850px){.inspector-content{columns:1}.library .search-input{display:block;width:100%;margin-left:0}.library .text-library{margin-top:14px}.app-header .brand-mark{flex-shrink:0}.app-header .project-switch{flex:1}.app-header .project-switch-label{max-width:none}.header-actions{flex-shrink:0}.app-header .home-back{padding:8px}.app-header .use-template-button{min-width:36px}.app-header .header-divider{display:none}}@media(max-width:540px){.app-header{gap:6px;padding:0 10px}.app-header .project-switch{gap:5px}.app-header .project-switch-label{font-size:11px}.app-header .header-actions{gap:4px}.app-header .header-actions button{padding:9px;min-height:36px}.app-header .home-back{padding:6px}.app-header .brand-mark{width:32px;height:32px}.inspector-tabs{padding-left:18px}.projects-grid{grid-template-columns:1fr}.error-banner{left:12px;right:12px;padding:12px}.upload-overlay>div{max-width:calc(100vw - 32px);padding:24px;text-align:center}.editor-heading .breadcrumb{display:block;overflow-wrap:anywhere;line-height:1.7}.editor-heading-row{min-width:0}.editor-heading h1{overflow-wrap:anywhere}.editor-toolbar{gap:2px}.toolbar-divider{margin:0 2px}.toolbar-history,.insert-tools{gap:0}.editor-footer{gap:5px}.page-pagination,.zoom-tools{gap:2px}}.app .toast{bottom:calc(66px + env(safe-area-inset-bottom,0px))}.tool-rail{min-height:0;gap:16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.tool-rail .rail-top,.tool-rail .rail-bottom{flex-shrink:0}.tool-rail button{flex-shrink:0;width:100%}.tool-rail button span{line-height:1.25;text-align:center}.inline-variables{margin:10px 0 0;min-width:0;font-size:12px;line-height:1.45}.inline-variable-chips{display:flex;flex-wrap:wrap;gap:6px}.inline-variable-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:7px 9px;border-radius:8px;border:1px solid #ddd6cc;background:#fff;cursor:pointer;text-align:left;font-size:12px}.inline-variable-chip span{overflow-wrap:anywhere;min-width:0}.inline-variable-chip svg{flex-shrink:0}.inline-variable-chip.suggested{background:#fff5e8;border-color:#e5be83;color:#795025;font-weight:600}.inline-variable-chip.saved{color:#4c6c5e;background:#f0f6f2;border-color:#d4e3d9}.inline-variable-chip:hover,.inline-variable-chip.active{border-color:#a9793d;box-shadow:0 0 0 1px #a9793d}.inline-variable-hint{font-size:11px;color:#7e7367;line-height:1.5;margin:7px 0 0;overflow-wrap:anywhere}.inline-variable-hint code{font:inherit;color:#8b5d2d;background:#f4eee5;padding:1px 4px;border-radius:3px}.inline-variable-settings{background:#faf8f4;border:1px solid #e6ded2;border-radius:10px;padding:12px;margin-top:9px;text-align:left}.inline-variable-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:9px;color:#4e4337}.inline-variable-heading strong{overflow-wrap:anywhere}.inline-variable-heading .icon-button{flex-shrink:0;width:24px;height:24px}.inline-variable-settings .field{margin:0 0 10px}.inline-variable-settings .field>:is(input,textarea){min-width:0;width:100%}.inline-variable-required{display:flex;gap:7px;align-items:flex-start;font-size:11px;color:#665c50;cursor:pointer}.inline-variable-required input{margin-top:2px;flex-shrink:0}.inline-variable-more{display:flex;gap:5px;align-items:center;padding:0;border:0;background:none;color:#8b6334;font-size:11px;cursor:pointer;margin-top:10px;text-align:left}.inline-variable-more:hover{text-decoration:underline}.inline-variable-error{font-size:12px;color:#a4372e;margin:7px 0 0}.inline-variable-chip{min-height:34px;line-height:1.5;transition:background-color .16s,border-color .16s,box-shadow .16s}.inline-variable-chip.suggested:hover{background:#fff0da;border-color:#b88543}.inline-variable-chip.saved:hover{background:#e7f0e9;border-color:#88a18e}.inline-variable-chip.saved.active{background:#e7f0e9;border-color:#6a8973;box-shadow:0 0 0 1px #6a8973}.inline-variable-settings{padding:13px;margin-top:11px;break-inside:avoid}.inline-variable-heading strong{line-height:1.45}.inline-variable-heading .icon-button{width:28px;height:28px}.inline-variable-required{gap:8px;line-height:1.55}.inline-variable-required input{width:15px;height:15px;accent-color:#50735a}.inline-variable-more{min-height:30px;line-height:1.5}.inline-variable-settings .field>input{min-height:37px}.snap-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12}.snap-guide{position:absolute;background:#c052ac;pointer-events:none}.snap-guide-x{top:0;bottom:0}.snap-guide-y{left:0;right:0}.snap-angle{position:absolute;transform:translate(-50%,-50%);background:#a74794;color:#fff;font-weight:700;line-height:1.4;white-space:nowrap;box-shadow:0 2px 6px #3b254424}.canvas-area textarea.inline-text{background-image:none;opacity:1;text-shadow:none;transition:none;-webkit-text-fill-color:currentColor}.canvas-area textarea.inline-text[data-editor-theme=dark]{border-color:#a3d8ba}.canvas-area textarea.inline-text[data-editor-theme=dark]:focus{border-color:#a3d8ba;box-shadow:0 0 0 2px #a3d8ba}.canvas-area textarea.inline-text[data-editor-theme=light]:focus{border-color:#355c47;box-shadow:0 0 0 2px #355c47}.canvas-area textarea.inline-text::selection{background:#b5dded;color:#102d3a;-webkit-text-fill-color:#102d3a}.studio-home{height:100dvh;overflow:auto;background:#f8f8f4;color:#283d38;scrollbar-gutter:stable}.studio-home :where(button,a,input):focus-visible{outline:2px solid #588168;outline-offset:3px}.home-header{min-height:80px;padding:16px max(32px,calc((100vw - 1260px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-bottom:1px solid #e3e8df}.home-header>div{display:flex;align-items:center;gap:10px;flex-shrink:0}.home-header a{text-decoration:none}.home-header .text-button{padding:9px 11px;border-radius:8px;color:#496550;font-size:12px;white-space:nowrap;transition:background-color .16s ease,color .16s ease}.home-header .text-button:not(:disabled):hover{background:#edf3e8;color:#264b3b}.home-header .text-button:not(:disabled):active{background:#e1ebd9;color:#244935}.home-main{max-width:1260px;margin:auto;padding:48px 32px 76px}.home-welcome{margin-bottom:40px}.home-eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:750;color:#577467}.home-welcome h1{font-size:38px;line-height:1.2;font-weight:650;letter-spacing:-1.2px;margin:13px 0 12px;color:#29473b}.home-welcome p{color:#667467;font-size:14px;line-height:1.75;margin:0;max-width:650px}.home-create-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:27px}.home-create-actions>button{display:flex;align-items:center;gap:17px;min-width:0;border-radius:14px;padding:25px 23px;text-align:left;border:1px solid #dce5d7;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.home-create-actions>button>span:nth-child(2){flex:1;min-width:0}.home-create-actions>button>svg{flex-shrink:0}.home-create-actions strong{display:block;font-size:18px;line-height:1.35;font-weight:700}.home-create-actions small{display:block;font-size:12px;line-height:1.65;margin-top:6px;font-weight:400}.home-create-actions>.home-create-template{background:#244b45;border-color:#244b45;color:#fff}.home-create-actions>.home-create-template:not(:disabled):hover{background:#1c4039;border-color:#1c4039;color:#fff;transform:translateY(-2px);box-shadow:0 7px 20px #244b4521}.home-create-actions>.home-create-template:not(:disabled):active{background:#16382f;border-color:#16382f;color:#fff;transform:translateY(0);box-shadow:0 2px 7px #244b4514}.home-create-actions>.home-create-book{background:#fff;border-color:#d5e0ce;color:#284d3e}.home-create-actions>.home-create-book:not(:disabled):hover{background:#f1f6ec;border-color:#aabf9d;color:#234831;transform:translateY(-2px);box-shadow:0 7px 20px #244b4512}.home-create-actions>.home-create-book:not(:disabled):active{background:#e7efdf;border-color:#96af87;color:#234831;transform:translateY(0);box-shadow:0 2px 7px #244b450c}.home-create-template small,.home-create-template:not(:disabled):hover small{color:#dfebe5}.home-create-book small,.home-create-book:not(:disabled):hover small{color:#61705f}.home-action-icon{width:50px;height:50px;border-radius:12px;background:#ffffff14;display:grid;place-items:center;flex-shrink:0}.home-create-book .home-action-icon{background:#eaf1e2;color:#547344}.home-library-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #e0e6db;padding-bottom:17px}.home-filters{display:flex;gap:5px;min-width:0}.home-filters button{background:transparent;padding:10px 14px;border:0;border-radius:8px;color:#647362;display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.4;white-space:nowrap;transition:background-color .16s ease,color .16s ease}.home-filters button:not(:disabled):hover{background:#edf2e7;color:#365339}.home-filters button.active{background:#e4eddc;color:#304f37;font-weight:700}.home-filters button.active:not(:disabled):hover,.home-filters button:not(:disabled):active{background:#dbe7d2;color:#2c4e32}.home-filters button span{min-width:18px;text-align:center;font-size:11px;font-weight:600;color:#546c48}.home-search{display:flex;align-items:center;gap:9px;min-width:0;width:268px;padding:0 11px;border:1px solid #e0e7d9;border-radius:8px;background:#fff;color:#77896b;transition:border-color .16s ease,box-shadow .16s ease}.home-search:focus-within{border-color:#8ca77a;box-shadow:0 0 0 3px #6b895817}.home-search>svg{flex-shrink:0}.home-search input{width:100%;min-width:0;background:transparent;border:0!important;box-shadow:none!important;padding:10px 0;font-size:12px;line-height:1.5;color:#36503b;outline:none}.home-search input::placeholder{color:#64745d;opacity:1}.studio-home .home-search input:focus-visible{outline:none}.home-section{margin-top:30px}.home-section+.home-section{margin-top:38px}.home-section-heading h2{font-size:20px;line-height:1.35;font-weight:700;letter-spacing:-.4px;margin:0 0 7px;color:#314d3a}.home-section-heading h2 span{font-size:12px;font-weight:500;color:#607253;margin-left:8px}.home-section-heading p{font-size:12px;color:#687661;margin:0 0 18px;line-height:1.65}.home-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px}.home-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dfe6d8;border-radius:12px;overflow:hidden;min-width:0;box-shadow:0 2px 4px #2c453206;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.home-card:hover{border-color:#b8c9a9;transform:translateY(-2px);box-shadow:0 7px 20px #2c453211}.home-card:focus-within{border-color:#94ae80;box-shadow:0 0 0 2px #91ad7e29}.home-card-open{display:block;flex:1;width:100%;background:#fff;border:0;padding:0;text-align:left;color:inherit}.home-card-open:not(:disabled):hover{background:#fff;color:inherit}.home-card-open:not(:disabled):active{background:#f6f9f1;color:inherit}.home-card-open:not(:disabled):hover h3{color:#416d3d}.studio-home .home-card-open:focus-visible{outline-offset:-3px;border-radius:11px 11px 0 0}.home-template-art,.home-book-art{height:176px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#eff1e9}.home-template-art .page-preview{box-shadow:0 3px 12px #263b2520;pointer-events:none}.home-template-art>span{position:absolute;left:11px;top:11px;background:#ffffffed;border:1px solid #dce4d4;border-radius:5px;padding:4px 7px;font-size:10px;line-height:1.4;color:#506b48}.home-book-art{flex-direction:column;gap:12px;color:#60815a;background:linear-gradient(145deg,#e6eddb,#f3eee4)}.home-book-art>span{font-size:12px;padding:0 16px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#58704f}.home-card-copy{padding:17px 17px 16px}.home-type-label{font-size:9px;font-weight:650;letter-spacing:1.3px;color:#677a5c}.home-card h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:7px 0 8px;font-size:15px;line-height:1.5;font-weight:700;color:#344f39;overflow-wrap:anywhere;transition:color .16s ease}.home-card-copy p{font-size:11px;line-height:1.5;color:#68785f;margin:0}.home-card-actions{border-top:1px solid #edf1e7;padding:8px 11px;display:flex;gap:5px;align-items:center;justify-content:space-between;min-height:49px;background:#fdfefa}.home-card-actions .text-button{font-size:11px;padding:8px 6px;border-radius:6px;white-space:nowrap;color:#4c6b41;gap:5px;transition:background-color .16s ease,color .16s ease}.home-card-actions .text-button:not(:disabled):hover{background:#eaf2e2;color:#31562b}.home-card-actions .text-button:not(:disabled):active{background:#dcead1;color:#2b5125}.home-card-actions .icon-button{color:#75856b;border-radius:6px;flex-shrink:0;transition:background-color .16s ease,color .16s ease}.home-card-actions .icon-button:not(:disabled):hover{background:#faeee7;color:#9a4b37}.home-card-actions .icon-button:not(:disabled):active{background:#f5e0d5;color:#8a3b2a}.home-empty{display:flex;align-items:center;gap:18px;padding:28px;border:1px dashed #cddbc1;border-radius:11px;color:#829374;background:#ffffff90}.home-empty>svg{flex-shrink:0}.home-empty h3{margin:0 0 7px;font-size:14px;line-height:1.4;font-weight:650;color:#526c45}.home-empty p{margin:0;font-size:12px;line-height:1.7;color:#64745d}.home-back{white-space:nowrap}.home-back span{font-size:12px}@media(max-width:1000px){.home-main{padding-top:38px}.home-create-actions>button{padding:22px 18px;gap:14px}.home-create-actions strong{font-size:17px}.home-action-icon{width:44px;height:44px;border-radius:11px}}@media(max-width:800px){.home-main{padding:30px 22px 50px}.home-header{padding:15px 22px}.home-create-actions{grid-template-columns:1fr;gap:12px;margin-top:23px}.home-library-tools{align-items:stretch;flex-direction:column;gap:13px}.home-search{width:100%}.home-welcome{margin-bottom:29px}.home-welcome h1{font-size:32px;letter-spacing:-.8px}.home-welcome p{font-size:13px}.home-header>div{gap:5px}.home-back span{display:none}.home-card-grid{gap:16px}.home-section+.home-section{margin-top:32px}}@media(max-width:480px){.home-header{min-height:68px;padding:12px 17px;gap:12px}.home-header .brand{gap:0}.home-header .brand>span:last-child{display:none}.home-header .brand-small{display:none}.home-header .text-button{font-size:11px;gap:6px;padding:8px}.home-header>div{gap:3px}.home-main{padding:28px 18px 42px}.home-eyebrow{font-size:9px;letter-spacing:1.4px}.home-welcome h1{font-size:29px}.home-create-actions>button{padding:19px 15px;gap:12px;border-radius:12px}.home-create-actions strong{font-size:16px}.home-create-actions small{font-size:11px}.home-create-actions>button>svg{width:18px}.home-action-icon{width:39px;height:44px}.home-filters{gap:4px}.home-filters button{padding:9px 10px;font-size:12px;gap:6px}.home-card-grid{grid-template-columns:minmax(0,1fr)}.home-section-heading h2{font-size:19px}.home-empty{padding:22px 18px;gap:13px}.home-empty h3{font-size:13px}.home-empty p{font-size:11px}}@media(prefers-reduced-motion:reduce){.studio-home *,.studio-home *:before,.studio-home *:after{animation:none!important;transition:none!important}.home-create-actions>button:not(:disabled):hover,.home-card:hover{transform:none!important}}.home-template-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.home-template-heading h2{margin-bottom:0}.home-template-heading>.text-button{font-size:12px;white-space:nowrap;gap:6px;color:#4c6b41;border-radius:7px;padding:8px}.home-template-heading>.text-button:hover,.home-card-actions .home-template-export:not(:disabled):hover{background:#eaf2e2;color:#31562b}.home-card-actions .home-template-export:not(:disabled):active{background:#dcead1;color:#2b5125}.export-template-button{color:#55734e;border-radius:8px;min-width:36px;min-height:36px}.export-template-button:hover{background:#eef4e8;color:#31562b}@media(max-width:480px){.home-template-heading{gap:8px}.home-template-heading>.text-button{font-size:11px;padding:7px 0}.home-template-heading h2{font-size:18px}}.inline-image-variants{margin:14px 0 18px;padding:13px;border:1px solid #d8ded5;border-radius:12px;background:#f9fbf7;break-inside:avoid}.inline-variants-heading{display:flex;align-items:center;gap:8px;color:#4f6847;margin-bottom:10px}.inline-image-variants .inline-variants-heading h3{font-size:13px;margin:0;flex:1;line-height:1.4}.inline-variants-heading>span{font-size:11px;padding:2px 7px;border-radius:15px;background:#e7eddf}.inline-image-variants p{font-size:11px;line-height:1.6;color:#66705f;margin:8px 0 12px}.inline-image-variants .field{margin-bottom:10px}.inline-image-variants .field>span{font-size:11px}.inline-image-variants .field small{font-size:11px;line-height:1.5}.inline-image-variants .primary-button,.inline-image-variants .outline-button{font-size:11px;gap:6px;padding:9px 8px;white-space:normal;line-height:1.45}.inline-variants-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:310px;overflow-y:auto;overscroll-behavior:contain;margin-bottom:10px;padding:2px}.inline-variants-grid>button{display:block;width:100%;border:1px solid #dce0d8;border-radius:8px;background:#fff;min-width:0;padding:5px;color:#62655c;text-align:left}.inline-variants-grid>button.active{border-color:#6b855b;box-shadow:0 0 0 1px #6b855b;background:#f2f7ee}.inline-variants-grid>button>span:last-child{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;margin-top:4px}.inline-variant-thumbnail{display:flex;position:relative;width:100%;aspect-ratio:1;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background:#f4f3ef;color:#72766d}.inline-variant-thumbnail img{width:100%;height:100%;object-fit:contain}.inline-variant-thumbnail>.lucide-check{position:absolute;bottom:3px;right:3px;color:#fff;background:#607a4e;border-radius:50%;padding:2px;width:18px;height:18px}.inline-variants-search{display:flex;align-items:center;gap:6px;border:1px solid #dce0d8;border-radius:7px;padding:0 7px;background:#fff;margin-bottom:8px;color:#71776c}.inline-variants-search input{border:0;background:transparent;min-width:0;width:100%;padding:8px 0;font-size:11px}.inline-variant-edit{background:#fff;padding:9px;border:1px solid #e1e5dc;border-radius:8px;margin-bottom:10px}.inline-variant-edit-actions{display:flex;align-items:center;gap:6px}.inline-variant-edit-actions>.outline-button{flex:1}.inline-variant-default{display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:#717967;font-size:11px;padding:9px 0 0;width:100%}.inline-variant-default.active{color:#587946}.inline-image-variants p.inline-variants-note{font-size:11px;color:#72766b}.inline-variants-settings{display:flex;flex-direction:column;gap:12px;margin-top:16px;border-top:1px solid #e1e5dc;padding-top:16px}.inline-variants-settings .checkbox-label{font-size:11px;margin:0;line-height:1.6;min-height:28px}.inline-image-variants p.inline-variants-error{color:#ae443e;background:#fff0ed;border-radius:6px;padding:8px}.inline-image-variants{padding:14px;min-width:0}.inline-image-variants .inline-variants-heading h3{line-height:1.5}.inline-image-variants .field select{width:100%;min-width:0;padding-right:24px}.inline-variants-grid{gap:8px;padding:3px;scrollbar-gutter:stable}.inline-variants-grid>button{padding:6px;transition:background-color .16s,border-color .16s,box-shadow .16s}.inline-variants-grid>button:hover{border-color:#9caf8f;background:#f7faf3}.inline-variants-grid>button>span:last-child{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;line-height:1.4;overflow-wrap:anywhere}.inline-variants-search:focus-within{border-color:#7d9a70;box-shadow:0 0 0 3px #7d9a701c}.inline-variants-search input{outline:none}.inline-variant-edit{padding:11px}.inline-variant-edit-actions{align-items:stretch}.inline-variant-edit-actions>.outline-button{min-width:0;min-height:36px}.inline-variant-edit-actions>.icon-button{min-width:32px}.inline-variant-default{min-height:36px;line-height:1.5;padding:9px 0 2px}.image-mode-control{min-width:0;margin:14px 0}.image-mode-toggle{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #dce3d7;border-radius:11px;background:#edf1e8}.image-mode-toggle:before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 12px)/2);border-radius:7px;background:#244b45;box-shadow:0 2px 5px #244b451a;transition:transform .2s ease}.image-mode-toggle[data-mode=dynamic]:before{transform:translate(calc(100% + 4px))}.image-mode-toggle>button{min-width:0;min-height:46px;padding:9px 10px;line-height:1.45;font-size:12px;font-weight:650;color:#5e7153;text-align:center;border:0;border-radius:7px;background:transparent;transition:color .16s ease,background-color .16s ease}.image-mode-toggle>button[aria-pressed=true]{color:#fff}.image-mode-toggle>button[aria-pressed=false]:not(:disabled):hover{background:#dde7d4;color:#3e5f35}.image-mode-toggle>button:focus-visible{outline:2px solid #91aa7d;outline-offset:1px}.image-mode-toggle>button:disabled{cursor:wait;opacity:.65}.image-mode-control>.image-mode-hint{margin:9px 2px 0;font-size:11px;line-height:1.6;color:#68765f}@media(prefers-reduced-motion:reduce){.image-mode-toggle:before,.image-mode-toggle>button{transition:none}}.inline-variant-edit-actions>.file-drop-target{flex:1;min-width:0}.inline-variant-edit-actions>.file-drop-target>button{width:100%}.file-drop-target{position:relative;min-width:0;border-radius:8px}.file-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;border:2px dashed #648b53;border-radius:inherit;background:#f0f7e9ed;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px;text-align:center;font-size:12px;font-weight:700;line-height:1.5;color:#375d30;box-shadow:0 0 0 3px #648b5320}.file-drop-hint{display:block;margin:6px 2px 0;font-size:10px;line-height:1.5;color:#728366;text-align:center}.file-drop-error{font-size:11px;line-height:1.6;background:#fff3ed;color:#a55439;border:1px solid #efd4c5;border-radius:6px;padding:9px 11px;margin:8px 0;overflow-wrap:anywhere}.file-upload-picker{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:200px;padding:25px;width:100%;border:1px dashed #bacbad;border-radius:11px;background:#f8faf5;text-align:center;color:#476344;transition:background-color .16s,border-color .16s}.file-upload-picker:not(:disabled):hover{background:#f0f6e8;border-color:#8aa777}.file-upload-picker>b{font-size:14px;line-height:1.5}.file-upload-picker>span{font-size:12px;color:#65775b;line-height:1.5}.file-upload-picker>small{font-size:11px;color:#6c7962;line-height:1.6}.file-upload-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}@media(prefers-reduced-motion:reduce){.file-upload-picker{transition:none}}.library .media-library-panel{display:flex;flex-direction:column;gap:13px;min-width:0;padding-bottom:12px}.library .media-upload-button{display:flex;width:100%;padding:14px 11px;border:1px dashed #a6bbaa;border-radius:10px;background:#f3f7f0;color:#244b45;justify-content:flex-start;gap:9px;text-align:left}.library .media-upload-button:hover{background:#eaf0e7;border-color:#688e73}.library .media-upload-button>span{flex:1;font-size:11px;font-weight:800;line-height:1.4}.library .media-upload-button small{display:block;font-size:11px;font-weight:500;color:#6b7868;margin-top:4px}.library .media-upload-button>svg{flex-shrink:0}.library .media-source-tabs{display:flex;flex-wrap:wrap;gap:4px;background:#ecefe8;border-radius:8px;padding:4px}.library .media-source-tabs button{flex:1 1 auto;padding:8px 6px;font-size:11px;border-radius:5px;white-space:nowrap}.library .media-source-tabs button[aria-selected=true]{background:#fff;box-shadow:0 1px 3px #1b382a12;font-weight:800;color:#244b45}.library .media-library-panel .field{margin:0}.library .media-library-panel .field select{width:100%;font-size:11px;padding:10px 8px;min-width:0}.library .media-search{display:flex;align-items:center;gap:7px;border:1px solid #dfe5da;border-radius:8px;padding:8px;background:#fff;color:#6e776a}.library .media-search input{background:none;border:0;outline:none;width:100%;min-width:0;padding:0;font-size:11px}.library .media-search:focus-within{border-color:#688e73;box-shadow:0 0 0 2px #688e7318}.library .media-library-count{font-size:11px;color:#6f776a;margin:0}.library .media-item-list{display:grid;grid-template-columns:minmax(0,1fr);gap:13px}.library .media-item{border:1px solid #e1e6dd;border-radius:9px;overflow:hidden;background:#fff;min-width:0}.library .media-item-preview{padding:8px;width:100%;height:125px;background:repeating-conic-gradient(#f0f2ed,#f0f2ed 25%,#fafbf8 0%,#fafbf8 50%) 50% / 18px 18px}.library .media-item-preview:hover{background-color:#e5eddf}.library .media-item-preview img{display:block;width:100%;height:100%;object-fit:contain}.library .media-item-caption{padding:10px 10px 7px;min-width:0}.library .media-item-caption strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;font-size:11px;line-height:1.55;font-weight:750}.library .media-item-caption small{display:block;color:#6f7769;font-size:11px;margin-top:3px}.library .media-item-actions{display:flex;border-top:1px solid #edf0e8}.library .media-item-actions button{padding:9px 5px;font-size:11px;flex:1;gap:4px}.library .media-item-actions button+button{border-left:1px solid #edf0e8;flex:.62}.library .media-item-actions button:hover{background:#edf3e9;color:#244b45}.library .media-empty{padding:23px 10px;text-align:center;color:#6e7868;font-size:11px;line-height:1.7}.library .media-empty>svg{margin-bottom:5px;color:#6f7867}.library .media-empty h4{font-size:12px;line-height:1.55;color:#41523c;margin:4px 0 8px}.library .media-empty p{margin:5px 0 15px}.library .media-secondary-button,.library .media-show-more{padding:9px 10px;border:1px solid #d4dfcc;border-radius:7px;color:#355832;font-size:11px}.library .media-show-more{width:100%}.library .media-secondary-button:hover,.library .media-show-more:hover{background:#edf3e9}.library .media-library-hint{font-size:11px;line-height:1.7;color:#6f776a;margin:0}@media(max-width:850px){.library:has(.media-library-panel){height:300px}.library .media-item-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.library .media-source-tabs{align-self:flex-start}.library .media-upload-button{max-width:320px}.library .media-empty{padding:12px;max-width:430px}.library .media-library-panel .field,.library .media-search{max-width:370px}}.library .media-upload-button{border-radius:11px;min-height:74px;transition:background-color .16s,border-color .16s}.library .media-upload-button>span{font-size:12px}.library .media-upload-button small{font-size:11px;line-height:1.5}.library .media-source-tabs{gap:3px;padding:4px}.library .media-source-tabs button{min-height:34px;line-height:1.4}.library .media-source-tabs button[aria-selected=true]{color:#244b45;box-shadow:0 1px 4px #1b382a16}.library .media-search{min-height:38px}.library .media-search input{font-size:12px}.library .media-search input:focus{box-shadow:none}.library .media-item{transition:border-color .16s,box-shadow .16s}.library .media-item:hover{border-color:#b6c8ac;box-shadow:0 3px 10px #244b4509}.library .media-item-caption{padding:11px 11px 9px}.library .media-item-caption strong{font-size:12px;line-height:1.5}.library .media-item-caption small{font-size:11px;line-height:1.5}.library .media-item-actions button{min-height:36px;padding:9px 6px;white-space:normal;line-height:1.45}.library .media-item-actions button>svg{flex-shrink:0;width:13px}.library .media-library-panel .field select{padding-right:25px;max-width:100%;text-overflow:ellipsis}.library .media-library-hint{padding-top:3px;line-height:1.65}.library .image-fields-library{display:flex;flex-direction:column;gap:12px;min-width:0;padding-bottom:14px}.image-fields-heading p{font-size:11px;line-height:1.65;color:#66765f;margin:0}.image-fields-create{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;min-width:0}.image-fields-create>button{display:flex;align-items:center;gap:4px;min-width:0;min-height:38px;padding:8px 6px;border:1px solid #ceddc5;border-radius:8px;background:#f4f8ef;color:#355636;font-size:11px;font-weight:700;transition:background-color .16s,border-color .16s}.image-fields-create>button>span{flex:1;min-width:0;text-align:left}.image-fields-create>button>svg{flex-shrink:0}.image-fields-create>button:not(:disabled):hover{background:#e8f1df;border-color:#a5bd94}.image-fields-create>button:not(:disabled):active{background:#dfeacf}.image-fields-create>button:disabled{opacity:.5;cursor:not-allowed}.image-fields-search{display:flex;align-items:center;gap:7px;min-width:0;min-height:38px;padding:8px 9px;border:1px solid #dce5d4;border-radius:8px;background:#fff;color:#6b7d5e;transition:border-color .16s,box-shadow .16s}.image-fields-search:focus-within{border-color:#8ba875;box-shadow:0 0 0 3px #688e7315}.image-fields-search>svg{flex-shrink:0}.image-fields-search input{width:100%;min-width:0;font-size:11px;line-height:1.5;padding:0;background:transparent;border:0;outline:none;box-shadow:none!important;color:#385338}.image-fields-search input::placeholder{color:#6b7b60;opacity:1}.image-fields-library .image-fields-search input:focus-visible{outline:none}.image-fields-count{font-size:11px;font-weight:600;color:#68785e;margin:0}.image-fields-list{display:flex;flex-direction:column;gap:9px;min-width:0}.image-field-card{min-width:0;border:1px solid #dfe6d9;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .16s,box-shadow .16s}.image-field-card.expanded{border-color:#b6c8a8;box-shadow:0 2px 8px #284a3207}.image-field-toggle{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;min-width:0;padding:10px;background:#fff;text-align:left;color:#395039}.image-field-toggle:not(:disabled):hover{background:#f6f9f1}.image-field-toggle:not(:disabled):active{background:#edf3e5}.image-field-cover{display:flex;align-items:center;justify-content:center;width:43px;height:51px;flex-shrink:0;overflow:hidden;border-radius:6px;background:#f1f3eb;color:#8b9d7f}.image-field-cover img{display:block;width:100%;height:100%;object-fit:contain}.image-field-title{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.image-field-title strong{display:block;font-size:12px;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:750}.image-field-title code{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.4;color:#52664a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.image-field-title small{font-size:11px;line-height:1.4;color:#6e7b65}.image-field-chevron{color:#778b68;flex-shrink:0;transition:transform .16s}.image-field-toggle[aria-expanded=true] .image-field-chevron{transform:rotate(180deg)}.image-field-body{padding:0 10px 10px;min-width:0;border-top:1px solid #edf1e7}.image-field-placement{margin:10px 0;font-size:11px;line-height:1.55;color:#66775c}.image-field-placement.unplaced{color:#597646}.image-field-body .field{margin-bottom:10px;gap:5px}.image-field-body .field>span:first-child{font-size:11px;color:#64775a}.image-field-body .field select{width:100%;min-width:0;max-width:100%;padding:8px 24px 8px 8px;font-size:11px;text-overflow:ellipsis}.image-field-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:115px;padding:10px;margin-bottom:11px;border:1px dashed #d4dfca;border-radius:7px;background:#f7f9f2;color:#7d916d}.image-field-photo img{width:100%;height:100%;object-fit:contain}.image-field-photo>span{font-size:11px;line-height:1.5;text-align:center;max-width:150px;color:#667b56}.image-field-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-height:244px;overflow-y:auto;overscroll-behavior:contain;padding:2px;margin:0 -2px 10px;min-width:0}.image-field-choices>button{display:block;width:100%;min-width:0;padding:4px;border:1px solid #e0e7d8;border-radius:6px;background:#fff;text-align:left;color:#536c45;transition:border-color .16s,background-color .16s}.image-field-choices>button:not(:disabled):hover{background:#f2f7eb;border-color:#adc699}.image-field-choices>button.active{border-color:#799c63;background:#eef5e7;box-shadow:0 0 0 1px #799c63}.image-field-choices>button.active:not(:disabled):hover{background:#e7f0de;border-color:#698b54}.image-field-choice-art{display:flex;align-items:center;justify-content:center;position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:3px;background:#f4f5ef;color:#92a483}.image-field-choice-art img{display:block;width:100%;height:100%;object-fit:contain}.image-field-choice-art>.lucide-check{position:absolute;right:2px;bottom:2px;padding:2px;width:17px;height:17px;border-radius:50%;background:#5e7f49;color:#fff}.image-field-choice-name{display:block;width:100%;min-width:0;padding-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.4}.image-field-show-more{width:100%;padding:6px;font-size:11px;color:#4c713b;border-radius:5px;margin:-3px 0 9px}.image-field-show-more:not(:disabled):hover{background:#eff5e7}.image-field-note{font-size:11px;line-height:1.6;color:#697b5d;margin:7px 0 11px}.image-field-place-actions{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-width:0;border:1px solid #d4e0ca;border-radius:7px;overflow:hidden}.image-field-place-actions>button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:36px;padding:8px 4px;background:#f7faf3;color:#3d6033;font-size:11px;font-weight:750;line-height:1.4;white-space:normal}.image-field-place-actions>button+button{border-left:1px solid #d4e0ca}.image-field-place-actions>button>svg{flex-shrink:0;width:12px}.image-field-place-actions>button:not(:disabled):hover{background:#e9f2df;color:#2e5125}.image-field-place-actions>button:not(:disabled):active{background:#ddebcf}.image-field-place-actions>.image-field-duplicate{grid-column:1/-1;border-left:0;border-top:1px solid #d4e0ca;font-weight:600}.image-field-configure{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:32px;margin-top:6px;padding:7px 4px;border-radius:6px;background:transparent;color:#59714a;font-size:11px;line-height:1.5}.image-field-configure:not(:disabled):hover{background:#f1f6e9;color:#3f612f}.image-field-configure>svg{flex-shrink:0}.image-fields-hint{font-size:11px;line-height:1.65;color:#6b7b60;margin:0}.image-fields-empty{padding:18px 3px;color:#809671;text-align:center}.image-fields-empty>svg{margin-bottom:7px}.image-fields-empty h3{font-size:13px;line-height:1.5;color:#405f36;margin:0 0 7px}.image-fields-empty p{font-size:11px;line-height:1.65;color:#657b55;margin:0 0 17px}.image-fields-empty .image-fields-create{text-align:left}.image-fields-library :where(button):focus-visible{outline:2px solid #66884e;outline-offset:2px}.image-field-toggle:focus-visible{outline-offset:-3px}.image-field-place-actions>button:focus-visible{outline-offset:-2px}@media(max-width:850px){.library.image-fields-sidebar{height:clamp(350px,48dvh,420px)}.library .image-fields-library{gap:10px}.image-fields-heading p{max-width:520px}.image-fields-create,.image-fields-search{width:100%;max-width:390px}.image-fields-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:start;gap:10px}.image-fields-hint{max-width:520px}.image-fields-empty{max-width:430px;padding:12px 0}.image-field-photo{height:105px}}@media(max-width:480px){.image-fields-list{grid-template-columns:minmax(0,1fr)}.library.image-fields-sidebar{height:clamp(350px,48dvh,420px)}.image-field-cover{width:45px}.image-field-choices{grid-template-columns:repeat(3,minmax(0,1fr));max-height:215px}.image-field-choice-name{font-size:11px}.image-field-place-actions>button{font-size:11px;min-height:38px}}@media(prefers-reduced-motion:reduce){.image-fields-library *{transition:none!important}}.image-library-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:0 0 16px;padding:4px;border-radius:9px;background:#eef2e8}.image-library-tabs>button{min-width:0;padding:9px 3px;border-radius:6px;color:#617252;font-size:10px;line-height:1.5;transition:background-color .16s,color .16s,box-shadow .16s}.image-library-tabs>button:hover{background:#e2ebda;color:#385638}.image-library-tabs>button[aria-selected=true]{background:#fff;color:#365634;box-shadow:0 1px 4px #29442c14;font-weight:750}.image-library-tabs>button:focus-visible,.image-fields-import:focus-visible{outline:2px solid #66884e;outline-offset:2px}.image-fields-import{display:flex;align-items:center;justify-content:center;gap:7px;min-height:37px;border:1px solid #dce5d4;border-radius:7px;font-size:11px;color:#59734c;transition:background-color .16s}.image-fields-import:hover{background:#edf4e6}@media(prefers-reduced-motion:reduce){.image-library-tabs>button,.image-fields-import{transition:none}}.text-fields-sidebar .image-library-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.text-fields-library{display:flex;flex-direction:column;gap:12px;min-width:0}.text-fields-intro{margin:0;color:#69795e;font-size:11px;line-height:1.65}.text-fields-search{display:flex;align-items:center;gap:7px;min-width:0;padding:9px 10px;border:1px solid #dce5d3;border-radius:7px;background:#fff;color:#788d68;transition:border-color .16s,box-shadow .16s}.text-fields-search:focus-within{border-color:#8ba875;box-shadow:0 0 0 3px #688e7315}.text-fields-search>svg{flex-shrink:0}.text-fields-search input{width:100%;min-width:0;font-size:11px;padding:0;background:transparent;border:0;outline:none;box-shadow:none!important;color:#385338}.text-fields-search input::placeholder{color:#6b7b60;opacity:1}.text-fields-library .text-fields-search input:focus-visible{outline:none}.text-fields-count{margin:0;font-size:11px;font-weight:600;color:#68785e}.text-fields-list{display:flex;flex-direction:column;gap:9px;min-width:0}.text-variable-card{min-width:0;border:1px solid #dfe6d9;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .16s,box-shadow .16s}.text-variable-card.expanded{border-color:#b6c8a8;box-shadow:0 2px 8px #284a3207}.text-variable-toggle{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;min-width:0;padding:10px;background:#fff;text-align:left;color:#395039}.text-variable-toggle:not(:disabled):hover{background:#f6f9f1}.text-variable-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:36px;border-radius:7px;background:#f1f4eb;color:#788e66}.text-variable-title{display:flex;flex-direction:column;flex:1;gap:3px;min-width:0}.text-variable-title strong{font-size:12px;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-variable-title code{font-size:11px;color:#52664a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-variable-title small{font-size:10px;color:#718163;line-height:1.5}.text-variable-toggle>svg{flex-shrink:0;color:#778b68;transition:transform .16s}.text-variable-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.text-variable-body{padding:12px 10px 10px;border-top:1px solid #edf1e7;min-width:0}.text-variable-aliases{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 10px;font-size:10px;line-height:1.6;color:#6b7b60}.text-variable-aliases code{overflow-wrap:anywhere;background:#f3f5ee;border-radius:3px;padding:0 3px}.text-variable-value{display:flex;flex-direction:column;gap:6px;min-width:0;margin-bottom:10px}.text-variable-value>span{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;color:#607351;line-height:1.5}.text-variable-value small{font-size:9px;color:#7c886f}.text-variable-value textarea,.text-variable-value select{width:100%;max-width:100%;min-width:0;font-size:12px;line-height:1.55;padding:8px;border:1px solid #dce4d3;border-radius:6px;background:#fcfdf9;color:#354c2e}.text-variable-value textarea{resize:vertical;min-height:61px;max-height:200px}.text-variable-value textarea::placeholder{color:#829077;opacity:1}.text-variable-image-note{margin:0 0 10px;font-size:10px;line-height:1.6;color:#728264;overflow-wrap:anywhere}.text-variable-actions{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d4e0ca;border-radius:7px;overflow:hidden}.text-variable-actions>button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:36px;padding:8px 4px;background:#f7faf3;color:#3d6033;font-size:11px;font-weight:700;line-height:1.4;white-space:normal}.text-variable-actions>button+button{border-left:1px solid #d4e0ca}.text-variable-actions>button>svg{flex-shrink:0;width:12px}.text-variable-actions>button:not(:disabled):hover{background:#e9f2df;color:#2e5125}.text-variable-usage-heading{display:flex;align-items:center;gap:6px;margin:15px 0 8px;font-size:11px;color:#506b41}.text-variable-usage-heading strong{font-weight:650}.text-variable-usage-heading>span{padding:1px 5px;border-radius:4px;background:#eef3e7;color:#7a8b6b;font-size:10px}.text-variable-usages{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.text-variable-usage{padding:8px;border:1px solid #e8eddf;border-radius:7px;min-width:0;background:#fcfdf9}.text-variable-page{display:flex;flex-direction:column;gap:4px;min-width:0}.text-variable-page>strong{font-size:11px;line-height:1.5;color:#4a643c;overflow-wrap:anywhere}.text-variable-flags{display:flex;flex-wrap:wrap;gap:6px}.text-variable-flags>span{display:flex;align-items:center;gap:3px;font-size:9px;color:#7f8a73}.text-variable-context+.text-variable-context{border-top:1px solid #e8eddf;margin-top:8px;padding-top:8px}.text-variable-context-name{display:block;font-size:10px;line-height:1.5;color:#7c876f;margin-top:5px;overflow-wrap:anywhere}.text-variable-context p{margin:6px 0;font-size:11px;line-height:1.65;color:#617553;overflow-wrap:anywhere;white-space:pre-wrap}.text-variable-context>button{display:flex;align-items:center;gap:4px;width:100%;min-height:28px;padding:4px 6px;border-radius:4px;background:#f0f5e9;color:#4d7138;font-size:10px;line-height:1.4;text-align:left}.text-variable-context>button:hover{background:#e4efd9;color:#325625}.text-variable-context>button>small{margin-left:auto;font-size:9px;color:#748968}.text-variable-context-picker{display:flex;flex-direction:column;gap:3px;margin-top:7px;min-width:0}.text-variable-context-picker>span{font-size:9px;color:#7c876f}.text-variable-context-picker>select{width:100%;min-width:0;max-width:100%;padding:5px 23px 5px 6px;font-size:10px;line-height:1.5;background:#fff;color:#536b45;border:1px solid #dce5d2;border-radius:4px;text-overflow:ellipsis}.text-variable-context-note{display:block;margin:0 0 6px;font-size:9px;line-height:1.5;color:#7c886f}.text-variable-unused{margin:0;font-size:11px;color:#718464;line-height:1.65;overflow-wrap:anywhere}.text-variable-unused code{font-size:10px;color:#526b43}.text-variable-show-more{width:100%;margin-top:6px;padding:7px;border-radius:5px;font-size:11px;color:#547442}.text-variable-show-more:hover{background:#edf4e6}.text-fields-empty{text-align:center;color:#809671;padding:18px 3px}.text-fields-empty>svg{margin-bottom:7px}.text-fields-empty h3{margin:0 0 7px;font-size:13px;line-height:1.5;color:#405f36}.text-fields-empty p{margin:0;font-size:11px;line-height:1.65;color:#657b55}.text-fields-add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:36px;padding:8px;border:1px solid #d4e0ca;border-radius:7px;color:#4e713e;background:#f7faf3;font-size:11px}.text-fields-add:hover{background:#eaf2e1;color:#355b29}.text-fields-library :where(button,textarea,select):focus-visible{outline:2px solid #66884e;outline-offset:2px}.text-variable-toggle:focus-visible{outline-offset:-3px}.text-variable-actions>button:focus-visible{outline-offset:-2px}@media(max-width:850px){.library.text-fields-sidebar{height:clamp(350px,48dvh,420px)}.text-fields-intro{max-width:520px}.text-fields-search,.text-fields-add{max-width:390px}.text-fields-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:start;gap:10px}.text-fields-empty{max-width:430px}.text-variable-usages{max-height:260px}}@media(max-width:480px){.text-fields-list{grid-template-columns:minmax(0,1fr)}.text-variable-actions>button{min-height:38px}}@media(prefers-reduced-motion:reduce){.text-fields-library *{transition:none!important}}.sortable-layers .layer{position:relative;-webkit-user-select:none;user-select:none}.sortable-layers .layer-grip{flex:none;color:#a1ad98;cursor:grab}.sortable-layers .layer>.layer-label{color:#303a35;cursor:grab}.sortable-layers .layer-label svg{flex-shrink:0}.sortable-layers .layer-grip:hover{color:#537345;background:#edf3e7}.sortable-layers .layer-grip:active,.sortable-layers.is-sorting .layer-label{cursor:grabbing}.sortable-layers .layer.is-dragging{opacity:.45}.sortable-layers .layer.drop-before:before,.sortable-layers .layer.drop-after:after{content:"";position:absolute;left:0;right:0;height:2px;border-radius:2px;background:#638550;box-shadow:0 0 0 2px #fff;pointer-events:none;z-index:1}.sortable-layers .layer.drop-before:before{top:-5px}.sortable-layers .layer.drop-after:after{bottom:-5px}.layer-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gelato-modal{width:min(1200px,calc(100vw - 40px))!important;padding:0!important;display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 48px)}.gelato-modal>header{padding:22px 26px;border-bottom:1px solid var(--line);margin:0;flex-shrink:0}.gelato-setup{padding:24px;overflow:auto;max-width:650px;width:100%;margin:auto}.gelato-step-note{display:flex;align-items:center;gap:14px;background:var(--green-light);padding:16px;border-radius:10px;margin-bottom:23px;color:var(--green)}.gelato-format-picker{padding:0;margin:0 0 22px;border:0;min-width:0}.gelato-format-picker legend{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:10px}.gelato-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gelato-format-card{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.gelato-format-card:hover:not([data-unavailable=true]){border-color:#a3b591;background:#fafcf7}.gelato-format-card[data-selected=true]{border-color:var(--green);background:#f1f6ec;box-shadow:0 0 0 1px var(--green)}.gelato-format-card[data-unavailable=true]{opacity:.5;cursor:not-allowed}.gelato-format-card:has(input:focus-visible){outline:3px solid #8baf76;outline-offset:3px}.gelato-format-card input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gelato-format-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.gelato-format-icon{display:inline-flex;padding:5px;border-radius:7px;background:#f0f3eb;color:#73866a}.gelato-format-card[data-selected=true] .gelato-format-icon{background:#e1ead9;color:var(--green)}.gelato-format-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #c3cdbb;border-radius:50%;color:#fff}.gelato-format-card[data-selected=true] .gelato-format-check{background:var(--green);border-color:var(--green)}.gelato-format-name{font-size:12px;font-weight:600;color:var(--muted)}.gelato-format-card strong{font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.5px;color:#334933;white-space:nowrap}.gelato-format-card strong span{font-size:14px;margin-left:2px;color:#73836b}.gelato-format-card small{font-size:10px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.gelato-step-note p,.gelato-format-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:5px}.gelato-format-note{margin:0 0 20px}.gelato-review{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:0;height:min(790px,calc(100dvh - 160px))}.gelato-pdf{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f0f2ed}.gelato-pdf iframe{width:100%;flex:1;min-height:0;border:0;background:#dde1d9}.gelato-pdf-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 15px;background:#fafbf8;font-size:12px}.gelato-pdf-toolbar>a{display:inline-flex;align-items:center;gap:6px}.gelato-pdf-toolbar .text-button{margin-right:auto}.gelato-pdf>p{padding:10px 15px;font-size:11px;color:var(--muted);line-height:1.5}.gelato-delivery{padding:20px;overflow:auto;border-left:1px solid var(--line);min-height:0}.gelato-delivery>p{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0 16px}.gelato-delivery fieldset{padding:0;margin:0;border:0;min-width:0}.gelato-delivery .field{margin-bottom:13px}.gelato-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pdf-preview{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.pdf-preview-controls{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#eef1e9;border-bottom:1px solid #d9e0d4;font-size:11px;flex-shrink:0}.pdf-preview-controls>span{flex:1}.pdf-preview-controls button{padding:7px;border-radius:5px}.pdf-preview-controls label{display:flex;align-items:center;gap:8px;white-space:nowrap}.pdf-preview-controls select{width:auto;padding:4px 22px 4px 8px;font-size:11px}.pdf-preview-surface{position:relative;flex:1;min-height:0;overflow:auto;display:grid;place-items:center;background:#dfe4dc;padding:16px}.pdf-preview-surface canvas{display:block;box-shadow:0 2px 12px #24382922;max-width:none}.pdf-preview-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:9px;background:#dfe4dccc;font-size:12px;padding:20px;text-align:center}.pdf-preview-surface[aria-busy=true] canvas{opacity:.55}.gelato-summary{display:flex;flex-direction:column;gap:6px;padding:13px;background:#f6f8f1;border:1px solid var(--line);border-radius:8px;font-size:11px;margin:15px 0}.gelato-draft-note{font-size:11px;line-height:1.6;color:var(--muted);margin-top:12px;text-align:center}.gelato-success{padding:35px;display:flex;flex-direction:column;align-items:center;gap:17px;overflow:auto}.gelato-success>span{padding:16px;border-radius:50%;background:var(--green-light);color:var(--green)}.gelato-success p{max-width:520px;text-align:center;line-height:1.7;color:var(--muted)}.gelato-success dl{background:#f7f9f3;padding:17px;border-radius:9px;max-width:100%;font-size:12px}.gelato-success dt{color:var(--muted)}.gelato-success dd{margin:5px 0 15px;overflow-wrap:anywhere}.gelato-success dd:last-child{margin-bottom:0}.gelato-loading{display:flex;gap:10px;align-items:center;padding:20px;color:var(--muted)}.pdf-preview-surface{place-items:safe center}.pdf-preview-sheet{position:relative;flex:none;overflow:hidden;box-shadow:0 2px 12px #24382922}.pdf-preview-sheet canvas{box-shadow:none}.cover-guides{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.cover-zone-outside{fill:#263747;fill-opacity:.34}.cover-zone-fold-edge{fill:none;stroke:#5e6475;stroke-width:1;stroke-dasharray:6 4}.cover-zone-face{fill:none;stroke:#307bb5;stroke-width:1.5}.cover-zone-safe{fill:none;stroke:#478647;stroke-width:1.2;stroke-dasharray:5 4}.cover-zone-spine{fill:#9a5694;fill-opacity:.14;stroke:#9a5694;stroke-width:1.2}.cover-zone-joint{fill:#d39536;fill-opacity:.2;stroke:#bd7c21;stroke-width:1;stroke-dasharray:4 3}.cover-preview-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;flex-shrink:0;padding:9px 12px;background:#fafbf8;border-bottom:1px solid var(--line)}.cover-preview-views{display:flex;padding:3px;gap:2px;background:#edf1e8;border-radius:7px}.cover-preview-views button,.cover-preview-toggle{font-size:11px;line-height:1.3;border-radius:5px;padding:7px 11px;transition:background .15s,color .15s;white-space:nowrap}.cover-preview-views button{color:var(--muted);background:transparent}.cover-preview-views button:hover{color:var(--green);background:#e0e8d8}.cover-preview-views button[aria-pressed=true]{color:var(--green);background:#fff;box-shadow:0 1px 3px #24382918;font-weight:700}.cover-preview-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--muted)}.cover-preview-toggle:hover,.cover-preview-toggle[aria-pressed=true]{background:var(--green-light);border-color:#aec19e;color:var(--green)}.cover-preview-caption{padding:11px 15px;background:#fafbf8;border-top:1px solid var(--line);flex-shrink:0}.cover-preview-caption p{margin:7px 0 0;font-size:10px;color:var(--muted);line-height:1.6}.cover-preview-caption p:first-child{margin-top:0}.cover-preview-caption b{font-weight:600;color:#526346}.cover-guide-legend{display:flex;gap:7px 15px;flex-wrap:wrap;font-size:10px;color:#56604f;line-height:1.5}.cover-guide-legend span{display:inline-flex;align-items:center;gap:5px}.cover-guide-legend i{display:inline-block;width:17px;height:9px;border:1.5px solid;border-radius:1px;flex-shrink:0}.cover-legend-face{border-color:#307bb5!important}.cover-legend-safe{border-color:#478647!important;border-style:dashed!important}.cover-legend-spine{border-color:#9a5694!important;background:#9a569424}.cover-legend-joint{border-color:#bd7c21!important;background:#d3953633}.cover-legend-outside{border-color:#687581!important;background:#26374757}@media(prefers-reduced-motion:reduce){.cover-preview-views button,.cover-preview-toggle,.gelato-format-card{transition:none}}@media(max-width:600px){.gelato-format-grid{grid-template-columns:repeat(4,minmax(132px,1fr));overflow-x:auto;padding:2px 2px 8px;margin:0 -2px;scroll-snap-type:x proximity}.gelato-format-card{scroll-snap-align:start}}.gelato-print-warnings{padding:13px;border:1px solid #dfcfa3;background:#fffaf0;border-radius:8px;margin:15px 0;font-size:11px;line-height:1.6;color:#6b5424}.gelato-print-warnings h4,.gelato-check-ok{display:flex;align-items:center;gap:7px}.gelato-print-warnings p{margin:6px 0 10px}.gelato-print-warnings ul{list-style:none;padding:0;margin:0 0 12px;max-height:210px;overflow:auto;display:grid;gap:10px}.gelato-print-warnings li{display:grid;gap:3px}.gelato-print-warnings li button{justify-self:start;padding:0;color:#715a29;text-decoration:underline;font-weight:700}.gelato-print-warnings>label{display:flex;align-items:flex-start;gap:8px;padding-top:10px;border-top:1px solid #e8dcbf;cursor:pointer}.gelato-print-warnings input{margin-top:3px;flex-shrink:0}.gelato-check-ok{font-size:11px;color:var(--green);margin:12px 0}@media(max-width:760px){.gelato-review{display:flex;flex-direction:column;height:auto;overflow:auto}.gelato-pdf{min-height:0;flex:none}.gelato-pdf>p{flex-shrink:0;margin:0}.pdf-preview{height:480px;flex:none}.gelato-delivery{border-left:0;border-top:1px solid var(--line);overflow:visible;flex:none}.gelato-modal{width:calc(100vw - 24px)!important}.gelato-modal>header{padding:17px}.gelato-setup{padding:18px}}.character-import-panel{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;color:#506347;background:#fff}.character-import-heading{display:flex;align-items:center;gap:14px;padding:24px 26px 18px;flex-shrink:0}.character-import-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;background:#edf3e6;color:#647c54;border-radius:14px}.character-import-heading h3{font-size:17px;margin:0 0 6px!important;font-weight:650;color:#465a3c}.character-import-heading p{font-size:12px;line-height:1.65;margin:0;color:#6e7863}.character-import-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,1fr);align-items:end;gap:15px;padding:0 26px 19px;border-bottom:1px solid #edf0e7;flex-shrink:0}.character-import-controls .field{margin:0!important;min-width:0}.character-import-controls .field>span{font-size:11px}.character-import-controls select{min-height:40px;font-size:12px;width:100%}.character-import-search{display:flex;align-items:center;gap:9px;min-width:0;border:1px solid #dfe6d7;border-radius:7px;padding:0 10px;color:#6f7865;background:#fcfdf9;min-height:40px}.character-import-search input{padding:0!important;margin:0;border:0!important;background:transparent!important;box-shadow:none!important;min-width:0;width:100%;height:38px;font-size:12px;color:#4e6444;outline:none}.character-import-search:focus-within{outline:2px solid #799565;outline-offset:2px}.character-import-search>svg{flex-shrink:0}.character-import-scroll{flex:1;min-height:0;overflow-y:auto;padding:20px 26px 24px;overscroll-behavior:contain}.character-import-list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px;font-size:12px;font-weight:600}.character-import-list-heading small{font-size:11px;color:#6e7866;font-weight:400}.character-import-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:13px}.character-import-card{position:relative;border:1px solid #e3e8dc;border-radius:11px;overflow:hidden;cursor:pointer;background:#fff;transition:border-color .12s,box-shadow .12s;min-width:0}.character-import-card:hover{border-color:#a0b58f;box-shadow:0 3px 12px #44543b0c}.character-import-card.is-selected{border-color:#77965f;box-shadow:0 0 0 1px #77965f;background:#f7faf3}.character-import-card.is-disabled{opacity:.48;cursor:default}.character-import-card>input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;cursor:inherit}.character-import-card:has(input:focus-visible){outline:2px solid #657e51;outline-offset:3px}.character-import-check{position:absolute;z-index:1;top:10px;right:10px;width:21px;height:21px;display:flex;align-items:center;justify-content:center;border:1px solid #cdd9c2;background:#fff;border-radius:6px;color:#fff}.character-import-card.is-selected .character-import-check{background:#7e9b68;border-color:#7e9b68}.character-import-preview{display:flex;align-items:center;justify-content:center;height:120px;padding:12px 16px;background:#f5f7ef;color:#6f7767}.character-import-preview img{width:100%;height:100%;object-fit:contain}.character-import-card-copy{display:flex;flex-direction:column;gap:6px;padding:14px;min-width:0}.character-import-card-copy b{font-size:13px;font-weight:650;line-height:1.5;overflow-wrap:anywhere;color:#465c3b}.character-import-card-copy>span{display:flex;align-items:center;gap:5px;font-size:11px;color:#6c7962}.character-import-card-copy small{font-size:11px;line-height:1.5;color:#6f7767;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin-top:2px}.character-import-empty{min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#6d7866;padding:25px}.character-import-empty h4{font-size:15px;line-height:1.5;margin:16px 0 8px;color:#627954}.character-import-empty p{font-size:12px;line-height:1.7;max-width:370px;margin:0;color:#6e7865}.character-import-footer{border-top:1px solid #e7ecdf;padding:15px 26px 19px;flex-shrink:0;background:#fff}.character-import-note{font-size:11px;line-height:1.7;color:#6f7865;margin:0 0 14px}.character-import-footer-actions{display:flex;align-items:center;gap:10px}.character-import-footer-actions>span{margin-right:auto;font-size:12px;color:#5e7650}.character-import-footer-actions small{display:block;font-size:11px;color:#6f7766;margin-top:4px}.character-import-footer-actions>button{font-size:12px;min-height:39px;padding:10px 13px;white-space:nowrap}@media(max-width:850px){.character-import-controls{grid-template-columns:1fr;gap:12px}.character-import-heading{padding:19px 19px 15px}.character-import-heading h3{font-size:15px}.character-import-controls{padding:0 19px 16px}.character-import-scroll{padding:17px 19px}.character-import-footer{padding:14px 19px}.character-import-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.character-import-footer-actions{flex-wrap:wrap}.character-import-footer-actions>span{flex:1;min-width:120px}}@media(max-width:580px){.character-import-heading{align-items:flex-start}.character-import-symbol{width:39px;height:39px;border-radius:10px}.character-import-heading p{font-size:11px}.character-import-list-heading{flex-wrap:wrap;gap:5px}.character-import-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.character-import-preview{height:100px}.character-import-card-copy{padding:11px}.character-import-card-copy b{font-size:12px}.character-import-footer-actions>span{flex-basis:100%}.character-import-footer-actions>button{flex:1;font-size:11px;padding:9px}}.character-import-heading>div{min-width:0}.character-import-heading h3{line-height:1.4}.character-import-controls select{min-width:0;max-width:100%;padding-right:28px;text-overflow:ellipsis}.character-import-scroll{scrollbar-gutter:stable}.character-import-card{transition:background-color .16s,border-color .16s,box-shadow .16s}.character-import-card:not(.is-disabled):hover{background:#f7faf3;border-color:#8fa77e}.character-import-card.is-selected{border-color:#6f8d5e;box-shadow:0 0 0 1px #6f8d5e}.character-import-card-copy small{line-height:1.6}.character-import-footer-actions{flex-wrap:wrap}.character-import-footer-actions>span{min-width:110px}.character-import-footer-actions>button{white-space:normal;line-height:1.5;min-height:40px}@media(max-width:690px){.character-import-controls{grid-template-columns:1fr 1fr;gap:10px}.character-import-heading{padding:17px 18px 14px}.character-import-controls{padding:0 18px 14px}.character-import-footer{padding:12px 18px}.character-import-note{margin-bottom:10px}}@media(max-width:420px){.character-import-controls{grid-template-columns:minmax(0,1fr)}}.template-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.template-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;min-width:0;display:flex;flex-direction:column;background:#fff}.template-card-preview{padding:0!important;width:100%;display:block}.template-cover{height:157px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f4f3e9;color:#6f7767;border-bottom:1px solid #e9eadf}.template-cover .page-preview{flex-shrink:0;box-shadow:0 2px 12px #303f2c12}.template-card-body{padding:14px;display:flex;flex-direction:column;flex:1}.template-card-body h3{line-height:1.5;overflow-wrap:anywhere;font-size:13px}.template-badge{color:#657b5b;background:#edf3e7;align-self:flex-start;border-radius:4px;padding:3px 6px;font-size:11px;margin-bottom:7px}.template-card-description{font-size:11px;line-height:1.6;color:#6f7767;margin:7px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.template-card-meta{font-size:11px;color:#6d7863;margin-top:auto;padding-top:7px}.template-card-body>.primary-button{font-size:11px;padding:9px 6px;min-height:34px}.template-card-actions{display:flex;align-items:center;gap:4px;margin-top:9px}.template-card-actions button{padding:6px 4px;border-radius:4px;font-size:11px;color:#6d7961;min-width:0}.template-card-actions .danger{margin-left:auto}.template-library-note{margin-bottom:0}.new-book-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:31px;align-items:start}.new-book-layout h3{font-size:13px;margin-bottom:17px}.new-book-templates{display:flex;flex-direction:column;gap:11px}.new-book-templates h3{margin-bottom:5px}.template-choice{display:flex;flex-direction:column;align-items:stretch;border:1px solid #e3e8da;border-radius:9px;padding:0;overflow:hidden;position:relative;text-align:left;gap:0}.template-choice.active{border-color:#7f9f6d;box-shadow:0 0 0 2px #e9f0e2;background:#f5f8f0}.template-choice .template-cover{height:97px}.template-choice-copy{display:flex;flex-direction:column;padding:11px 13px;gap:5px}.template-choice-copy b{font-size:12px;overflow-wrap:anywhere;padding-right:17px}.template-choice-copy small{font-size:11px;color:#6f7866}.template-choice-check{position:absolute;right:12px;bottom:25px;color:#5d7f4a}.template-description{font-size:12px;line-height:1.7;color:#6e7866;margin:0 0 19px}.template-image-preview{width:100%;max-height:160px;object-fit:contain;border-radius:7px;background:#f4f5ee;margin-bottom:7px}.template-image-actions{display:flex;align-items:center;gap:5px;position:relative}.template-upload-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:11px!important;min-height:34px;padding:9px 11px;flex:1;text-align:center}.template-upload-button:hover{background:#f4f7ef}.template-upload-button.is-disabled{opacity:.45;cursor:wait}.template-file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;left:0;bottom:0;padding:0;border:0}.template-image-actions:has(.template-file-input:focus-visible) .template-upload-button{outline:2px solid #809f76;outline-offset:3px}.template-option-preview{max-height:145px;object-fit:contain;width:100%;background:#f7f7ef;border-radius:7px;margin:-4px 0 17px}.template-baby-preview{width:100%;height:125px;object-fit:contain;background:#f9f7ef;border-radius:7px;margin-bottom:12px}.template-required-hint{font-size:11px;color:#6f7867;margin:9px 0}.template-error{font-size:11px;line-height:1.6;background:#fff3ed;color:#a55439;border:1px solid #efd4c5;border-radius:6px;padding:9px 11px;margin:10px 0;overflow-wrap:anywhere}.template-settings{break-inside:avoid}.template-settings>.panel-heading h3{margin-bottom:0}.template-field-hint{font-size:11px;line-height:1.7;color:#6e7863;margin:9px 0 14px;overflow-wrap:anywhere}.template-field-hint code{font-size:11px;color:#637d54;background:#f2f6ec;padding:1px 3px;border-radius:3px}.template-field-list{display:flex;flex-direction:column;gap:10px}.template-field-editor{border:1px solid #e2e7db;border-radius:8px;overflow:hidden;background:#fff}.template-field-heading{display:flex;align-items:center;width:100%;padding:12px 10px;gap:8px;text-align:left;background:#f7f9f3;color:#667b58}.template-field-heading>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.template-field-heading b{font-size:11px;overflow-wrap:anywhere;color:#526847}.template-field-heading small{font-size:11px;color:#6e7865;overflow-wrap:anywhere}.template-field-body{padding:14px 11px 5px}.template-field-body .field>span:first-child{font-size:11px}.template-field-body .field input,.template-field-body .field select,.template-field-body .field textarea{font-size:11px;padding:8px}.template-required{font-size:11px;margin:8px 0 17px;line-height:1.5}.template-required input{flex-shrink:0}.template-options{padding-top:3px;margin-bottom:17px}.template-options h4{margin:0 0 10px;font-size:11px;color:#6a795e}.template-option-editor{padding:9px;border:1px solid #e9eddf;background:#fcfdf9;border-radius:6px;margin-bottom:8px}.template-option-heading{display:flex;align-items:center;justify-content:space-between;margin:-4px -3px 5px 0;color:#6f7767;font-size:11px}.template-option-editor>input{padding:7px;font-size:11px;margin-bottom:8px}.template-option-editor .template-upload-button{font-size:11px!important;padding:7px 5px;min-height:30px}.template-option-editor .template-image-preview{max-height:80px}.template-field-body .outline-button{font-size:11px!important;padding:9px 6px;line-height:1.4}.template-field-insert .full:first-child{margin-top:0}.template-field-body>.text-button{font-size:11px;padding:6px 0 10px}.template-add-fields{display:grid;grid-template-columns:1fr;gap:7px;margin:14px 0}.template-add-fields>.outline-button{justify-content:flex-start;font-size:11px!important;min-height:33px;padding:8px 10px}.template-settings .divider{margin:21px 0}.template-settings .soft-note{font-size:11px}.template-image-value,.dynamic-fields{min-width:0}@media(min-width:851px){.new-book-templates{max-height:calc(100dvh - 250px);overflow-y:auto;padding:2px 4px 6px 2px;position:sticky;top:0}}@media(max-width:850px){.template-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-book-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.template-settings{column-span:all;max-width:560px}.template-settings .template-field-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.template-settings .template-add-fields{grid-template-columns:1fr 1fr}.template-settings>.soft-note{display:block}}@media(max-width:580px){.new-book-layout{display:flex;flex-direction:column;gap:25px}.new-book-templates{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.new-book-templates h3{grid-column:1/-1}.template-choice .template-cover{height:88px}.template-choice-copy{padding:10px}.template-choice-copy b,.template-choice-copy small{font-size:11px}.new-book-data{width:100%}.template-library-grid{gap:10px}.template-card-body{padding:11px}.template-card-actions{flex-wrap:wrap}.template-card-actions button{font-size:11px;padding:5px 2px}.template-card-body h3,.template-card-description{font-size:11px}.template-cover{height:125px}.template-card .template-cover .page-preview{transform:scale(.8)}.template-card-body>.primary-button{font-size:11px;gap:5px}.template-settings .template-field-list{display:flex}.template-settings .template-add-fields{grid-template-columns:1fr}}.template-field-body input:disabled{background:#f3f5ee;color:#6c7961}.dynamic-fields{break-inside:avoid}@media(max-width:850px){.use-template-button span{display:none}}@media(max-width:360px){.app-header .project-switch-label{max-width:88px}}.character-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:285px;overflow-y:auto;padding:2px 3px 4px 2px;margin-top:-5px}.character-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:96px;padding:7px 4px;border:1px solid #e1e7d9;border-radius:7px;background:#fafbf7;color:#6d7862;text-align:center}.character-choice img{height:68px;width:100%;object-fit:contain}.character-choice>span{font-size:11px;line-height:1.45;overflow-wrap:anywhere}.character-choice>svg:last-child:not(:first-child){position:absolute;top:5px;right:5px;color:#5b7c45}.character-choice.active{border-color:#7d9a6a;background:#f0f6e8;box-shadow:0 0 0 1px #a7bd95}.character-choice:focus-visible{outline:2px solid #657e51;outline-offset:2px}.new-book-data .character-choices{grid-template-columns:repeat(4,minmax(0,1fr));max-height:315px}.character-slots{margin:5px 0 20px}.character-slots>h4{font-size:11px;color:#6a795e;margin:0 0 8px}.character-slot-editor{border:1px solid #e3e9db;border-radius:6px;margin-bottom:8px;padding:0 8px;overflow:hidden}.character-slot-editor>summary{cursor:pointer;font-size:11px;color:#677b57;padding:10px 0;overflow-wrap:anywhere}.character-slot-editor>summary small{font-size:11px;color:#6d7864;margin-left:6px}.character-slot-editor>.field:first-of-type{margin-top:6px}.character-slot-editor>.text-button{font-size:11px;margin-bottom:7px}.character-option-toggle{display:flex;gap:7px;align-items:center;width:100%;padding:0!important;text-align:left;min-height:30px}.character-option-toggle>img{height:39px;width:38px;object-fit:contain;border-radius:4px;background:#f1f4ea}.character-option-toggle>span{flex:1;font-size:11px;line-height:1.5;color:#687a5a;overflow-wrap:anywhere;min-width:0}.character-option-toggle small{display:block;font-size:11px;color:#6e7862;margin-top:3px}.character-option-toggle>svg{flex-shrink:0;color:#6b7961}.character-option-body{padding-top:12px}.character-slot-image{border-top:1px solid #e7ebdf;margin-top:13px;padding-top:10px}.character-slot-image>b{display:block;font-size:11px;line-height:1.5;color:#6a7a5b;margin-bottom:7px;overflow-wrap:anywhere}.character-slot-image .template-field-hint{margin-bottom:0;font-size:11px}.character-option-actions{display:flex;justify-content:space-between;margin-top:9px;gap:6px}.character-option-actions .text-button{font-size:11px;padding:5px 0}.template-field-insert>.field{margin:13px 0 0}.template-field-insert>.field+.full{margin-top:8px}.new-book-data .character-choice img{height:83px}@media(max-width:580px){.new-book-data .character-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}.modal.wide.template-workspace-modal{width:1180px;height:min(840px,calc(100dvh - 56px));max-height:calc(100dvh - 56px);padding:0;display:flex;flex-direction:column;overflow:hidden;border-radius:16px}.modal.template-workspace-modal>header{padding:24px 27px 20px;margin:0;flex-shrink:0}.modal.template-workspace-modal>header h2{font-size:26px}.modal.template-workspace-modal>header p{font-size:12px;margin-top:7px;color:#6d7864}.modal.template-workspace-modal>header>.icon-button{margin:0}.workspace-create-bar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:14px 23px;background:#fafbf7;border-top:1px solid #edf0e7;border-bottom:1px solid var(--line);flex-shrink:0}.workspace-create-bar>span{font-size:11px;font-weight:700;color:#6c7863;margin-right:3px}.workspace-create-buttons{display:flex;gap:7px;flex-wrap:wrap}.workspace-create-bar .outline-button{min-height:35px;font-size:11px;padding:8px 10px;gap:6px;white-space:nowrap}.workspace-create-bar .workspace-import-button{margin-left:auto;background:#edf2e7;border-color:#dbe4d1;color:#4b693d}.template-workspace-layout{display:grid;grid-template-columns:250px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.workspace-field-nav{min-height:0;display:flex;flex-direction:column;background:#f6f8f2;border-right:1px solid var(--line);padding:20px 14px 12px;gap:12px}.workspace-search{display:flex;align-items:center;gap:8px;border:1px solid #dfe5d8;border-radius:7px;background:#fff;padding:0 9px;color:#6d7864;min-width:0;flex-shrink:0}.workspace-search:focus-within{border-color:#789a70;box-shadow:0 0 0 2px #789a7014}.workspace-search>svg{flex-shrink:0}.modal.template-workspace-modal .workspace-search input{border:0;background:none;box-shadow:none;padding:9px 0;font-size:12px;min-width:0;outline:none}.workspace-search>.icon-button{padding:3px}.workspace-field-filters{display:flex;gap:2px;flex-shrink:0;padding:0 0 3px}.workspace-field-filters>button{font-size:11px;gap:4px;padding:6px;border-radius:5px;color:#6e7864;white-space:nowrap;flex:1}.workspace-field-filters>button>span{font-size:11px;opacity:.8}.workspace-field-filters>button.active{background:#e5eddc;color:#506c41;font-weight:800}.workspace-field-nav-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0;flex:1;padding:2px 2px 7px;overscroll-behavior:contain}.workspace-field-nav-item{display:flex;align-items:center;justify-content:flex-start;gap:9px;padding:11px 8px;border:1px solid transparent;border-radius:9px;width:100%;text-align:left;flex-shrink:0;min-width:0}.workspace-field-nav-item.active{border-color:#d8e2cd;background:#fff;box-shadow:0 2px 6px #52664707}.workspace-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:33px;height:36px;border-radius:7px;background:#ebf0e5;color:#667b57}.workspace-field-nav-item.active .workspace-nav-icon{background:#dce9d1;color:#547840}.workspace-field-nav-item>span:nth-child(2){min-width:0;display:flex;flex:1;flex-direction:column;gap:5px}.workspace-field-nav-item b{font-size:12px;line-height:1.45;color:#526447;overflow-wrap:anywhere;font-weight:750}.workspace-field-nav-item small{font-size:11px;color:#6e7865;line-height:1.5;overflow-wrap:anywhere}.workspace-field-nav-item sup{color:#8e7044;font-size:11px;margin-left:3px}.workspace-field-nav-item>svg{color:#657b57;flex-shrink:0}.workspace-list-empty{padding:22px 9px;font-size:12px;line-height:1.7;text-align:center;color:#707768;grid-column:1/-1}.workspace-list-empty .text-button{display:block;margin:4px auto 0}.workspace-template-nav{display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;gap:11px;padding:12px 9px;border-top:1px solid #e2e8d9;text-align:left;border-radius:0 0 6px 6px;color:#6a7960;font-size:12px;min-width:0}.workspace-template-nav>span{display:flex;flex-direction:column;gap:5px;min-width:0;font-weight:750}.workspace-template-nav small{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6f7766}.workspace-template-nav.active{color:#526f40;background:#eaf0e2}.workspace-detail-pane{display:flex;flex-direction:column;min-height:0;min-width:0;background:#fff;overflow:hidden}.workspace-field-editor{display:flex;flex-direction:column;min-height:0;flex:1;min-width:0}.workspace-editor-heading{display:flex;align-items:center;gap:12px;padding:22px 27px 18px;flex-shrink:0;min-width:0}.workspace-field-symbol{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f0f4e9;border-radius:12px;flex-shrink:0;color:#637c50}.workspace-editor-title{min-width:0;flex:1}.workspace-editor-title>span{display:block;font-size:11px;color:#6e7864;margin-bottom:5px}.workspace-editor-title>h3{font-size:19px;line-height:1.4;color:#415737;overflow-wrap:anywhere}.workspace-order{display:flex;align-items:center;gap:3px;flex-shrink:0;color:#6b795f}.workspace-order>span{font-size:11px;margin-right:5px;color:#717769}.workspace-order>.icon-button{border:1px solid #e4e9dc;background:#fafcf7;padding:5px}.workspace-editor-tabs{display:flex;gap:25px;border-bottom:1px solid #e7ecdf;padding:0 27px;flex-shrink:0;overflow-x:auto}.workspace-editor-tabs>button{min-height:42px;font-size:12px;font-weight:750;color:#707765;border-bottom:2px solid transparent;border-radius:0;padding:4px 0 11px;white-space:nowrap;gap:7px}.workspace-editor-tabs>button>span{display:inline-flex;align-items:center;justify-content:center;min-width:18px;padding:2px 4px;background:#f2f5ed;border-radius:5px;font-size:11px;font-weight:650;color:#6d7863}.workspace-editor-tabs>button.active{color:#4c723b;border-bottom-color:#789c62;background:none}.workspace-editor-body{padding:25px 27px 28px;min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1;scrollbar-gutter:stable}.workspace-basic-form{max-width:570px}.workspace-section-intro{margin-bottom:22px}.workspace-section-intro h4{font-size:14px;font-weight:750;color:#5b704d;margin:0 0 7px;line-height:1.5}.workspace-section-intro p{font-size:12px;line-height:1.65;color:#6f7866;max-width:570px}.modal.template-workspace-modal .field{margin-bottom:18px}.modal.template-workspace-modal .field>span:first-child{font-size:12px;color:#697a5e}.modal.template-workspace-modal .field input,.modal.template-workspace-modal .field select,.modal.template-workspace-modal .field textarea{font-size:13px;line-height:1.6}.modal.template-workspace-modal .field small{color:#6f7766;font-size:11px}.template-workspace-modal .template-field-hint{font-size:11px;margin:10px 0 16px;color:#6d7862}.template-workspace-modal .outline-button{font-size:12px}.template-workspace-modal .text-button{font-size:11px;gap:6px}.template-workspace-modal .template-image-preview{height:170px;max-height:170px;margin-bottom:10px;border:1px solid #eff2e8;background:#fafbf6}.template-workspace-modal .template-upload-button{min-height:37px}.workspace-required{margin:17px 0 23px;align-items:flex-start;color:#687a5a}.workspace-required>input{flex-shrink:0;margin-top:2px}.workspace-required>span{font-size:12px;font-weight:650;line-height:1.5}.workspace-required small{display:block;font-size:11px;font-weight:500;color:#6f7766;margin-top:4px}.workspace-next-step{display:flex;align-items:center;gap:13px;text-align:left;width:100%;background:#f4f8ee;border:1px solid #e4ecda;border-radius:9px;padding:15px;margin-top:25px;color:#627c4f}.workspace-next-step>span{display:flex;flex-direction:column;gap:6px;flex:1}.workspace-next-step b{font-size:12px;color:#637e4f}.workspace-next-step small{font-size:11px;color:#6e7862}.workspace-advanced{border-top:1px solid #ebeee5;margin-top:24px;padding-top:4px}.workspace-advanced>summary{font-size:11px;color:#6c7961;padding:13px 0;cursor:pointer;font-weight:650}.workspace-advanced>summary:hover{color:#597444}.workspace-advanced .field{margin:8px 0 9px}.workspace-advanced input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:12px!important}.workspace-remove{margin-top:16px}.workspace-remove>.text-button{padding:7px 0}.workspace-remove p{font-size:11px;line-height:1.7;color:#707766;margin-top:6px}.workspace-options-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.1fr);gap:25px;align-items:start}.workspace-choice-list,.workspace-scene-list{min-width:0}.workspace-choice-list>.workspace-search{margin-bottom:12px}.workspace-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:345px;overflow-y:auto;padding:3px;overscroll-behavior:contain;align-content:start}.workspace-option-card{position:relative;display:flex;flex-direction:column;gap:7px;padding:11px 6px;border:1px solid #e5ebdc;border-radius:9px;background:#fbfcf8;text-align:center;min-height:127px;min-width:0;justify-content:flex-start}.workspace-option-card.active{border-color:#8fa879;background:#f0f6e8;box-shadow:0 0 0 1px #8fa879}.workspace-option-card>img,.workspace-option-card>.workspace-image-empty{height:74px;width:100%;object-fit:contain}.workspace-image-empty{display:flex;align-items:center;justify-content:center;color:#70776a;background:#f3f6ed;border-radius:6px}.workspace-option-card>span:not(.workspace-image-empty){font-size:11px;font-weight:650;line-height:1.5;color:#6a7a5c;overflow-wrap:anywhere}.workspace-option-card>small{font-size:11px;color:#677a58;line-height:1.5}.workspace-option-card>svg:last-child{position:absolute;top:6px;right:6px;color:#5b8045}.workspace-option-grid.text-options{grid-template-columns:1fr}.workspace-option-grid.text-options .workspace-option-card{flex-direction:row;align-items:center;justify-content:flex-start;min-height:58px;gap:10px;text-align:left;padding:10px 20px 10px 10px;flex-wrap:wrap}.workspace-option-grid.text-options .workspace-option-card>img,.workspace-option-grid.text-options .workspace-image-empty{width:37px;height:37px;flex-shrink:0}.workspace-option-grid.text-options .workspace-option-card>span:not(.workspace-image-empty){flex:1;min-width:0}.workspace-option-grid.text-options .workspace-option-card>small{display:none}.workspace-option-details{min-width:0;padding-left:24px;border-left:1px solid #edf0e6}.workspace-option-details .field:first-child{margin-bottom:19px}.workspace-option-details .workspace-advanced{margin-top:17px}.workspace-default-button{width:100%;text-align:left;justify-content:flex-start;padding:11px 0;font-size:11px;color:#6d7861;margin-top:8px}.workspace-default-button.active{color:#617d4b}.workspace-option-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:11px}.workspace-option-actions>.text-button{padding:9px 0}.workspace-images-layout{display:grid;grid-template-columns:minmax(200px,1fr) minmax(230px,1.1fr);gap:25px;align-items:start}.workspace-scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:335px;overflow-y:auto;padding:3px;overscroll-behavior:contain}.workspace-scene-drop{display:flex;flex-direction:column;min-width:0}.workspace-scene-drop>.workspace-scene-card{width:100%;flex:1}.workspace-scene-card{display:flex;flex-direction:column;align-items:stretch;gap:6px;border:1px solid #e6eadf;border-radius:8px;padding:6px 6px 10px;background:#fcfdf9;min-width:0;text-align:center}.workspace-scene-add-card{min-height:132px;justify-content:center;align-items:center;border-style:dashed;color:#637c51;padding:14px 8px}.workspace-scene-card>small{display:flex;justify-content:center;align-items:center;gap:4px;line-height:1.45}.workspace-scene-card.active{border-color:#8da675;background:#f2f7ea;box-shadow:0 0 0 1px #8da675}.workspace-scene-card>img,.workspace-scene-card>.workspace-image-empty{height:72px;width:100%;object-fit:contain;border-radius:4px;background:#f6f8f0}.workspace-scene-card>span:not(.workspace-image-empty){font-size:11px;line-height:1.45;overflow-wrap:anywhere;font-weight:650;color:#6c795e}.workspace-scene-card>small{font-size:11px;color:#707765}.workspace-scene-details{min-width:0;border-left:1px solid #edf0e6;padding-left:24px}.workspace-scene-details h4{font-size:13px;color:#637c51;margin:0 0 7px}.workspace-current-variant{font-size:11px;color:#6f7865;margin:-5px 0 13px}.workspace-upload-placeholder{height:135px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px dashed #d8e2cb;border-radius:8px;background:#f9fbf5;color:#6e7863;padding:17px;text-align:center;margin-bottom:10px}.workspace-upload-placeholder>span{font-size:11px;line-height:1.6;max-width:160px}.workspace-scene-details .workspace-advanced{margin-top:15px}.workspace-insert-card{display:flex;gap:17px;border:1px solid #e5eadc;border-radius:10px;padding:19px;margin-bottom:15px;color:#6b795e;background:#fdfefa}.workspace-insert-card>svg{flex-shrink:0;margin-top:4px}.workspace-insert-card>div{flex:1;min-width:0}.workspace-insert-card h4{margin:0 0 7px;color:#667b54;font-size:13px}.workspace-insert-card p{font-size:11px;color:#6f7864;line-height:1.7;margin-bottom:15px}.workspace-insert-card .field{margin:17px 0}.workspace-usage{margin-top:25px}.workspace-usage>h4{display:flex;align-items:center;gap:7px;font-size:12px;color:#6d7961;margin:0 0 11px}.workspace-usage>h4>span{font-size:11px;padding:3px 6px;background:#f1f5ea;border-radius:4px}.workspace-usage>div{display:flex;flex-wrap:wrap;gap:7px}.workspace-usage>div>span{padding:6px 9px;background:#f8faf3;border:1px solid #e9efdf;border-radius:5px;font-size:11px;line-height:1.5;color:#6f7863}.workspace-usage>p{font-size:11px;color:#707769;line-height:1.7}.workspace-template-settings{max-width:620px;padding:35px 35px 30px;overflow-y:auto;min-height:0}.workspace-empty-illustration{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;background:#eef4e4;color:#687b52;margin-bottom:20px}.workspace-template-settings>h3{font-size:22px;font-weight:650;color:#506c40;margin-bottom:13px}.workspace-template-settings>p{font-size:12px;line-height:1.8;color:#6d7961;margin-bottom:27px}.workspace-template-stats{display:flex;gap:33px;border-top:1px solid #e8eddf;padding-top:20px;margin:25px 0;color:#6e7863;font-size:11px}.workspace-template-stats>span{display:flex;flex-direction:column;gap:5px}.workspace-template-stats b{font-size:21px;font-weight:600;color:#697a59}.workspace-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 25px;background:#fafcf7;border-top:1px solid var(--line);flex-shrink:0}.workspace-dialog-footer>p{font-size:11px;color:#6f7865;line-height:1.65;max-width:590px}.workspace-dialog-footer>.primary-button{font-size:12px;min-width:115px;min-height:38px;padding:9px 19px;flex-shrink:0}.workspace-footer-copy{flex:1;min-width:0;max-width:670px}.workspace-footer-copy>p{font-size:11px;color:#6f7865;line-height:1.6;margin-top:4px}.workspace-save-status{display:flex;align-items:center;gap:5px;color:#697a5d;font-size:11px}.workspace-footer-copy>.workspace-save-error{color:#a06653;font-size:11px;overflow-wrap:anywhere;margin:0}.workspace-history{display:flex;gap:6px;flex-shrink:0}.workspace-history>.icon-button{border:1px solid #e0e7d7;color:#6a7a5e;background:#fff;padding:7px}.character-selected-compact{display:flex;align-items:center;gap:10px;padding:8px;background:#f7f9f1;border:1px solid #e9eedf;border-radius:7px;margin:-6px 0 17px;color:#697a5b}.character-selected-compact>img{width:48px;height:49px;object-fit:contain;flex-shrink:0}.character-selected-compact>span{font-size:11px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}.character-selected-compact small{display:block;color:#6f7865;font-size:11px;margin-top:5px;font-weight:500}@media(min-width:1250px){.workspace-option-grid,.workspace-scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1050px){.template-workspace-layout{grid-template-columns:220px minmax(0,1fr)}.workspace-create-bar{padding:12px 19px}.workspace-create-bar>span{display:none}.workspace-create-buttons{gap:5px}.workspace-create-bar .outline-button{font-size:11px;padding:8px;gap:5px}.workspace-editor-heading{padding:19px 22px 15px}.workspace-editor-tabs{padding:0 22px;gap:19px}.workspace-editor-tabs>button{font-size:11px}.workspace-editor-body{padding:22px}.workspace-order>span{display:none}.workspace-field-nav{padding:17px 10px 10px}.workspace-field-nav-item{gap:8px}.workspace-field-filters>button{padding:6px 4px;font-size:11px}.workspace-field-filters>button>span{font-size:11px}.workspace-options-layout{grid-template-columns:minmax(155px,.9fr) minmax(200px,1fr);gap:18px}.workspace-option-details{padding-left:18px}.workspace-images-layout{grid-template-columns:minmax(155px,.9fr) minmax(200px,1fr);gap:18px}.workspace-scene-details{padding-left:18px}}@media(max-width:850px){.modal.wide.template-workspace-modal{height:calc(100dvh - 32px);max-height:calc(100dvh - 32px)}.modal.template-workspace-modal>header{padding:21px 22px 17px}.modal.template-workspace-modal>header h2{font-size:24px}.template-workspace-layout{grid-template-columns:195px minmax(0,1fr)}.workspace-field-filters>button>span{display:none}.workspace-field-nav-item b{font-size:11px}.workspace-nav-icon{width:29px;height:33px}.workspace-field-nav-item small{font-size:11px}.workspace-editor-title>h3{font-size:17px}.workspace-editor-tabs{gap:14px}.workspace-editor-tabs>button{font-size:11px;gap:5px}.workspace-field-symbol{width:39px;height:39px}.workspace-editor-body{padding:20px}.workspace-options-layout,.workspace-images-layout{grid-template-columns:minmax(125px,.8fr) minmax(175px,1fr);gap:15px}.workspace-option-details,.workspace-scene-details{padding-left:15px}.workspace-option-card>img,.workspace-option-card>.workspace-image-empty{height:57px}.workspace-option-card{min-height:109px}.workspace-option-card>span:not(.workspace-image-empty){font-size:11px}.workspace-scene-card>img,.workspace-scene-card>.workspace-image-empty{height:55px}.workspace-dialog-footer{padding:12px 20px}.workspace-dialog-footer>p{font-size:11px;max-width:420px}.workspace-template-settings{padding:28px}.workspace-footer-copy>p{font-size:11px}.workspace-dialog-footer{gap:16px}}@media(max-width:690px){.modal.template-workspace-modal>header p{display:none}.modal.template-workspace-modal>header{padding:18px}.modal.template-workspace-modal>header h2{font-size:22px}.template-workspace-layout{grid-template-columns:168px minmax(0,1fr)}.workspace-field-nav{padding:12px 8px 8px;gap:10px}.workspace-field-nav-item{gap:7px;padding:9px 5px}.workspace-nav-icon{display:none}.workspace-field-filters>button{font-size:11px;padding:6px 3px}.workspace-field-nav-item>svg{width:12px}.workspace-field-nav-item b,.modal.template-workspace-modal .workspace-search input{font-size:11px}.workspace-search{gap:6px;padding:0 7px}.workspace-search>svg{width:14px}.workspace-editor-heading{padding:16px 15px 13px;gap:9px}.workspace-editor-title>h3{font-size:15px}.workspace-editor-title>span{font-size:11px}.workspace-editor-tabs{padding:0 15px;gap:14px}.workspace-editor-tabs>button>span{display:none}.workspace-field-symbol{display:none}.workspace-editor-body{padding:18px 15px}.workspace-order>.icon-button{padding:3px}.workspace-options-layout,.workspace-images-layout{display:flex;flex-direction:column;gap:20px}.workspace-choice-list,.workspace-scene-list,.workspace-option-details,.workspace-scene-details{width:100%;padding:0;border:0}.workspace-option-grid,.workspace-scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:220px}.workspace-option-details,.workspace-scene-details{border-top:1px solid #edf0e6;padding-top:17px}.workspace-section-intro h4{font-size:12px}.workspace-section-intro p{font-size:11px}.modal.template-workspace-modal .field>span:first-child{font-size:11px}.modal.template-workspace-modal .field input,.modal.template-workspace-modal .field select,.modal.template-workspace-modal .field textarea{font-size:12px}.workspace-template-settings{padding:22px 18px}.workspace-template-settings>h3{font-size:18px}.workspace-template-settings>p{font-size:11px}.workspace-template-stats{gap:20px}.workspace-dialog-footer>p{max-width:320px}.workspace-dialog-footer{gap:15px}.workspace-create-bar{gap:8px;padding:10px 15px}.workspace-create-bar .outline-button{font-size:11px;min-height:31px;padding:7px}.workspace-create-bar .workspace-import-button{margin-left:0}.workspace-create-buttons{gap:5px}.workspace-create-buttons svg{width:12px}.workspace-template-nav{padding:10px 6px;font-size:11px;gap:7px}.workspace-template-nav small{font-size:11px}.workspace-insert-card{padding:13px;gap:10px}.workspace-insert-card>svg{width:20px}.workspace-insert-card h4{font-size:12px}}@media(max-width:540px){.modal.wide.template-workspace-modal{height:calc(100dvh - 18px);max-height:calc(100dvh - 18px);border-radius:12px}.template-workspace-layout{grid-template-columns:140px minmax(0,1fr)}.workspace-field-filters{gap:1px;flex-wrap:wrap}.workspace-field-filters>button{font-size:11px;padding:5px 3px;flex:1 0 43%}.workspace-field-filters>button:first-child{flex-basis:100%}.workspace-field-nav-item b,.workspace-field-nav-item small{font-size:11px}.workspace-field-nav-item>svg{display:none}.workspace-field-nav{gap:9px}.workspace-editor-heading{padding:14px 11px}.workspace-editor-body{padding:16px 12px}.workspace-editor-tabs{padding:0 11px;gap:12px}.workspace-editor-tabs>button{font-size:11px}.workspace-option-grid,.workspace-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-dialog-footer>p{font-size:11px}.workspace-dialog-footer>.primary-button{min-width:87px;font-size:11px;padding:8px 12px}.workspace-dialog-footer{padding:11px 15px;gap:11px}.workspace-option-actions{flex-direction:column;align-items:flex-start;gap:0}.workspace-footer-copy>p:not(.workspace-save-error){display:none}.workspace-history{gap:4px}.workspace-history>.icon-button{padding:6px}}.modal.template-workspace-modal .workspace-search input:focus{border:0;box-shadow:none;background:none}.template-card,.template-choice,.workspace-field-nav-item,.workspace-option-card,.workspace-scene-card,.character-choice{transition:background-color .16s,border-color .16s,box-shadow .16s}.template-card:hover{border-color:#b6c8ac;box-shadow:0 5px 16px #244b450b}.template-card-body{gap:3px}.template-card-actions{flex-wrap:wrap;gap:6px}.template-card-actions button{min-height:30px;padding:7px 5px}.template-choice:hover,.workspace-option-card:hover,.workspace-scene-card:hover,.character-choice:hover{border-color:#9eb391;background-color:#f4f8ef}.workspace-field-nav-item:hover{background:#eef3e8;border-color:#dce5d2}.workspace-field-nav-item.active{background:#fff;border-color:#9caf8e;box-shadow:inset 3px 0 #6d8c5a}.workspace-search:focus-within{border-color:#7d9a70;box-shadow:0 0 0 3px #7d9a701c}.workspace-search input{min-width:0;outline:none}.workspace-detail-pane :is(input,select,textarea){max-width:100%;min-width:0}.workspace-editor-tabs>button{min-height:45px;line-height:1.4}.workspace-field-filters>button{min-height:32px}.workspace-field-nav-item small,.workspace-template-nav small{line-height:1.5}.workspace-option-card>small,.workspace-scene-card>small{font-size:11px}.workspace-option-grid,.workspace-scene-grid{scrollbar-gutter:stable}.workspace-option-actions>.text-button,.workspace-default-button,.workspace-remove>.text-button{min-height:36px}.workspace-advanced>summary,.workspace-template-nav{min-height:40px}.template-field-hint code{display:inline-block;max-width:100%;overflow-wrap:anywhere;line-height:1.6}.template-workspace-modal .field small{line-height:1.6}.template-workspace-modal .workspace-create-bar .outline-button{min-height:36px;font-size:11px}.workspace-footer-copy>p,.workspace-save-status{font-size:11px;line-height:1.5}.new-book-data,.new-book-templates{min-width:0}.new-book-data .field select{width:100%;min-width:0}.character-selected-compact{padding:10px;gap:12px}.character-selected-compact>span{font-size:12px}.character-selected-compact small{font-size:11px;line-height:1.45;margin-top:3px}@media(max-width:690px){.template-workspace-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.workspace-field-nav{display:grid;grid-template-columns:minmax(0,1fr) 110px;grid-template-rows:36px 30px 68px;gap:7px;padding:10px 13px;border-right:0;border-bottom:1px solid var(--line)}.workspace-field-nav>.workspace-search{grid-area:1/1;min-width:0}.workspace-field-filters{grid-area:2/1/3/3;gap:5px;flex-wrap:nowrap}.workspace-field-filters>button,.workspace-field-filters>button:first-child{flex:1;min-height:30px;font-size:11px;padding:4px 7px}.workspace-field-nav-list{grid-area:3/1/4/3;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:2px 2px 4px;gap:8px}.workspace-field-nav-item{flex:0 0 170px;padding:8px 10px;align-items:center}.workspace-field-nav-item b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-field-nav-item small{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-field-nav-item>svg{display:none}.workspace-template-nav{grid-area:1/2;padding:6px 8px;gap:6px;border:1px solid #dbe4d1;border-radius:7px;font-size:11px;min-height:36px}.workspace-template-nav small{display:none}.workspace-template-nav>svg{width:15px}.workspace-list-empty{padding:9px;font-size:11px;text-align:left;min-width:100%}.workspace-list-empty .text-button{display:inline-flex;margin:0 0 0 8px}.workspace-editor-heading{padding:15px 17px 12px}.workspace-editor-title>h3{font-size:17px}.workspace-editor-tabs{padding:0 17px;gap:20px}.workspace-editor-tabs>button{font-size:12px}.workspace-editor-body{padding:19px 17px}.workspace-section-intro h4{font-size:13px}.workspace-section-intro p{font-size:12px}.workspace-create-bar{padding:10px 13px;gap:7px}.workspace-create-buttons{gap:6px}.workspace-option-actions{flex-direction:row;align-items:center;gap:8px}.workspace-dialog-footer{padding:11px 14px}.workspace-footer-copy>p:not(.workspace-save-error){display:none}}@media(max-width:420px){.template-library-grid{grid-template-columns:1fr}.workspace-field-nav{grid-template-rows:34px 28px 62px;gap:5px;padding:8px 11px}.workspace-field-nav-item{flex-basis:150px}.workspace-create-bar .workspace-import-button{margin-left:0}.workspace-editor-tabs{gap:17px}.workspace-dialog-footer{gap:9px}}@media(max-width:690px){.workspace-create-bar{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding:12px;padding:9px 13px;gap:8px}.workspace-create-buttons{flex-wrap:nowrap;flex-shrink:0}.workspace-create-bar .outline-button{flex-shrink:0;white-space:nowrap}.template-workspace-layout{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.workspace-field-nav{flex-shrink:0}.workspace-detail-pane{overflow:visible;flex:none;min-height:300px}.workspace-field-editor{flex:none}.workspace-editor-body{flex:none;overflow:visible;scrollbar-gutter:auto}.workspace-template-settings{overflow:visible}.workspace-editor-tabs{position:sticky;top:0;z-index:3;background:#fff}.character-import-panel{flex:none;min-height:360px}.character-import-scroll{flex:none;overflow:visible;scrollbar-gutter:auto}}.new-book-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.new-book-actions>button{min-height:42px;white-space:normal;line-height:1.4;font-size:12px;padding:10px 12px}.new-book-download-note{font-size:11px;color:#6b7962;line-height:1.6;margin:10px 0 0}@media(max-width:580px){.new-book-actions{grid-template-columns:1fr;gap:8px}}.workspace-basic-form.workspace-unified-image-form{max-width:none}.workspace-unified-image-form>.field{max-width:570px}.workspace-option-drop{display:flex;flex-direction:column;min-width:0}.workspace-option-drop>.workspace-option-card{width:100%;flex:1}.workspace-option-card.workspace-option-add-card{justify-content:center;align-items:center;border-style:dashed;padding:14px 8px;gap:8px;color:#637c51}.workspace-option-add-card>small{font-size:10px;color:#707765}.workspace-single-image-note{margin-bottom:17px}.workspace-single-image-note>h4{margin:0 0 6px;font-size:12px;line-height:1.5;color:#697a5e}.workspace-single-image-note>p{font-size:11px;line-height:1.6;color:#6f7866}.workspace-inline-options{padding-top:4px}.workspace-inline-options>.workspace-section-intro{margin-bottom:14px}.workspace-inline-options .workspace-options-layout{gap:20px;align-items:stretch}.workspace-inline-options .workspace-choice-list{display:flex;flex-direction:column;min-height:0}.workspace-inline-options .workspace-option-grid{flex:1;min-height:0;max-height:none;contain:size;grid-auto-rows:max-content}.workspace-inline-options .workspace-option-details{padding:15px;border:1px solid #e6ebdf;border-radius:10px;background:#fcfdf9}.workspace-inline-options .workspace-option-details .template-image-preview{height:140px;max-height:140px}.workspace-inline-options .workspace-advanced{margin-top:15px}.workspace-scenes-link{padding-bottom:12px}.workspace-field-filters{flex-wrap:wrap}.workspace-field-filters>button{padding:6px 4px;font-size:10px;gap:3px}.workspace-unified-image-form>.workspace-advanced{max-width:650px}.workspace-basic-form>.workspace-required{max-width:650px;margin:0 0 20px}@media(max-width:700px){.workspace-inline-options .workspace-options-layout{grid-template-columns:1fr}.workspace-inline-options .workspace-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));flex:none;contain:none;max-height:250px}.workspace-inline-options .workspace-option-details{padding:12px}}.workspace-inline-options .workspace-choice-list>.full{margin:0 0 12px}.modal.wide.template-workspace-modal{width:1280px;height:min(900px,calc(100dvh - 48px));max-height:calc(100dvh - 48px)}.modal.template-workspace-modal>header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.modal.template-workspace-modal>header h2{font-size:23px}.modal.template-workspace-modal>header p{font-size:11px;margin-top:3px}.template-workspace-modal .workspace-create-bar{padding:0;gap:8px;border:0;background:none;flex-wrap:nowrap;overflow:visible}.template-workspace-modal .workspace-create-bar>span{display:none}.template-workspace-modal .workspace-create-buttons{gap:6px;flex-wrap:nowrap}.template-workspace-modal .workspace-create-bar .workspace-import-button{margin-left:0}.template-workspace-modal .template-workspace-layout{grid-template-columns:220px minmax(0,1fr)}.template-workspace-modal .workspace-field-nav{padding:14px 10px 10px;gap:9px}.template-workspace-modal .workspace-field-nav-item{padding:8px;gap:8px}.template-workspace-modal .workspace-field-nav-item>span:nth-child(2){gap:3px}.template-workspace-modal .workspace-template-nav{padding:9px 8px}.template-workspace-modal .workspace-editor-heading{padding:13px 20px 10px;gap:10px}.template-workspace-modal .workspace-field-symbol{width:34px;height:34px;border-radius:9px}.template-workspace-modal .workspace-field-symbol>svg{width:20px;height:20px}.workspace-field-name{position:relative;margin-left:-8px;min-width:0}.template-workspace-modal .workspace-field-name>input{font-size:17px;font-weight:750;line-height:1.35;color:#415737;padding:3px 28px 3px 7px;border:1px solid transparent;background:transparent;border-radius:5px}.template-workspace-modal .workspace-field-name>input::placeholder{color:#87947d;font-weight:600}.template-workspace-modal .workspace-field-name>input:hover{border-color:#dce5d4;background:#f8faf5}.template-workspace-modal .workspace-field-name>input:focus{border-color:#87a774;background:#fbfdf8;box-shadow:0 0 0 3px #7d9a701c}.workspace-field-name>svg{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:#7d8e70;opacity:.65;transition:opacity var(--fast) var(--ease)}.workspace-field-name:hover>svg,.workspace-field-name:focus-within>svg{opacity:1}.workspace-editor-meta{display:flex;flex-wrap:wrap;gap:4px 9px;margin-top:3px;font-size:11px;line-height:1.4;color:#6e7864}.workspace-editor-meta>span+span{padding-left:9px;border-left:1px solid #dfe5d8}.template-workspace-modal .workspace-order>span{display:none}.template-workspace-modal .workspace-place-action{padding:0;flex-shrink:0;margin:0}.template-workspace-modal .workspace-place-action>.primary-button{min-height:34px;font-size:11px;padding:8px 11px}.template-workspace-modal .workspace-editor-tabs{padding:0 20px;gap:23px}.template-workspace-modal .workspace-editor-tabs>button{min-height:38px;padding:5px 0 8px}.template-workspace-modal .workspace-editor-body{padding:18px 20px 20px}.template-workspace-modal .workspace-section-intro{margin-bottom:14px}.template-workspace-modal .workspace-section-intro h4{margin-bottom:4px}.template-workspace-modal .workspace-dialog-footer{padding:9px 20px;gap:16px}.template-workspace-modal .workspace-dialog-footer>.primary-button{min-width:100px;min-height:35px;padding:8px 16px}.template-workspace-modal .workspace-footer-copy>.workspace-field-limit{display:block}.template-workspace-modal .workspace-tab-images{display:flex;flex-direction:column;overflow:hidden;scrollbar-gutter:auto;gap:15px}.workspace-scene-toolbar{display:flex;align-items:center;gap:20px;flex-shrink:0}.template-workspace-modal .workspace-scene-toolbar>.field{flex:0 1 320px;min-width:200px;margin:0;gap:5px}.workspace-scene-toolbar>p{font-size:12px;line-height:1.5;color:#5f7353;margin:12px 0 0}.workspace-scene-toolbar>p>span{display:block;font-size:11px;color:#747e6b;margin-top:3px}.template-workspace-modal .workspace-images-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:stretch;min-height:0;flex:1}.template-workspace-modal .workspace-scene-list{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 3px 4px 0}.template-workspace-modal .workspace-scene-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));max-height:none;overflow:visible;scrollbar-gutter:auto;gap:9px;align-content:start}.template-workspace-modal .workspace-scene-card{padding:6px 6px 8px;gap:5px;min-height:130px}.template-workspace-modal .workspace-scene-card>img,.template-workspace-modal .workspace-scene-card>.workspace-image-empty{height:78px}.template-workspace-modal .workspace-scene-card>span:not(.workspace-image-empty){font-size:11px;line-height:1.4}.template-workspace-modal .workspace-scene-card>small{font-size:10px;line-height:1.4}.template-workspace-modal .workspace-scene-add-card{padding:12px 7px;gap:7px}.template-workspace-modal .workspace-scene-details{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable;padding:3px 2px 8px 18px;border-left:1px solid #e8eddf}.template-workspace-modal .workspace-scene-details>.field{margin-bottom:12px}.template-workspace-modal .workspace-scene-details>.workspace-current-variant{margin:0 0 10px}.template-workspace-modal .workspace-scene-details .template-image-preview{height:180px;max-height:180px}.template-workspace-modal .workspace-scene-details .workspace-upload-placeholder{height:150px;margin-bottom:9px}.template-workspace-modal .workspace-scene-details .template-field-hint{margin:8px 0 12px;line-height:1.5}.template-workspace-modal .workspace-scene-details .workspace-advanced{margin-top:12px}@media(max-width:1100px){.template-workspace-modal .template-workspace-layout{grid-template-columns:200px minmax(0,1fr)}.template-workspace-modal .workspace-images-layout{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.template-workspace-modal .workspace-scene-details{padding-left:13px}.template-workspace-modal .workspace-scene-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media(max-width:950px){.modal.template-workspace-modal>header{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:13px 17px}.modal.template-workspace-modal>header>.modal-header-actions{grid-area:2/1/3/3}.modal.template-workspace-modal>header>.icon-button{grid-area:1/2}.template-workspace-modal .workspace-create-bar{justify-content:flex-start}.template-workspace-modal .workspace-create-bar .workspace-import-button{margin-left:auto}.template-workspace-modal .workspace-editor-heading{flex-wrap:wrap;padding:12px 16px 8px}.template-workspace-modal .workspace-editor-tabs{padding:0 16px}.template-workspace-modal .workspace-editor-body{padding:15px 16px 18px}.template-workspace-modal .workspace-order{order:3}.template-workspace-modal .workspace-editor-title{flex-basis:calc(100% - 50px)}.template-workspace-modal .workspace-place-action{order:4;margin-left:auto}.workspace-scene-toolbar{gap:12px}.template-workspace-modal .workspace-scene-toolbar>.field{min-width:0;flex-basis:240px}.workspace-scene-toolbar>p{font-size:11px}.workspace-scene-toolbar>p>span{font-size:10px}.template-workspace-modal .workspace-images-layout{grid-template-columns:minmax(0,1fr) 220px;gap:12px}.template-workspace-modal .workspace-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-workspace-modal .workspace-scene-card>img,.template-workspace-modal .workspace-scene-card>.workspace-image-empty{height:68px}}@media(max-width:690px){.modal.wide.template-workspace-modal{height:calc(100dvh - 18px);max-height:calc(100dvh - 18px)}.modal.template-workspace-modal>header{padding:12px 13px;gap:9px}.modal.template-workspace-modal>header h2{font-size:21px}.template-workspace-modal .workspace-create-bar{overflow-x:auto;justify-content:flex-start;gap:7px}.template-workspace-modal .workspace-create-bar .workspace-import-button{margin-left:auto}.template-workspace-modal .template-workspace-layout{display:flex}.template-workspace-modal .workspace-field-nav{display:grid;padding:9px 12px;gap:6px;grid-template-rows:34px 29px 58px}.template-workspace-modal .workspace-editor-heading{padding:12px 14px 8px}.template-workspace-modal .workspace-editor-title{flex-basis:calc(100% - 70px)}.template-workspace-modal .workspace-field-name>input{font-size:16px}.template-workspace-modal .workspace-order{order:0}.template-workspace-modal .workspace-place-action{margin-top:0}.template-workspace-modal .workspace-editor-tabs{padding:0 14px;gap:20px}.template-workspace-modal .workspace-editor-body{padding:15px 14px 18px}.template-workspace-modal .workspace-tab-images{overflow:visible;gap:14px}.workspace-scene-toolbar{display:block}.template-workspace-modal .workspace-scene-toolbar>.field{max-width:none}.workspace-scene-toolbar>p{margin-top:8px;font-size:11px}.workspace-scene-toolbar>p>span{display:inline;margin-left:4px}.template-workspace-modal .workspace-images-layout{display:flex;flex-direction:column;gap:17px;flex:none}.template-workspace-modal .workspace-scene-list{width:100%;max-height:285px;flex-shrink:0;scrollbar-gutter:auto;padding-right:0}.template-workspace-modal .workspace-scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-workspace-modal .workspace-scene-card{min-height:123px}.template-workspace-modal .workspace-scene-details{width:100%;overflow:visible;scrollbar-gutter:auto;border-left:0;border-top:1px solid #e8eddf;padding:14px 0 0}.template-workspace-modal .workspace-dialog-footer{padding:9px 13px;gap:9px}.template-workspace-modal .workspace-dialog-footer>.primary-button{min-width:90px}}@media(max-width:420px){.template-workspace-modal .workspace-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-workspace-modal .workspace-field-nav{grid-template-rows:34px 28px 54px}}.variable-buttons{flex-wrap:wrap;gap:6px}.variable-buttons button{max-width:100%;white-space:normal;text-align:left}.library-field-buttons{margin-bottom:16px}.image-field-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:140px;padding:20px;margin-bottom:16px;border:1px dashed #b5aca0;border-radius:10px;background:#f4f1ec;color:#776d61;text-align:center}.character-library-section{margin:20px 0 26px}.character-library-section h3{margin:0 0 10px}.character-library-section .baby-grid{max-height:330px;overflow-y:auto;overscroll-behavior:contain;padding:2px 3px 4px 0}.character-library-section .baby-card>svg:not(:last-child){margin:24px auto;color:#6d7866}.template-summary-panel>.field{margin-top:16px}.template-description-disclosure{margin:5px 0 18px;font-size:11px;color:#6c7865}.template-description-disclosure>summary{cursor:pointer;padding:7px 0}.template-description-disclosure[open]>.field{margin-top:10px}.template-summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-summary-stats>span{padding:12px;background:#f4f7f0;border:1px solid #e7ecdf;border-radius:9px;font-size:11px;color:#6c7963;display:flex;flex-direction:column;gap:5px}.template-summary-stats b{font-size:22px;line-height:1.2;color:#375443}.template-summary-panel>.muted{margin:12px 0 18px}.template-summary-fields{display:flex;flex-direction:column;gap:5px}.template-summary-fields>button{width:100%;justify-content:flex-start;padding:10px 7px;border-radius:7px;text-align:left;border:1px solid transparent}.template-summary-fields>button:hover{border-color:#dfe6d6}.template-summary-fields>button>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.template-summary-fields b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-summary-fields small{font-size:11px;color:#6c7964}.template-summary-fields>button>svg{color:#677b5a}.template-summary-fields>button>svg:last-child{transform:none}.character-variant-search{font-size:11px;margin:0 0 12px}.character-library-section .baby-grid{max-height:none}.character-library-section{margin:0 0 15px}.template-summary-fields>button{gap:9px;padding:11px 9px;min-height:58px;background:#fafcf7;border-color:#e7ece1;transition:background-color .16s,border-color .16s}.template-summary-fields>button:hover{background:#f1f6eb;border-color:#a8bd99}.template-summary-fields b{font-size:12px;line-height:1.45}.template-summary-fields small{font-size:11px;line-height:1.5}.template-description-disclosure>summary{min-height:34px;line-height:1.5}.character-library-section .baby-grid{gap:9px;padding:3px 3px 6px}.character-library-section .baby-card{border-radius:9px}.character-library-section .baby-card>span{font-size:11px;line-height:1.45}.character-variant-search{min-height:38px}.variable-buttons button{min-height:29px;line-height:1.45}@media(max-width:850px){.template-summary-panel{break-inside:avoid;column-span:all}.character-library-section .baby-grid{overflow-x:auto;max-width:100%;width:auto}.character-library-section .baby-card{flex-shrink:0}}.template-start-dialog.modal{width:760px}.personal-item-dialog.modal{width:540px}.personal-item-character.modal{width:800px}.creation-form-fields{margin:0;padding:0;border:0;min-width:0}.creation-form-fields:disabled{opacity:.65}.creation-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 13px}.creation-section-heading h3{font-size:13px;font-weight:750;color:#385443}.creation-section-heading>span{font-size:11px;line-height:1.5;color:#6c7866;text-align:right}.creation-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creation-format-card{display:flex;flex-direction:column;align-items:stretch;gap:7px;text-align:left;border:1px solid #dfe6d7;border-radius:11px;padding:15px;min-width:0;background:#fff}.creation-format-card:hover{background:#f8faf5}.creation-format-card.active{background:#f4f8ee;border-color:#7f9c70;box-shadow:0 0 0 1px #7f9c70}.creation-format-card>b{font-size:12px;line-height:1.5;color:#375443}.creation-format-card>small{font-size:11px;line-height:1.5;color:#6a7962;flex:1}.creation-format-card>span:last-child{font-size:11px;color:#6c7864}.creation-format-art{height:89px;display:flex;align-items:center;justify-content:center;position:relative;background:#f4f5ef;border-radius:6px;margin-bottom:3px}.creation-format-art>svg{position:absolute;right:7px;top:7px;color:#57764a}.creation-page-shape{width:47px;height:47px;border:1px solid #9aac8b;border-radius:2px;box-shadow:3px 3px #dfe6d8;background:linear-gradient(#fcfdf8 55%,#eaf1e1 55%,#eaf1e1 61%,#fcfdf8 61%,#fcfdf8 70%,#eaf1e1 70%,#eaf1e1 76%,#fcfdf8 76%)}.creation-page-shape.portrait{width:39px;height:57px}.creation-page-shape.spread{width:77px;height:39px;position:relative}.creation-page-shape.spread:after{content:"";position:absolute;left:50%;height:100%;border-left:1px solid #b6c2a9}.creation-extra{margin-top:19px;border-top:1px solid #e9eddf;padding:12px 0 0;color:#6a7960;font-size:11px}.creation-extra>summary{cursor:pointer;padding:4px 0;list-style-position:inside}.creation-extra .checkbox-label{margin:16px 0;font-size:11px}.creation-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:15px}.creation-next,.creation-result{display:flex;align-items:flex-start;gap:13px;padding:14px;border:1px solid #e7eddf;background:#f6f9f1;border-radius:9px;margin:20px 0 0;color:#657b56}.creation-next>svg,.creation-result>svg{flex-shrink:0;margin-top:2px}.creation-next>p,.creation-result>p{font-size:11px;line-height:1.7;margin:0;color:#6a7c5d}.creation-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:23px;padding-top:17px;border-top:1px solid #e8edde}.creation-dialog-actions>button{min-height:39px}.creation-error{margin:15px 0 0;padding:12px;border:1px solid #efcabc;border-radius:8px;background:#fff6f1;color:#9a4c36;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.add-to-page-panel{min-width:0;color:#395440}.creation-panel-heading h2{font-size:17px;font-weight:750;line-height:1.4;margin:0}.creation-panel-heading>p{font-size:11px;line-height:1.6;color:#6c7964;margin:8px 0 0}.creation-action-group{font-size:11px!important;font-weight:750;line-height:1.5;color:#6c7962;letter-spacing:.15px;margin:23px 0 9px!important}.creation-action-list{display:grid;gap:7px}.creation-add-card{width:100%;justify-content:flex-start;gap:10px;padding:11px 10px;border:1px solid #e3e9db;border-radius:8px;background:#fff;min-width:0;text-align:left}.creation-add-card:hover{background:#f7faf3;border-color:#b9cbaa}.creation-add-card.personal{background:#f6f9f1}.creation-add-card.personal:hover{background:#edf4e4}.creation-add-card>svg{color:#607c52;flex-shrink:0}.creation-add-card>svg:last-child{width:12px;height:12px;align-self:center;color:#687a5b}.creation-add-card>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.creation-add-card b{font-size:11px;line-height:1.45;font-weight:750;color:#3d5a43}.creation-add-card small{font-size:11px;line-height:1.45;color:#69795f}.creation-import-link{margin:15px 0 0;padding:8px 2px;width:100%;justify-content:flex-start;color:#617c50;gap:7px;text-align:left;font-size:11px;line-height:1.5}.creation-import-link>span{flex:1}.creation-import-link>svg{flex-shrink:0}.creation-reuse{border-top:1px solid #e5eadc;margin-top:22px;padding-top:19px}.creation-reuse>h3{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#3c5742;margin:0}.creation-reuse>h3>span{background:#edf3e6;font-size:11px;color:#677b59;border-radius:10px;padding:2px 6px}.creation-reuse>p,.creation-panel-note{font-size:11px;color:#6c7962;line-height:1.6;margin:8px 0 14px}.creation-search{display:flex;align-items:center;gap:8px;border:1px solid #e0e7d6;border-radius:7px;padding:0 9px;margin-bottom:11px}.creation-search>svg{flex-shrink:0;color:#6d795f}.creation-search>input{border:0;box-shadow:none!important;padding:9px 0;font-size:11px;min-width:0;background:transparent}.creation-existing-list{display:flex;flex-direction:column;gap:10px}.creation-existing-field{padding:11px;border:1px solid #e1e8d8;border-radius:9px;background:#fbfcf9;min-width:0}.creation-existing-heading{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:10px}.creation-existing-heading>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.creation-existing-heading b{font-size:11px;line-height:1.45;overflow-wrap:anywhere;color:#425c47}.creation-existing-heading small{font-size:11px;color:#6b795f;line-height:1.4}.creation-existing-icon{flex-shrink:0;width:35px;height:39px;background:#eef3e8;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#667b56;overflow:hidden}.creation-existing-icon>img{width:100%;height:100%;object-fit:contain}.creation-existing-heading>.icon-button{padding:4px;flex-shrink:0;color:#647b54}.creation-existing-field>.field{margin:0 0 10px}.creation-existing-field>.field>span{font-size:11px}.creation-existing-field>.field>select{font-size:11px;padding:8px;max-width:100%;text-overflow:ellipsis}.creation-existing-field>.outline-button{min-height:29px;padding:6px 8px;font-size:11px;gap:5px;background:#fff}.creation-upload-label{font-size:12px;font-weight:650;color:#6c7863;margin:17px 0 9px}.creation-upload-label>span{font-weight:400;font-size:11px;color:#6f7765;margin-left:8px}.creation-upload{min-width:0}.creation-upload>img{display:block;width:100%;height:153px;object-fit:contain;background:#f7f8f2;border:1px solid #e9eddf;border-radius:8px;margin-bottom:10px}.creation-upload-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:100%;height:118px;background:#f8faf4;border:1px dashed #cbd7bf;color:#6a7a5b;border-radius:8px;margin-bottom:10px}.creation-upload-empty>span{font-size:11px;padding:0 12px;line-height:1.5;text-align:center}.creation-upload-actions{display:flex;align-items:center;gap:6px}.creation-upload-actions>.outline-button{flex:1;font-size:11px;padding:9px 8px;min-height:35px}.creation-upload-actions>.icon-button{flex-shrink:0;padding:6px;color:#906d63}.creation-options-explanation{font-size:11px;line-height:1.6;color:#6c7963;margin:0 0 13px}.creation-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.creation-option-card{border:1px solid #e3e9da;border-radius:10px;padding:15px;min-width:0;background:#fdfefb}.creation-option-card.active{border-color:#acc196;background:#f7faf2}.creation-option-heading{display:flex;align-items:center;justify-content:space-between;height:23px;margin:0 0 10px;font-size:11px;color:#6a795d}.creation-option-heading>.icon-button{padding:4px}.creation-option-card .field{margin-bottom:11px}.creation-option-card .field>span:first-child{font-size:11px}.creation-option-card .field input{font-size:12px}.creation-option-card .creation-upload-empty{height:117px}.creation-option-default{padding:10px 0 0;justify-content:flex-start;gap:6px;font-size:11px;color:#6a795f;width:100%;text-align:left}.creation-option-default>svg{opacity:.35}.creation-option-default.active{color:#577944}.creation-option-default.active>svg{opacity:1}.creation-add-option{width:100%;margin:13px 0 0;min-height:38px;border-style:dashed;font-size:11px}@media(max-width:900px){.creation-format-grid{gap:8px}.creation-format-card{padding:12px}.creation-format-card>b{font-size:11px}.creation-format-card>small{font-size:11px}}@media(max-width:580px){.creation-format-grid{grid-template-columns:1fr}.creation-format-card{display:grid;grid-template-columns:83px minmax(0,1fr);column-gap:13px;padding:11px}.creation-format-art{grid-row:1/4;height:82px;margin:0}.creation-format-card>b{font-size:12px}.creation-format-card>small{font-size:11px}.creation-section-heading{align-items:flex-start;flex-direction:column;gap:4px}.creation-section-heading>span{text-align:left}.creation-options-grid{grid-template-columns:1fr}.creation-dialog-actions{gap:7px}.creation-dialog-actions>button{font-size:11px;padding:10px 12px}.creation-next,.creation-result{padding:12px}.creation-next>p,.creation-result>p{font-size:11px}}.creation-action-list{gap:9px;margin-top:16px}.creation-add-card{padding:13px 11px;min-height:66px;border-radius:10px;transition:background-color .16s,border-color .16s,box-shadow .16s}.creation-add-card b{font-size:12px}.creation-add-card small{line-height:1.55}.creation-add-card:hover{box-shadow:0 2px 7px #244b4508}.creation-format-card{transition:background-color .16s,border-color .16s,box-shadow .16s}.creation-format-card.active{border-color:#63845b;box-shadow:0 0 0 1px #63845b}.creation-search:focus-within{border-color:#7d9a70;box-shadow:0 0 0 3px #7d9a701c}.creation-search>input{width:100%;outline:none}.creation-existing-field>.field>select{width:100%;min-width:0;padding-right:24px}.creation-existing-heading>.icon-button{min-height:32px;min-width:30px}.creation-existing-field>.outline-button{min-height:34px}.creation-import-link{min-height:38px;line-height:1.6}.creation-dialog-actions>button{min-width:92px;white-space:normal}.creation-dimensions>.field{min-width:0}.creation-option-default{min-height:36px}.creation-dialog-actions{position:sticky;bottom:0;z-index:2;background:#fff;padding-bottom:8px;box-shadow:0 -9px 14px -13px #244b4540}.personal-item-image.modal{width:650px}.creation-reuse>summary{cursor:pointer;list-style-position:inside;color:#3c5742;font-size:12px;font-weight:650;line-height:1.6;padding:3px 0}.creation-reuse>summary>span{display:inline-block;margin-left:7px;padding:1px 7px;background:#edf3e6;color:#677b59;border-radius:10px;font-size:11px;font-weight:500}.creation-reuse[open]>summary{margin-bottom:12px}.creation-inline-tip{margin:16px 2px 0;line-height:1.75}.creation-image-options{margin-top:20px;min-width:0}.creation-image-dropzone{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:185px;padding:22px;width:100%;border:1px dashed #bacbad;border-radius:12px;background:#f8faf5;text-align:center;color:#476344;transition:background-color .16s,border-color .16s}.creation-image-dropzone:hover{background:#f0f6e8;border-color:#8aa777}.creation-image-dropzone>b{font-size:13px;line-height:1.5}.creation-image-dropzone>span{font-size:12px;line-height:1.6;color:#65775b}.creation-image-dropzone>small{font-size:11px;line-height:1.5;color:#6c7962}.creation-options-grid.single-image{grid-template-columns:1fr}.creation-option-preview{position:relative;margin-bottom:13px;background:#eef2e8;border-radius:7px;overflow:hidden}.creation-option-preview>img{display:block;width:100%;height:150px;object-fit:contain}.single-image .creation-option-preview>img{height:185px}.creation-option-preview>.icon-button{position:absolute;top:6px;right:6px;width:30px;height:30px;background:#fff;box-shadow:0 1px 5px #243a4520;color:#8b5147;border:1px solid #ecdfd8;border-radius:6px}.creation-option-preview>.icon-button:hover{background:#fff3ec;color:#7a3931}.creation-replace-image{display:flex;align-items:center;justify-content:center;gap:6px;color:#617854;font-size:11px;min-height:32px;width:100%;border-radius:5px}.creation-replace-image:hover{background:#edf3e7}.creation-variants-hint{margin:10px 2px 0}.creation-upload-status{display:flex;align-items:center;gap:8px;font-size:12px;color:#617854;margin:13px 0 0}@media(prefers-reduced-motion:reduce){.creation-image-dropzone{transition:none}}.add-to-page-dialog.modal{width:760px}.add-to-page-dialog .creation-action-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;gap:12px}.add-to-page-dialog .creation-add-card{flex-direction:column;align-items:flex-start;padding:20px;min-height:156px;position:relative}.add-to-page-dialog .creation-add-card>svg:first-child{width:27px;height:27px;margin-bottom:9px}.add-to-page-dialog .creation-add-card>svg:last-child{position:absolute;right:13px;top:16px;width:16px;height:16px}.add-to-page-dialog .creation-add-card>span{gap:6px}.add-to-page-dialog .creation-add-card b{font-size:14px}.add-to-page-dialog .creation-add-card small{font-size:12px}.add-to-page-dialog .creation-existing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.creation-placeholder-choice{display:flex;gap:13px;align-items:center;width:100%;padding:16px;margin-top:13px;border:1px solid #dfe7d7;border-radius:10px;text-align:left;background:#fff;color:#526e48}.creation-placeholder-choice:hover{background:#f6f9f1;border-color:#aac29a}.creation-placeholder-choice>span{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.creation-placeholder-choice b{font-size:13px;line-height:1.5}.creation-placeholder-choice small{font-size:11px;line-height:1.6;color:#6b7b61}.creation-placeholder-choice>svg{flex-shrink:0}.creation-photo-placeholder{height:145px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px dashed #bacbad;border-radius:10px;color:#627c55;background:repeating-conic-gradient(#f2f5ec,#f2f5ec 25%,#fbfcf8 0%,#fbfcf8 50%) 0 0/20px 20px;margin-bottom:14px;text-align:center;padding:12px}.creation-photo-placeholder>b{font-size:13px}.creation-photo-placeholder>span{font-size:11px;line-height:1.5}.creation-image-dropzone.compact{min-height:130px;padding:16px}@media(max-width:580px){.add-to-page-dialog .creation-action-list,.add-to-page-dialog .creation-existing-list{grid-template-columns:1fr}.add-to-page-dialog .creation-add-card{flex-direction:row;align-items:center;min-height:82px;padding:15px;gap:15px}.add-to-page-dialog .creation-add-card>svg:first-child{margin:0}.add-to-page-dialog .creation-add-card>svg:last-child{position:static;align-self:center}.creation-dialog-actions{flex-wrap:wrap}.creation-dialog-actions>button:last-child{flex:1}.creation-placeholder-choice{padding:13px}}.editor-toolbar .insert-tools .toolbar-add-primary{background:#244b45;color:#fff;border-radius:7px;padding:10px 13px;gap:7px;font-size:12px;font-weight:750;white-space:nowrap}.editor-toolbar .insert-tools .toolbar-add-primary:hover{background:#345d52}.editor-toolbar .toolbar-manage-fields{font-size:11px;gap:6px;color:#697a5d}.template-guide-steps{display:flex;flex-direction:column;gap:8px;margin:16px 0}.template-guide-steps>button{display:flex;align-items:center;width:100%;gap:10px;text-align:left;padding:12px 9px;border:1px solid #e3e9dc;border-radius:8px;background:#fafcf7}.template-guide-steps>button:hover{border-color:#97af87;background:#f3f7ed}.template-guide-steps>button>span{width:25px;height:25px;border-radius:50%;background:#eaf0e2;color:#617d4d;display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:800}.template-guide-steps>button>div{flex:1;min-width:0}.template-guide-steps b{font-size:11px;display:block;color:#506747;line-height:1.45}.template-guide-steps small{display:block;font-size:11px;line-height:1.55;color:#6e7864;margin-top:3px}.template-guide-steps>button>svg{color:#6b795f;flex-shrink:0}.canvas-area{position:relative}.canvas-empty-starter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:330px;max-width:calc(100% - 42px);padding:24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fffffff2;border:1px dashed #bdcdb0;border-radius:12px;box-shadow:0 8px 25px #30402a08;z-index:3}.canvas-empty-starter .starter-eyebrow{font-size:11px;letter-spacing:1.5px;color:#6d7961;font-weight:800}.canvas-empty-starter h2{font-family:var(--serif);font-size:25px;color:#355342;font-weight:500;margin:10px 0}.canvas-empty-starter p{font-size:12px;line-height:1.65;color:#6d7864;margin:0 0 16px}.canvas-empty-starter>.primary-button{font-size:12px;min-height:38px;width:100%}.canvas-empty-starter>div{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;justify-content:center}.canvas-empty-starter>div>button{font-size:11px;color:#677b57;text-decoration:underline;text-underline-offset:3px}.linked-element-info{padding:13px;border:1px solid #dfe8d5;background:#f6f9f1;border-radius:8px;margin-bottom:17px}.linked-element-info>b{font-size:12px;color:#526c42}.linked-element-info>p{font-size:11px;color:#6c7861;line-height:1.65;margin:7px 0}.linked-element-info .text-button{font-size:11px;padding:0}.property-disclosure{margin:12px 0 18px;border-top:1px solid #e6ebdf;padding-top:10px}.property-disclosure>summary{font-size:11px;color:#6a795e;cursor:pointer;margin-bottom:10px}.workspace-place-action{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 27px 17px;flex-shrink:0}.workspace-place-action>span{font-size:11px;color:#6f7766}.workspace-place-action>.primary-button{font-size:11px;min-height:34px;padding:8px 12px}.modal.wide.template-preview-modal{width:1120px;height:min(850px,calc(100dvh - 56px));max-height:calc(100dvh - 56px);padding:0;display:flex;flex-direction:column;overflow:hidden}.modal.template-preview-modal>header{padding:24px 26px 20px;margin:0;flex-shrink:0;border-bottom:1px solid #e4e9dc}.modal.template-preview-modal>header h2{font-size:26px}.modal.template-preview-modal>header p{font-size:12px}.template-preview-layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:0;flex:1}.template-preview-data{min-height:0;overflow:auto;padding:23px 22px;border-right:1px solid #e4e9dc;background:#fcfdf9}.preview-data-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-data-heading>h3{font-size:13px;color:#526b43}.template-preview-data>p{font-size:11px;color:#6e7864;line-height:1.7;margin:9px 0 21px}.template-preview-data .field>span:first-child{font-size:11px}.template-preview-data .dynamic-fields .field{margin-bottom:19px}.template-preview-data .preview-missing{background:#faf3e8;padding:11px;color:#8f6f4a;border-radius:6px;font-size:11px}.template-preview-pages{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f1f3ed}.preview-page-selector{display:flex;align-items:center;gap:15px;padding:17px 22px;background:#fafbf7;border-bottom:1px solid #e3e8dc;flex-shrink:0}.preview-page-selector>.field{flex-direction:row;flex:1;margin:0;min-width:0;display:flex;align-items:center;gap:12px}.preview-page-selector>.field>span{margin:0;font-size:11px}.preview-page-selector>.field>select{flex:1;min-width:0;font-size:12px}.preview-page-selector>span{font-size:11px;white-space:nowrap;color:#6d7863}.template-preview-artboard{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.template-preview-artboard .page-preview{flex-shrink:0;box-shadow:0 6px 28px #2a3d2920}.preview-page-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 15px;flex-shrink:0}.preview-page-controls>span{font-size:11px;color:#6e7864}.template-preview-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e4e9dc;padding:16px 23px;flex-shrink:0;flex-wrap:wrap}.template-preview-footer>.template-error{width:100%;margin:0}.template-preview-footer>.outline-button,.template-preview-footer>.primary-button{font-size:12px}.template-preview-footer .primary-button{margin-left:auto}@media(max-width:1100px){.editor-toolbar .toolbar-manage-fields>span{display:none}.editor-toolbar .insert-tools .toolbar-add-primary{font-size:11px;padding:8px 10px}.canvas-empty-starter{padding:19px 15px}.canvas-empty-starter h2{font-size:21px}.canvas-empty-starter p{font-size:11px}.template-preview-layout{grid-template-columns:260px minmax(0,1fr)}}@media(max-width:850px){.modal.wide.template-preview-modal{height:calc(100dvh - 32px);max-height:calc(100dvh - 32px)}.template-preview-layout{grid-template-columns:240px minmax(0,1fr)}.template-preview-data{padding:18px 15px}.template-preview-footer{padding:13px 18px}.template-guide-steps{margin-top:12px}.template-guide-steps>button{padding:9px}.workspace-place-action{padding:0 20px 13px}.workspace-place-action>span{font-size:11px}.workspace-place-action>.primary-button{font-size:11px}}@media(max-width:580px){.modal.wide.template-preview-modal{height:calc(100dvh - 18px);max-height:calc(100dvh - 18px)}.template-preview-layout{display:flex;flex-direction:column;overflow:auto}.template-preview-data{max-height:240px;min-height:150px;flex-shrink:0;border-right:0;border-bottom:1px solid #e4e9dc}.template-preview-pages{flex:1;min-height:300px}.modal.template-preview-modal>header{padding:18px}.modal.template-preview-modal>header h2{font-size:21px}.modal.template-preview-modal>header p{font-size:11px}.template-preview-footer>.outline-button,.template-preview-footer>.primary-button{font-size:11px;padding:9px;min-height:35px}.template-preview-footer{gap:8px;padding:10px}.workspace-place-action{padding:0 12px 12px;gap:8px}.workspace-place-action>span{max-width:85px}.workspace-place-action>.primary-button{font-size:11px;padding:7px}.canvas-empty-starter{max-width:calc(100% - 26px)}}.canvas-variable-popover{position:absolute;z-index:12;padding:12px 14px;background:#fff;border:1px solid #d4dfcc;border-radius:12px;box-shadow:0 9px 30px #244b4524;overflow:auto;cursor:default}.canvas-variable-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#6b7868}.canvas-variable-title button{font-size:11px;color:#426b4b;padding:3px 0;font-weight:700}.canvas-variable-popover .field input{font-size:12px;min-height:34px}.canvas-variable-popover .inline-variable-settings{padding:10px}.canvas-variable-popover .inline-variable-heading{margin-bottom:7px}.canvas-variable-popover .inline-variable-hint{font-size:11px}.inspector-content .inline-variables{margin-bottom:16px}.inspector-content .inline-image-variants{margin-bottom:18px}.inspector-image.template-image-preview{height:90px;object-fit:contain;margin-bottom:8px}.creation-panel-note code{font:inherit;color:#52784f;font-weight:700}.creation-action-list+.creation-panel-note{margin:12px 0 20px;line-height:1.7}.template-guide-steps>button{padding:12px 11px;gap:11px;transition:background-color .16s,border-color .16s}.template-guide-steps b{font-size:12px;line-height:1.5}.template-guide-steps small{font-size:11px;line-height:1.55}.canvas-empty-starter p{color:#637257}.canvas-empty-starter .starter-eyebrow{color:#67795a}.canvas-empty-starter>div>button{min-height:30px;font-size:11px}.workspace-place-action{flex-wrap:wrap;gap:10px}.workspace-place-action>span{font-size:11px;line-height:1.5}.workspace-place-action>.primary-button{min-height:37px;line-height:1.4;white-space:normal}.linked-element-info>p{font-size:11px}.property-disclosure>summary{min-height:30px;font-size:11px}.template-preview-data>.dynamic-fields{min-width:0}.template-preview-data .field select{width:100%;min-width:0;max-width:100%;padding-right:25px}.preview-page-selector>.field>select{max-width:100%;padding-right:25px}.template-preview-data>p{font-size:12px;line-height:1.65}.template-preview-footer>.outline-button,.template-preview-footer>.primary-button{min-height:39px;white-space:normal;line-height:1.45}.canvas-variable-popover{border-color:#c6d6bc;box-shadow:0 8px 26px #244b451c;padding:13px 15px;overscroll-behavior:contain}.canvas-variable-title{font-size:11px;line-height:1.5;color:#5d7158}.canvas-variable-title button{min-height:30px;padding:5px 7px;border-radius:5px;background:#edf4e7}.canvas-variable-popover .inline-variable-hint{font-size:11px;line-height:1.55}@media(max-width:690px){.workspace-place-action{padding:0 17px 13px}.workspace-place-action>span{max-width:none}.workspace-place-action>.primary-button{font-size:11px;padding:8px 11px}}@media(max-width:580px){.preview-page-selector{padding:12px 15px;gap:8px;flex-wrap:wrap}.preview-page-selector>.field{flex-basis:100%}.template-preview-footer>.outline-button,.template-preview-footer>.primary-button{font-size:11px}.template-preview-artboard{min-height:220px}}.modal.wide.version-history-modal,.modal.wide.version-conflict-modal{width:1080px;height:min(830px,calc(100dvh - 56px));max-height:calc(100dvh - 56px);padding:0;display:flex;flex-direction:column;overflow:hidden}.modal.version-history-modal>header,.modal.version-conflict-modal>header{padding:23px 25px 20px;margin:0;flex-shrink:0;border-bottom:1px solid var(--line)}.version-history-modal>header h2,.version-conflict-modal>header h2{font-size:25px}.version-history-modal>header p,.version-conflict-modal>header p{font-size:12px;line-height:1.6;max-width:780px}.version-history-layout{display:grid;grid-template-columns:235px minmax(0,1fr);flex:1;min-height:0}.version-list{overflow:auto;background:#f8faf5;border-right:1px solid var(--line);padding:12px;min-height:0;display:flex;flex-direction:column;gap:7px}.version-list>button{padding:12px;text-align:left;display:flex;flex-direction:column;align-items:stretch;gap:7px;border:1px solid transparent;border-radius:9px;flex-shrink:0;background:transparent;color:#55674e}.version-list>button:not(:disabled):hover{background:#eef3e8;border-color:#d5dfcb}.version-list>button.active{border-color:#aac2a0;background:#eaf2e3;color:#294c36}.version-list>button>span:first-child{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.version-list strong{font-size:12px}.version-list small{font-size:9px;font-weight:700;background:#fff9;border-radius:4px;padding:3px 5px;margin-left:auto}.version-list time{font-size:11px;color:#62715b;line-height:1.5}.version-reason{font-size:10px;line-height:1.5;color:#74816b}.version-detail{padding:22px 25px;overflow:auto;min-width:0;min-height:0}.version-detail-heading h3{font-size:17px;color:#355240;overflow-wrap:anywhere}.version-detail-heading p{font-size:11px;color:#74806b;margin:7px 0 16px}.version-view-tabs{display:flex;border-bottom:1px solid var(--line);gap:19px;margin-bottom:16px}.version-view-tabs>button{font-size:12px;font-weight:750;padding:10px 2px;color:#6c7863;border-bottom:2px solid transparent;margin-bottom:-1px}.version-view-tabs>button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green)}.version-note,.version-change-count{font-size:11px;line-height:1.65;color:#76816c;margin:12px 0}.version-change-count{color:#4f6644;font-weight:750}.version-loading{display:flex;justify-content:center;align-items:center;gap:10px;padding:60px 10px;font-size:12px;color:#6c7863}.version-initial{padding:26px 20px;background:#f8faf5;border:1px solid var(--line);border-radius:9px;color:#76896a}.version-initial h4{font-size:14px;margin:12px 0 8px;color:#4a6240}.version-initial>p{font-size:12px;line-height:1.75;max-width:460px}.version-initial>div{display:flex;gap:15px;flex-wrap:wrap;margin-top:18px;font-size:11px;font-weight:700}.version-change-group{border:1px solid var(--line);border-radius:8px;margin:0 0 12px;overflow:hidden}.version-change-group>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;font-size:12px;font-weight:750;color:#4f6346;padding:12px 13px;background:#f8faf5}.version-change-group>summary:after{content:"+";font-size:16px;font-weight:400}.version-change-group[open]>summary:after{content:"−"}.version-change-group>summary>span{flex:1;overflow-wrap:anywhere}.version-change-group>summary>small{font-size:10px;font-weight:600;color:#829176}.version-change{padding:12px 13px;border-top:1px solid #e9ede3}.version-change h4{font-size:11px;font-weight:750;line-height:1.6;color:#52644a;margin:0 0 9px;overflow-wrap:anywhere}.version-change-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.version-change-values>div{min-width:0;background:#f7f8f5;border:1px solid #edf0e7;border-radius:5px;padding:8px 9px}.version-change-values>div:last-child{background:#f3f8f0;border-color:#e4edde}.version-change-values span{display:block;font-size:9px;letter-spacing:.15px;font-weight:750;color:#7b8773;margin-bottom:5px}.version-change-values pre{margin:0;font-family:inherit;font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:#48543f;max-height:250px;overflow:auto}.version-change.removed .version-change-values>div:first-child{background:#fff6f1;border-color:#f2e5db}.version-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--line);background:#fff;flex-shrink:0;flex-wrap:wrap}.version-footer>p{display:flex;align-items:center;gap:6px;flex:1;font-size:10px;color:#7b876f;min-width:150px}.version-footer .outline-button,.version-footer .primary-button{font-size:11px;min-height:39px;line-height:1.45;white-space:normal}.version-confirm{width:100%;padding:13px 15px;border:1px solid #dbdfcc;border-radius:8px;background:#fbfcf6}.version-confirm>strong{font-size:12px;color:#405a39}.version-confirm>p{margin:7px 0 13px;font-size:11px;line-height:1.7;color:#68765c}.version-confirm>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.version-error{padding:12px 14px;margin:0 0 15px;background:#fff4ee;border:1px solid #ecd9ce;border-radius:7px;color:#9c4f34;font-size:12px;line-height:1.6}.version-error>button{margin-top:8px;font-size:11px;font-weight:750;text-decoration:underline;text-underline-offset:3px;color:#8f4c34}.version-page-preview>label{display:flex;gap:12px;align-items:center;font-size:11px;color:#6a7961;margin:17px 0}.version-page-preview select{flex:1;min-width:0;font-size:12px}.version-preview-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}.version-preview-grid.paired{grid-template-columns:repeat(2,minmax(0,1fr))}.version-snapshot{min-width:0}.version-snapshot>p{font-size:11px;font-weight:750;margin:0 0 9px;color:#53684a;overflow-wrap:anywhere}.version-snapshot-artboard{min-height:160px;padding:14px;display:flex;justify-content:center;align-items:center;background:#f0f2eb;border:1px solid #e3e8db;border-radius:8px;overflow:hidden}.version-snapshot-artboard .page-preview{box-shadow:0 3px 17px #30442717}.version-snapshot-artboard>span{font-size:11px;color:#7f8a74;line-height:1.7}.version-conflict-content{flex:1;overflow:auto;min-height:0;padding:22px 25px}.version-conflict-intro{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;background:#f9f5e9;padding:13px 15px;border-radius:8px;border:1px solid #eae1ca;color:#8d7546}.version-conflict-intro>svg{flex-shrink:0;margin-top:2px}.version-conflict-intro>p{font-size:12px;line-height:1.7}.version-conflict-banner{display:flex;align-items:center;gap:12px;padding:9px 24px;flex-shrink:0;background:#fcf5df;border-bottom:1px solid #e9dba9;color:#82642b;font-size:12px;line-height:1.5}.version-conflict-banner>span{flex:1}.version-conflict-banner>button{font-size:11px;font-weight:800;padding:7px 10px;border:1px solid #dac994;border-radius:6px;background:#fffaf0;color:#785d29;flex-shrink:0}.version-conflict-banner>button:hover{background:#f6edcf}.editor-toolbar .history-open{gap:5px;display:inline-flex;align-items:center}@media(max-width:850px){.modal.wide.version-history-modal,.modal.wide.version-conflict-modal{height:calc(100dvh - 32px);max-height:calc(100dvh - 32px)}.version-history-layout{grid-template-columns:190px minmax(0,1fr)}.version-list{padding:9px}.version-list>button{padding:10px}.version-detail,.version-conflict-content{padding:18px}.version-footer{padding:13px 17px}.version-history-modal>header h2,.version-conflict-modal>header h2{font-size:22px}.version-conflict-banner{padding:9px 13px;font-size:11px}.editor-toolbar .history-open>span{display:none}}@media(max-width:580px){.modal.wide.version-history-modal,.modal.wide.version-conflict-modal{height:calc(100dvh - 18px);max-height:calc(100dvh - 18px)}.modal.version-history-modal>header,.modal.version-conflict-modal>header{padding:16px}.version-history-modal>header h2,.version-conflict-modal>header h2{font-size:21px}.version-history-modal>header p,.version-conflict-modal>header p{font-size:11px}.version-history-layout{display:flex;flex-direction:column}.version-list{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);flex-shrink:0;max-height:132px;padding:9px}.version-list>button{width:195px;gap:5px}.version-list>.version-note{padding:0 7px}.version-detail{flex:1;padding:15px}.version-change-values{grid-template-columns:minmax(0,1fr);gap:7px}.version-change{padding:11px}.version-footer{gap:7px;padding:10px}.version-footer>p{flex-basis:100%;font-size:9px;margin:0 0 2px}.version-footer>.primary-button{flex:1}.version-footer .outline-button,.version-footer .primary-button{font-size:10px;padding:8px 10px;min-height:36px}.version-preview-grid.paired{grid-template-columns:minmax(0,1fr)}.version-conflict-content{padding:15px}.version-conflict-intro{padding:11px;gap:9px}.version-conflict-intro>p{font-size:11px}.version-confirm{padding:11px}.version-conflict-banner{align-items:flex-start;gap:7px;font-size:10px;padding:8px 10px}.version-conflict-banner>button{font-size:10px;max-width:116px;padding:6px 8px}}.image-dpi{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;padding:7px 9px;min-height:30px;border:1px solid #e0e7dc;border-radius:7px;background:#f7f9f4;color:#53654b;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:help}.image-dpi svg{flex-shrink:0;color:#7b8b70}.editor-toolbar{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.editor-toolbar>.toolbar-history,.editor-toolbar>.insert-tools,.editor-toolbar>.toolbar-divider,.editor-toolbar>button{flex-shrink:0}@media(max-width:1250px){.editor-toolbar .history-open>span{display:none}}@media(max-width:540px){.image-dpi{padding:5px 6px;font-size:10px;gap:4px}.image-dpi svg{display:none}}.image-settings-dialog{width:570px}.image-settings-dialog .image-mode-control{margin:0 0 18px}.image-settings-dialog .image-mode-hint{font-size:12px}.image-settings-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#f2f4ed;border:1px solid #e2e7da;border-radius:12px;min-height:120px;color:#6b7961;overflow:hidden}.image-settings-preview>img{display:block;width:100%;height:160px;object-fit:contain;padding:12px}.image-settings-preview>span{font-size:12px;line-height:1.5;padding:0 16px;text-align:center}.image-settings-dialog .inline-image-variants{margin:16px 0;padding:16px}.image-settings-dialog .inline-variants-heading h3{font-size:14px}.image-settings-dialog .inline-image-variants p,.image-settings-dialog .inline-image-variants .field>span,.image-settings-dialog .inline-image-variants .primary-button,.image-settings-dialog .inline-image-variants .outline-button{font-size:12px}.image-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid #e5eadf}.image-settings-footer>span{font-size:11px;line-height:1.5;color:#6d7965}.image-settings-footer>.primary-button{min-width:100px}@media(max-width:580px){.image-settings-preview>img{height:130px}.image-settings-dialog .inline-image-variants{padding:12px}.image-settings-footer{gap:10px}}.editor-footer{height:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:#fff;border-top:1px solid #dfe6d8;position:relative;z-index:11;min-width:0}.editor-footer-toolbar{height:36px;flex-shrink:0;display:flex;align-items:center;gap:16px;padding:0 20px;background:#fafbf7;min-width:0}.footer-pages-heading{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750;color:#506847;white-space:nowrap}.footer-pages-heading>span{font-size:10px;font-weight:600;color:#768569;background:#edf2e6;border-radius:4px;min-width:20px;text-align:center;padding:2px 5px}.editor-footer-toolbar .local-badge{margin-left:3px;color:#7d8c72}.editor-footer-toolbar .page-pagination{margin-left:auto}.editor-footer-toolbar .zoom-tools{margin-left:12px}.footer-pages-panel{display:flex;align-items:stretch;gap:12px;padding:5px 16px;min-width:0;height:102px}.footer-pages{display:flex;align-items:start;gap:10px;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;padding:3px 3px 8px;scrollbar-width:thin;scrollbar-color:#bdcbb3 transparent;overscroll-behavior-x:contain;touch-action:pan-x;scroll-padding-inline:8px}.footer-page{position:relative;width:134px;flex-shrink:0;border-radius:7px;transition:opacity .15s ease}.footer-page-pick{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:4px;border:1px solid #e4e9dd;border-radius:7px;background:#fcfdf9;color:#627156;text-align:left;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.footer-page-pick[draggable=true]{cursor:grab}.footer-page-pick[draggable=true]:active{cursor:grabbing}.footer-page-pick:not(:disabled):hover{background:#f4f7ef;border-color:#b9cbae}.footer-page.active .footer-page-pick{background:#edf4e6;border-color:#729661;box-shadow:0 0 0 1px #72966133;color:#34532d}.footer-page-pick:focus-visible,.footer-add-page:focus-visible,.footer-page-reorder button:focus-visible{outline:2px solid #588168;outline-offset:2px}.footer-page-thumbnail{height:59px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f1f2eb;border-radius:3px;pointer-events:none}.footer-page-thumbnail .page-preview{box-shadow:0 1px 4px #243b2820}.footer-page-caption{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.3;padding:5px 2px 0;min-width:0}.footer-page-caption>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.footer-page-number{flex-shrink:0;font-weight:800;color:#7c8e70;min-width:11px}.footer-page.active .footer-page-number{color:#42643a}.footer-page-reorder{position:absolute;right:7px;top:7px;display:flex;background:#fffffff2;border:1px solid #dce6d3;border-radius:4px;opacity:0;transition:opacity .15s ease;box-shadow:0 1px 4px #2d422715}.footer-page:hover .footer-page-reorder,.footer-page:focus-within .footer-page-reorder{opacity:1}.footer-page-reorder button{padding:3px;color:#5b754c;border-radius:3px}.footer-page-reorder button:not(:disabled):hover{background:#e5efdc;color:#31562b}.footer-page.is-dragging{opacity:.4}.footer-page.drop-before:before,.footer-page.drop-after:after{content:"";position:absolute;top:1px;bottom:1px;width:3px;background:#52794a;border-radius:3px;pointer-events:none}.footer-page.drop-before:before{left:-7px}.footer-page.drop-after:after{right:-7px}.footer-add-page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:86px;flex-shrink:0;border:1px dashed #c2d2b5;border-radius:7px;background:#f7faf3;color:#607a50;font-size:10px;font-weight:700;line-height:1.4;margin:3px 0 9px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.footer-add-page:not(:disabled):hover{background:#edf4e5;border-color:#7e9f69;color:#3f6334}.page-strip-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app .toast{bottom:calc(151px + env(safe-area-inset-bottom,0px))}@media(max-width:850px){.app>.editor-footer{position:sticky;bottom:0;box-shadow:0 -3px 14px #2c42270b;padding-bottom:env(safe-area-inset-bottom,0px)}.editor-footer-toolbar{padding:0 12px;gap:10px}.footer-pages-panel{padding-inline:10px;gap:8px}.footer-page{width:122px}.footer-page-thumbnail{height:57px}.footer-page-reorder{opacity:1}.editor-footer-toolbar .zoom-tools{margin-left:2px}}@media(max-width:540px){.editor-footer-toolbar{padding:0 10px;gap:8px}.footer-pages-heading{font-size:10px;gap:5px}.footer-pages-heading>svg{display:none}.editor-footer-toolbar .page-pagination,.editor-footer-toolbar .zoom-tools{gap:1px}.footer-pages-panel{height:94px;padding-inline:8px;gap:7px}.footer-page{width:116px}.footer-page-thumbnail{height:51px}.footer-pages{gap:8px}.footer-add-page{width:61px;gap:5px}.footer-add-page span{font-size:9px}.footer-page-reorder button{padding:3px}.app .toast{bottom:calc(143px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.footer-page,.footer-page-pick,.footer-page-reorder,.footer-add-page{transition:none}}@keyframes studio-fade-in{0%{opacity:0}to{opacity:1}}@keyframes studio-surface-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.modal-scrim,.modal{animation:studio-fade-in .16s var(--ease)}.canvas-variable-popover{animation:studio-surface-in .2s var(--ease)}.inline-variable-settings,.inline-variant-edit,.media-empty,.home-empty{animation:studio-surface-in .16s var(--ease)}.home-main,.canvas-empty-starter,.upload-overlay{animation:studio-fade-in .18s var(--ease)}.toast{animation:studio-toast-in .22s var(--ease)}.error-banner{animation:studio-surface-in .18s var(--ease)}:where(.home-card,.project-card,.template-card,.poem-card,.media-item,.layer){transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),background-color var(--fast) var(--ease)}:where(a,summary){transition:color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.inspector-tabs button:after{transition:background-color var(--fast) var(--ease)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}