:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f6f1;font-synthesis:none;text-rendering:optimizeLegibility;--qpage-keyboard-inset: 0px;--qpage-visual-height: 100dvh}*{box-sizing:border-box}body{margin:0;min-width:320px;-webkit-user-select:none;user-select:none}button,input,textarea{font:inherit}input,textarea,select,[contenteditable=true],.qpage-editor,.qpage-editor *{-webkit-user-select:text;user-select:text}button{border:0}a{color:inherit}.boot,.login-shell,.app-shell,.editor-shell{min-height:100vh}.boot{display:grid;place-items:center}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#ffffffb8,#ffffff1f),#eff4f7}.login-panel{width:min(100%,420px);padding:30px;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#ffffffdb;box-shadow:0 24px 70px #1f29371f}.eyebrow{margin:0 0 8px;font-size:12px;font-weight:800;text-transform:uppercase;color:#64748b}h1,h2{margin:0;letter-spacing:0}.login-panel h1{font-size:34px;line-height:1.05}.login-form,.inspector-section,.selection-colors,.custom-colors{display:grid;gap:14px}.login-form{margin-top:28px}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#475569}input,textarea{width:100%;border:1px solid rgba(23,32,51,.16);border-radius:8px;color:#172033;background:#fff;outline:none;transition:border-color .14s ease,box-shadow .14s ease}input{height:42px;padding:0 12px}textarea{min-height:92px;resize:vertical;padding:11px 12px}input:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb21}.form-error{margin:0;color:#b42318;font-size:13px}.primary-action,.secondary-action,.ghost-link,.publication-toggle{min-width:0;line-height:1;white-space:nowrap}.primary-action,.secondary-action,.ghost-link,.icon-button,.tool-button,.palette-swatch,.publication-toggle,.language-switch button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;cursor:pointer;text-decoration:none;transition:background .14s ease,color .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.primary-action{min-height:40px;padding:0 15px;background:#172033;color:#fff;font-weight:800}.primary-action:hover{background:#0f172a}.primary-action:disabled,.secondary-action:disabled{opacity:.55;cursor:not-allowed}.secondary-action{min-height:38px;padding:0 13px;border:1px solid rgba(23,32,51,.14);background:#fff;color:#172033;font-weight:750}.secondary-action:hover,.icon-button:hover,.tool-button:hover{background:#eef2f7}.ghost-link{min-height:38px;padding:0 10px;color:#334155;font-weight:750}.icon-button{width:38px;height:38px;border:1px solid rgba(23,32,51,.12);background:#fff;color:#334155}.danger{color:#b42318}.login-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#ffffffc7}.language-switch button{min-width:38px;height:30px;padding:0 9px;background:transparent;color:#64748b;font-size:12px;font-weight:900;letter-spacing:0}.language-switch button.active{background:#172033;color:#fff;box-shadow:0 6px 18px #0f172a24}.language-switch.compact{flex:0 0 auto}.app-shell{padding:28px}.topbar,.editor-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar{width:min(1120px,100%);margin:0 auto 24px}.topbar h1{font-size:36px}.topbar-actions,.editor-topbar-actions,.page-row-actions{display:flex;align-items:center;gap:8px;min-width:0}.page-list{width:min(1120px,100%);margin:0 auto;display:grid;gap:10px}.static-upload-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:18px;width:min(1120px,100%);margin:0 auto 18px;padding:18px;border:1px solid rgba(23,32,51,.11);border-radius:8px;background:#ffffffc7}.static-upload-copy h2,.static-settings-main h1{display:flex;align-items:center;gap:9px}.static-upload-copy p{margin:10px 0 0;max-width:680px;color:#475569;font-size:14px;line-height:1.55}.static-upload-copy ul{display:grid;gap:5px;margin:12px 0 0;padding-left:18px;color:#64748b;font-size:13px;line-height:1.45}.static-upload-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.archive-picker{grid-column:1 / -1;padding:12px;border:1px dashed rgba(23,32,51,.22);border-radius:8px;background:#f8fafccc}.archive-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.archive-picker strong{display:inline-flex;align-items:center;gap:7px;margin-top:8px;color:#172033;font-size:14px}.archive-picker small{display:block;overflow:hidden;margin-top:5px;color:#64748b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.toggle-line{grid-column:1 / -1;display:flex;grid-template-columns:none;align-items:center;gap:9px}.toggle-line input{width:18px;height:18px}.static-upload-form .primary-action{grid-column:1 / -1}.publication-toggle{border:1px solid rgba(23,32,51,.12);background:#fff;color:#475569;font-weight:850}.publication-toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.publication-toggle.compact{width:112px;flex:0 0 112px;justify-content:flex-start;min-height:38px;padding:0 10px}.publication-toggle.compact strong{width:40px;overflow:hidden;font-size:13px;text-align:left;text-overflow:ellipsis}.publication-toggle.wide{width:100%;justify-content:flex-start;min-height:58px;min-width:0;padding:10px}.publication-toggle.wide>span:last-child{display:grid;gap:2px;min-width:0}.publication-toggle.wide strong,.publication-toggle.wide small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publication-toggle small{color:#64748b;font-size:12px;font-weight:750}.publication-toggle.published{border-color:#16a34a3d;color:#166534}.publication-toggle:has(input:disabled){opacity:.62;cursor:not-allowed}.switch-track{position:relative;width:38px;height:22px;flex:0 0 auto;border-radius:999px;background:#cbd5e1;transition:background .14s ease}.switch-track span{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #0f172a38;transition:transform .14s ease}.publication-toggle.published .switch-track{background:#16a34a}.publication-toggle.published .switch-track span{transform:translate(16px)}.page-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid rgba(23,32,51,.11);border-radius:8px;background:#ffffffd1}.status-dot{width:10px;height:10px;border-radius:999px;background:#16a34a}.status-dot.draft{background:#f59e0b}.page-row-main{min-width:0}.page-row-main a{display:block;overflow:hidden;color:#111827;font-size:17px;font-weight:850;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.page-row-main p{margin:5px 0 0;color:#64748b;font-size:13px}.empty-state{padding:46px;border:1px dashed rgba(23,32,51,.22);border-radius:8px;text-align:center;background:#ffffff9e}.empty-state h2{font-size:26px}.empty-state p{margin:9px 0 20px;color:#64748b}.editor-shell{color:#172033;background:#eef1f4}.editor-topbar{position:sticky;top:0;z-index:10;min-height:64px;padding:11px 18px;border-bottom:1px solid rgba(23,32,51,.1);background:#f8fafcdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.editor-status{display:flex;flex:1;align-items:center;gap:7px;min-width:0;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.editor-status span{padding:4px 8px;border-radius:999px;background:#1720330f}.status-pill:before{display:none}.editor-grid{display:block;width:min(1040px,100%);margin:0 auto;padding:18px}.desktop-formatbar{display:none}.toolbar-group{display:flex;align-items:center;gap:5px;min-width:0;padding-right:8px;border-right:1px solid rgba(23,32,51,.1)}.toolbar-group:last-child{border-right:0}.color-toolbar-group{margin-left:auto}.color-chip{position:relative;display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#fff;color:#334155;cursor:pointer;font-size:13px;font-weight:900}.color-chip span{display:grid;width:25px;height:25px;place-items:center;border-radius:6px}.color-chip input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.tool-button{width:40px;height:40px;border:1px solid transparent;background:transparent;color:#334155}.tool-button.active{border-color:#2563eb38;background:#e8f0ff;color:#1d4ed8}.mobile-panel-backdrop{display:none}.mobile-commandbar{position:sticky;top:82px;z-index:18;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:min(560px,100%);margin:0 auto 12px;padding:5px;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#f8fafcf0;box-shadow:0 16px 42px #0f172a1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-commandbar.panel-open{margin-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.mobile-commandbar button{display:grid;min-width:0;height:48px;place-items:center;gap:2px;border-radius:7px;color:#475569;background:transparent;font-weight:900}.mobile-commandbar button.active{background:#172033;color:#fff}.mobile-commandbar small{overflow:hidden;max-width:100%;font-size:11px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.mobile-quick-panel{position:sticky;top:141px;z-index:17;display:grid;width:min(560px,100%);min-height:46px;margin:-1px auto 14px;padding:5px;border:1px solid rgba(23,32,51,.12);border-top-color:#17203314;border-radius:0 0 8px 8px;background:#f8fafcf5;box-shadow:0 14px 42px #0f172a1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-format-strip{grid-template-columns:repeat(10,minmax(34px,1fr));gap:4px}.mobile-format-strip .tool-button{width:100%;height:38px;min-height:0;border-radius:7px}.quick-color-chip{position:relative;display:grid;min-width:0;height:38px;place-items:center;overflow:hidden;border:1px solid rgba(23,32,51,.12);border-radius:7px;background:#fff;color:#172033;cursor:pointer;font-size:13px;font-weight:950}.quick-color-chip span{display:grid;width:25px;height:25px;place-items:center;border-radius:6px}.quick-color-chip input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.mobile-insert-strip{grid-template-columns:minmax(0,1fr) 44px;gap:6px}.quick-link-control{display:grid;grid-template-columns:auto minmax(0,1fr) 38px;align-items:center;gap:8px;min-width:0;height:42px;padding:0 4px 0 10px;border:1px solid rgba(23,32,51,.12);border-radius:7px;background:#fff;color:#475569}.quick-link-control input{min-width:0;height:34px;padding:0;border:0;outline:0;color:#172033;font-size:14px;font-weight:750}.quick-link-control button{display:grid;width:34px;height:34px;place-items:center;border-radius:7px;background:#172033;color:#fff}.mobile-insert-strip .secondary-action{justify-content:center;min-height:42px;padding:0 8px;white-space:nowrap}.mobile-insert-strip .compact-image-action{width:44px;padding:0}.mobile-editor-panel{position:fixed;top:141px;left:50%;z-index:42;display:flex;width:min(560px,calc(100vw - 36px));max-height:calc(100vh - 165px);flex-direction:column;overflow:hidden;border:1px solid rgba(23,32,51,.12);border-top-color:#17203314;border-radius:0 0 8px 8px;background:#f8fafc;box-shadow:0 24px 90px #0f172a3d;transform:translate(-50%)}.mobile-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 9px;border-bottom:1px solid rgba(23,32,51,.08);background:#f8fafcf5;flex:0 0 auto}.mobile-panel-header strong{overflow:hidden;color:#172033;font-size:15px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.mobile-panel-body{display:grid;gap:10px;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:10px;-webkit-overflow-scrolling:touch}.mobile-panel-body *{min-width:0}.mobile-panel-section{display:grid;gap:12px;overflow-x:hidden;padding:12px;border:1px solid rgba(23,32,51,.1);border-radius:8px;background:#fff}.mobile-panel-section h2{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}.selection-bubble{position:fixed;top:var(--selection-top);left:var(--selection-left);z-index:64;display:flex;align-items:center;gap:4px;max-width:calc(100vw - 24px);padding:4px;border:1px solid rgba(23,32,51,.13);border-radius:8px;background:#f8fafcf7;box-shadow:0 16px 50px #0f172a38;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.selection-bubble button,.selection-custom-color{position:relative;display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;overflow:hidden;border:1px solid transparent;border-radius:7px;background:transparent;color:#334155;cursor:pointer;font-size:13px;font-weight:900}.selection-bubble button.active{border-color:#2563eb38;background:#e8f0ff;color:#1d4ed8}.selection-bubble button:hover,.selection-custom-color:hover{background:#1720330f}.selection-letter{display:grid;width:24px;height:24px;place-items:center;border-radius:6px;font-weight:950}.selection-letter.marker{color:#172033}.selection-back{color:#64748b}.selection-swatch span{width:24px;height:24px;border:1px solid rgba(23,32,51,.16);border-radius:999px}.selection-custom-color span{letter-spacing:1px}.selection-custom-color input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.selection-link-control{display:grid;grid-template-columns:auto minmax(0,1fr) 36px;align-items:center;gap:8px;width:min(330px,calc(100vw - 84px));height:38px;padding:0 3px 0 10px;border:1px solid rgba(23,32,51,.12);border-radius:7px;background:#fff;color:#475569}.selection-link-control input{min-width:0;height:32px;padding:0;border:0;outline:0;font-size:14px;font-weight:750}.selection-link-control button{width:32px;height:32px;flex-basis:32px;background:#172033;color:#fff}.file-tool input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.writer-area{width:min(820px,100%);min-width:0;margin:0 auto}.title-input{height:auto;margin:8px 0 14px;padding:0;border:0;border-radius:0;color:#111827;background:transparent;font-size:44px;font-weight:900;line-height:1.05;box-shadow:none}.title-input:focus{box-shadow:none}.editor-paper{min-height:calc(100vh - 160px);border:1px solid rgba(23,32,51,.1);border-radius:8px;background-color:var(--page-bg);background-image:var(--page-pattern);background-size:var(--page-pattern-size);color:var(--page-fg);box-shadow:0 24px 80px #1f29371a}.qpage-editor{min-height:calc(100vh - 180px);padding:clamp(22px,5vw,56px);outline:none;color:var(--page-fg);font:18px/1.66 ui-serif,Georgia,Cambria,Times New Roman,serif}.qpage-editor>*+*{margin-top:.82em}.qpage-editor h1,.qpage-editor h2,.qpage-editor h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.1}.qpage-editor h1{font-size:42px}.qpage-editor h2{font-size:30px}.qpage-editor h3{font-size:24px}.qpage-editor blockquote{margin-left:0;padding-left:16px;border-left:3px solid var(--page-accent);font-style:italic}.qpage-editor img{display:block;max-width:100%;height:auto;margin:20px auto;border-radius:8px}.qpage-editor pre{overflow:auto;padding:16px;border-radius:8px;background:color-mix(in srgb,var(--page-fg),transparent 92%)}.qpage-editor code{font-family:SFMono-Regular,Consolas,monospace;font-size:.9em}.qpage-editor a{color:inherit;text-decoration-color:var(--page-accent);text-decoration-thickness:.12em;text-underline-offset:.14em}.qpage-editor p.is-editor-empty:first-child:before{float:left;height:0;color:color-mix(in srgb,var(--page-fg),transparent 55%);content:attr(data-placeholder);pointer-events:none}.inspector{position:sticky;top:82px;align-self:start;display:grid;gap:12px}.editor-inspector{display:none}.inspector-section{padding:16px;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#ffffffdb}.inspector-section h2{display:flex;align-items:center;gap:8px;margin-bottom:2px;font-size:15px}.slug-control{display:flex;align-items:center;border:1px solid rgba(23,32,51,.16);border-radius:8px;background:#fff}.slug-control span{padding-left:12px;color:#94a3b8;font-weight:800}.slug-control input{border:0;box-shadow:none}.slug-state{margin-top:-4px;color:#64748b;font-size:12px;font-weight:750}.section-note{margin:-5px 0 0;color:#64748b;font-size:12px;line-height:1.4}.slug-state.ok{color:#15803d}.slug-state.bad{color:#b42318}.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.palette-swatch{justify-content:flex-start;min-height:46px;padding:6px;border:1px solid rgba(23,32,51,.12);background:#fff;color:#172033}.palette-swatch.selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.palette-swatch span{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:2px solid;border-radius:8px;font-weight:900}.palette-swatch small{overflow:hidden;font-size:12px;font-weight:800;text-align:left;text-overflow:ellipsis;white-space:nowrap}.custom-colors{grid-template-columns:repeat(3,1fr)}.custom-colors input,.selection-colors input{height:36px;padding:3px}.pattern-section{display:grid;gap:9px}.pattern-section h3{margin:0;color:#475569;font-size:13px}.pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pattern-swatch{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;padding:6px;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#fff;color:#172033;cursor:pointer}.pattern-swatch.selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.pattern-swatch span{width:34px;height:30px;border:1px solid currentColor;border-radius:8px;background-image:var(--sample-pattern);background-size:var(--sample-size);opacity:.95}.pattern-swatch small{overflow:hidden;font-size:12px;font-weight:800;text-align:left;text-overflow:ellipsis;white-space:nowrap}.selection-colors label{grid-template-columns:1fr 48px auto;align-items:center}.destructive-zone{grid-template-columns:1fr}.destructive-zone .secondary-action{min-width:0;justify-content:center;white-space:normal}.static-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;width:min(1120px,100%);margin:0 auto;padding:28px 18px}.static-settings-main{min-height:360px;padding:clamp(22px,5vw,46px);border:1px solid rgba(23,32,51,.11);border-radius:8px;background:#ffffffd6}.static-settings-icon{display:grid;width:62px;height:62px;place-items:center;margin-bottom:20px;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#f8fafc;color:#334155}.static-settings-main h1{margin-top:0;color:#111827;font-size:clamp(2rem,5vw,3.4rem);line-height:1.04}.static-settings-main p{max-width:620px;margin:14px 0 22px;color:#475569;font-size:16px;line-height:1.6}.static-inspector{position:sticky;top:82px}.toast{position:fixed;right:18px;bottom:18px;z-index:30;padding:12px 14px;border-radius:8px;background:#172033;color:#fff;font-size:14px;font-weight:800;box-shadow:0 20px 60px #0f172a38}@media(max-width:1180px){.editor-grid{grid-template-columns:minmax(0,1fr) 300px;gap:12px}.inspector{position:static}}@media(max-width:760px){input,textarea,select{font-size:16px}body.qpage-editor-active{height:var(--qpage-visual-height);overflow:hidden}.app-shell{padding:16px}.topbar{align-items:flex-start;flex-wrap:wrap}.topbar-actions{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.editor-topbar{position:relative;display:grid;grid-template-columns:42px minmax(58px,auto) minmax(0,1fr);align-items:center;flex:0 0 auto;min-height:58px;gap:8px;padding:8px 10px}.editor-status{overflow:hidden;max-width:78px;flex:0 0 auto;gap:0;font-size:11px}.editor-status span{overflow:hidden;max-width:78px;padding:4px 6px;text-overflow:ellipsis;white-space:nowrap}.editor-status .status-pill{font-size:0}.editor-status .status-pill:before{content:attr(data-short);display:block;font-size:11px;line-height:1.2}.editor-status .status-meta{display:none}.editor-topbar-actions{flex:0 1 auto;justify-content:flex-end;gap:6px;overflow:hidden;padding-bottom:2px}.editor-topbar .ghost-link{width:38px;flex:0 0 38px;gap:0;overflow:hidden;padding:0;font-size:0}.editor-topbar .primary-action,.editor-topbar .secondary-action{min-width:0;min-height:38px;padding:0 10px;font-size:13px;white-space:nowrap}.publication-toggle.compact{width:58px;flex:0 0 58px;justify-content:center;padding:0 8px}.publication-toggle.compact strong{display:none}.page-row{grid-template-columns:10px minmax(0,1fr)}.static-upload-panel,.static-settings-grid{grid-template-columns:1fr;padding:14px}.static-upload-form{grid-template-columns:1fr}.page-row-actions{grid-column:2}.editor-grid{flex:1 1 auto;display:block;min-height:0;overflow:hidden;padding:10px}.editor-shell{display:flex;height:var(--qpage-visual-height);min-height:0;flex-direction:column;overflow:hidden}.desktop-formatbar,.editor-inspector{display:none}.tool-button{width:42px;height:42px}.mobile-commandbar{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:calc(var(--qpage-keyboard-inset) + 10px + env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));z-index:38;display:grid;width:auto;margin:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#f8fafcf0;box-shadow:0 16px 50px #0f172a33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-commandbar.panel-open{margin:0;border-radius:8px}.mobile-commandbar.selection-active{opacity:.78}.mobile-commandbar.selection-active button{height:42px}.mobile-commandbar.selection-active small{display:none}.mobile-commandbar button{display:grid;min-width:0;height:48px;place-items:center;gap:2px;border-radius:7px;color:#475569;background:transparent;font-weight:900}.mobile-commandbar button.active{background:#172033;color:#fff}.mobile-commandbar small{overflow:hidden;max-width:100%;font-size:10px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.mobile-quick-panel{position:fixed;top:auto;right:max(10px,env(safe-area-inset-right));bottom:calc(var(--qpage-keyboard-inset) + 74px + env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));z-index:44;display:grid;width:auto;min-height:46px;margin:0;padding:5px;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#f8fafcf5;box-shadow:0 14px 42px #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-format-strip{grid-template-columns:repeat(10,minmax(28px,1fr));gap:4px}.mobile-format-strip .tool-button{width:100%;height:38px;min-height:0;border-radius:7px}.quick-color-chip{position:relative;display:grid;min-width:0;height:38px;place-items:center;overflow:hidden;border:1px solid rgba(23,32,51,.12);border-radius:7px;background:#fff;color:#172033;cursor:pointer;font-size:13px;font-weight:950}.quick-color-chip span{display:grid;width:25px;height:25px;place-items:center;border-radius:6px}.quick-color-chip input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.mobile-insert-strip{grid-template-columns:minmax(0,1fr) 44px;gap:6px}.quick-link-control{display:grid;grid-template-columns:auto minmax(0,1fr) 38px;align-items:center;gap:8px;min-width:0;height:42px;padding:0 4px 0 10px;border:1px solid rgba(23,32,51,.12);border-radius:7px;background:#fff;color:#475569}.quick-link-control input{min-width:0;height:34px;padding:0;border:0;outline:0;color:#172033;font-size:16px;font-weight:750}.quick-link-control button{display:grid;width:34px;height:34px;place-items:center;border-radius:7px;background:#172033;color:#fff}.mobile-insert-strip .secondary-action{justify-content:center;min-height:42px;padding:0 8px;white-space:nowrap}.mobile-insert-strip .compact-image-action{width:44px;padding:0}.writer-area{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:76px;-webkit-overflow-scrolling:touch}.writer-area.quick-tools-open{padding-bottom:130px}.selection-bubble{top:auto;right:max(10px,env(safe-area-inset-right));bottom:calc(var(--qpage-keyboard-inset) + 74px + env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));z-index:52;justify-content:center;overflow-x:auto;transform:none;scrollbar-width:none}.selection-bubble::-webkit-scrollbar{display:none}.selection-bubble button,.selection-custom-color{width:37px;height:37px;flex-basis:37px}.selection-link-control{width:100%;height:40px}.selection-link-control input{font-size:16px}.mobile-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;display:block;border:0;background:#0f172a38;touch-action:none}.mobile-editor-panel{position:fixed;top:auto;right:max(8px,env(safe-area-inset-right));bottom:calc(var(--qpage-keyboard-inset) + 76px + env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));z-index:45;display:flex;width:auto;max-height:min(calc(var(--qpage-visual-height) - 92px),560px);min-height:180px;flex-direction:column;overflow:hidden;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#f8fafc;box-shadow:0 22px 80px #0f172a47;transform:none;touch-action:pan-y}.mobile-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 9px;border-bottom:1px solid rgba(23,32,51,.08);background:#f8fafcf5;flex:0 0 auto}.mobile-panel-header strong{overflow:hidden;color:#172033;font-size:15px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.mobile-panel-body{display:grid;gap:10px;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:10px;touch-action:pan-y;-webkit-overflow-scrolling:touch}.mobile-panel-body *{min-width:0}.mobile-panel-section{display:grid;gap:12px;overflow-x:hidden;padding:12px;border:1px solid rgba(23,32,51,.1);border-radius:8px;background:#fff}.mobile-panel-section h2{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}.insert-file-action{justify-content:center}.title-input{font-size:32px}.editor-paper{min-height:max(420px,calc(var(--qpage-visual-height) - 150px))}.qpage-editor{min-height:max(360px,calc(var(--qpage-visual-height) - 190px));padding:20px;font-size:17px}.palette-grid,.pattern-grid,.custom-colors,.destructive-zone{grid-template-columns:1fr}.selection-colors label{grid-template-columns:1fr 48px}.selection-colors button{grid-column:1 / -1}}