html[data-ui="mobile"] .m-reading { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.8; }
html[data-ui="mobile"] .m-creation-error { padding:.85rem; border:1px solid rgba(var(--ui-source-c65e1357edbebc-rgb, 161, 45, 51), var(--ui-source-c65e1357edbebc-alpha, 1)); color:rgba(var(--ui-source-d36c95b1b03dbd-rgb, 161, 45, 51), var(--ui-source-d36c95b1b03dbd-alpha, 1)); border-radius:.75rem; white-space:pre-wrap; overflow-wrap:anywhere; }
html[data-ui="mobile"] .m-list-row { display:flex; align-items:center; gap:.75rem; justify-content:space-between; padding:.65rem 0; border-bottom:1px solid rgba(var(--ui-source-f01699af519fb4-rgb, 223, 227, 216), var(--ui-source-f01699af519fb4-alpha, 1)); min-width:0; }
html[data-ui="mobile"] .m-list-row>span:first-child { flex:1; min-width:0; overflow-wrap:anywhere; }
html[data-ui="mobile"] .m-layer-row { padding:.8rem 0; border-bottom:1px solid rgba(var(--ui-source-4c28837c8c0163-rgb, 223, 227, 216), var(--ui-source-4c28837c8c0163-alpha, 1)); min-width:0; }
html[data-ui="mobile"] .m-layer-row p { overflow-wrap:anywhere; white-space:pre-wrap; }
html[data-ui="mobile"] .m-canvas-scroll { width:100%; overflow:auto; overscroll-behavior:contain; touch-action:pan-x pan-y pinch-zoom; background:rgba(var(--ui-source-0e3d693f818f5d-rgb, 233, 238, 229), var(--ui-source-0e3d693f818f5d-alpha, 1)); border:1px solid rgba(var(--ui-source-d0c2c621e558d3-rgb, 120, 137, 121), var(--ui-source-d0c2c621e558d3-alpha, 1)); border-radius:.5rem; }
html[data-ui="mobile"] .m-canvas-size { min-width:100%; }
html[data-ui="mobile"] [data-m-studio-canvas] { display:block; width:100%; height:auto; aspect-ratio:3 / 4; touch-action:pan-x pan-y pinch-zoom; }
html[data-ui="mobile"] .m-memo-pdf { width:100%; min-height:60dvh; border:1px solid rgba(var(--ui-source-e6876c51162d48-rgb, 223, 227, 216), var(--ui-source-e6876c51162d48-alpha, 1)); border-radius:.5rem; }
html[data-ui="mobile"] textarea[id^="m-xhs-version-"] { min-height:18rem; line-height:1.8; }
html[data-ui="mobile"] [id^="m-memo-body-"] { min-height:50dvh; line-height:1.9; }
html[data-ui="mobile"] textarea[id^="m-copy-library-"] { min-height:20rem; }
html[data-ui="mobile"] .m-secret-code { font-family:ui-monospace,monospace; padding:.75rem; border:1px dashed currentColor; border-radius:.5rem; overflow-wrap:anywhere; user-select:all; }
html[data-ui="mobile"] .m-detail-list { margin:0; }
html[data-ui="mobile"] .m-detail-list>div { padding:.6rem 0; border-bottom:1px solid rgba(var(--ui-source-f01699af519fb4-rgb, 223, 227, 216), var(--ui-source-f01699af519fb4-alpha, 1)); }
html[data-ui="mobile"] .m-detail-list dt { color:rgba(var(--ui-source-fa6d6951ac5cc7-rgb, 86, 102, 92), var(--ui-source-fa6d6951ac5cc7-alpha, 1)); font-size:.875rem; }
html[data-ui="mobile"] .m-detail-list dd { margin:.2rem 0 0; overflow-wrap:anywhere; white-space:pre-wrap; }
/* Business confirmation dialogs are not desktop editors and remain touch-accessible. */
html[data-ui="mobile"] .xhs-dialog-backdrop { position:fixed; inset:0; z-index:1500; background:rgba(var(--ui-source-a49343a5778924-rgb, 0, 0, 0), var(--ui-source-a49343a5778924-alpha, 0.533333333)); display:flex; align-items:center; justify-content:center; padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left)); overflow:auto; }
html[data-ui="mobile"] .xhs-dialog { color:rgba(var(--ui-source-035ff2d84dd55e-rgb, 44, 59, 51), var(--ui-source-035ff2d84dd55e-alpha, 1)); background:rgba(var(--ui-source-670d577387703f-rgb, 255, 254, 250), var(--ui-source-670d577387703f-alpha, 1)); width:100%; max-width:38rem; max-height:calc(100dvh - 2rem); overflow:auto; padding:1rem; border-radius:1rem; overflow-wrap:anywhere; }
html[data-ui="mobile"] .xhs-dialog button,html[data-ui="mobile"] .xhs-dialog input,html[data-ui="mobile"] .xhs-dialog select { min-width:44px; min-height:48px; height:auto; font:inherit; padding:.65rem .8rem; border:1px solid rgba(var(--ui-source-47e7787c695a1c-rgb, 120, 137, 121), var(--ui-source-47e7787c695a1c-alpha, 1)); border-radius:.5rem; max-width:100%; }
html[data-ui="mobile"] .xhs-dialog input,html[data-ui="mobile"] .xhs-dialog select { width:100%; }
html[data-ui="mobile"] .xhs-dialog-header,html[data-ui="mobile"] .xhs-dialog-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.6rem; }
html[data-ui="mobile"] .xhs-dialog-header h2 { margin:.25rem 0; }
html[data-ui="mobile"] .xhs-dialog-actions { margin-top:1rem; justify-content:flex-end; }
html[data-ui="mobile"] .xhs-dialog textarea { width:100%; min-height:8rem; font:inherit; }
@media (prefers-reduced-motion:reduce) { html[data-ui="mobile"] .m-canvas-scroll { scroll-behavior:auto; } }
html[data-ui="mobile"] .xhs-ai-background-style-choices { display:grid; grid-template-columns:1fr; gap:.6rem; margin:1rem 0; }
html[data-ui="mobile"] .xhs-ai-background-style-choices button { display:flex; flex-wrap:wrap; gap:.5rem; text-align:left; background:rgba(var(--ui-source-9b98279008816d-rgb, 255, 254, 250), var(--ui-source-9b98279008816d-alpha, 1)); }
html[data-ui="mobile"] .xhs-ai-background-style-choices [aria-pressed="true"] { border:2px solid rgba(var(--ui-source-b2e8db235435f5-rgb, 49, 94, 75), var(--ui-source-b2e8db235435f5-alpha, 1)); background:rgba(var(--ui-source-778af24229706b-rgb, 233, 238, 229), var(--ui-source-778af24229706b-alpha, 1)); }
html[data-ui="mobile"] .xhs-ai-background-preview-frame img { display:block; max-width:100%; max-height:55dvh; margin:auto; object-fit:contain; }
html[data-ui="mobile"] .xhs-ai-background-meta { display:grid; gap:.4rem; margin:1rem 0; }
html[data-ui="mobile"] .xhs-reference-change-backdrop [data-reference-change-index]>div[style*="grid"] { grid-template-columns:minmax(0,1fr)!important; }
html[data-ui="mobile"] .xhs-reference-change-backdrop [data-reference-change-index] { padding:.7rem!important; }

/* Creation has a reading rhythm; canvases and saved records are distinct surfaces. */
html[data-ui="mobile"] .m-creation-intro { color:rgba(var(--ui-source-fa6d6951ac5cc7-rgb, 86, 102, 92), var(--ui-source-fa6d6951ac5cc7-alpha, 1)); margin:0 0 8px; line-height:1.65; }
html[data-ui="mobile"] .m-creation-directory { display:grid; gap:0; }
html[data-ui="mobile"] .m-creation-entry { display:grid; grid-template-columns:2rem minmax(0,1fr); gap:12px; padding:24px 0; border-block-start:1px solid rgba(var(--ui-source-e6876c51162d48-rgb, 223, 227, 216), var(--ui-source-e6876c51162d48-alpha, 1)); }
html[data-ui="mobile"] .m-entry-index { font-variant-numeric:tabular-nums; color:rgba(var(--ui-source-fa6d6951ac5cc7-rgb, 86, 102, 92), var(--ui-source-fa6d6951ac5cc7-alpha, 1)); font-size:.875rem; padding-top:.35em; }
html[data-ui="mobile"] .m-creation-entry h2,html[data-ui="mobile"] .m-creation-record h2 { margin:0; font-size:1.125rem; line-height:1.45; }
html[data-ui="mobile"] .m-creation-entry p { margin:8px 0; }
html[data-ui="mobile"] .m-creation-record { padding:16px 0; border-bottom:1px solid rgba(var(--ui-source-f01699af519fb4-rgb, 223, 227, 216), var(--ui-source-f01699af519fb4-alpha, 1)); display:grid; gap:8px; min-width:0; }
html[data-ui="mobile"] .m-creation-record p { margin:0; }
html[data-ui="mobile"] .m-creation-record>.m-button,html[data-ui="mobile"] .m-creation-record>.m-control { justify-self:start; }
html[data-ui="mobile"] .m-creation-toolbar { display:flex; justify-content:flex-end; gap:8px; }
html[data-ui="mobile"] .m-reply-context { border-bottom:1px solid rgba(var(--ui-source-f01699af519fb4-rgb, 223, 227, 216), var(--ui-source-f01699af519fb4-alpha, 1)); padding-bottom:12px; }
html[data-ui="mobile"] .m-reply-context[open] { display:grid; gap:12px; }
html[data-ui="mobile"] .m-reply-pane { min-width:0; }
html[data-ui="mobile"] .m-reply-reading { line-height:1.8; padding:16px 0 8px; min-height:4rem; }
html[data-ui="mobile"] .m-reply-meta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding-block:8px; }
html[data-ui="mobile"] .m-reply-pane textarea { min-height:18rem; }
html[data-ui="mobile"] .m-detail-list>div { display:grid; grid-template-columns:minmax(5.5rem,.7fr) minmax(0,1.3fr); gap:8px 16px; padding:12px 0; }
html[data-ui="mobile"] .m-detail-list dd { margin:0; }
html[data-ui="mobile"] .m-property-group { border-top:1px solid rgba(var(--ui-source-e6876c51162d48-rgb, 223, 227, 216), var(--ui-source-e6876c51162d48-alpha, 1)); }
html[data-ui="mobile"] .m-property-group>summary { font-size:1rem; font-weight:500; }
html[data-ui="mobile"] .m-property-group[open] { display:grid; gap:12px; padding-bottom:12px; }
html[data-ui="mobile"] .xhs-dialog { border:1px solid rgba(var(--ui-source-d6d56a8bd97424-rgb, 120, 137, 121), var(--ui-source-d6d56a8bd97424-alpha, 1)); }
html[data-ui="mobile"] .xhs-dialog button { color:rgba(var(--ui-source-f6384a221723c0-rgb, 44, 59, 51), var(--ui-source-f6384a221723c0-alpha, 1)); background:rgba(var(--ui-source-9b98279008816d-rgb, 255, 254, 250), var(--ui-source-9b98279008816d-alpha, 1)); white-space:normal; overflow-wrap:anywhere; }
html[data-ui="mobile"] .xhs-dialog input,html[data-ui="mobile"] .xhs-dialog select,html[data-ui="mobile"] .xhs-dialog textarea { background:rgba(var(--ui-source-c8fbbe44ca9dfc-rgb, 255, 254, 250), var(--ui-source-c8fbbe44ca9dfc-alpha, 1)); color:rgba(var(--ui-source-99c8d92d78057c-rgb, 44, 59, 51), var(--ui-source-99c8d92d78057c-alpha, 1)); border-color:rgba(var(--ui-source-50547539c704e0-rgb, 120, 137, 121), var(--ui-source-50547539c704e0-alpha, 1)); }
html[data-ui="mobile"] .xhs-dialog :is(p,small,label) { color:inherit; }
@media(max-width:359px) { html[data-ui="mobile"] .m-detail-list>div { grid-template-columns:minmax(0,1fr); gap:4px; } }

html[data-ui="mobile"] .m-reply-tabs { position:sticky; top:0; z-index:2; background:rgba(var(--ui-source-7fc63ee751eabe-rgb, 245, 243, 237), var(--ui-source-7fc63ee751eabe-alpha, 1)); padding-top:4px; }
html[data-ui="mobile"].m-keyboard .m-reply-tabs,html[data-ui="mobile"].m-short-viewport .m-reply-tabs { position:static; }
/* Shared confirmation content follows the current mobile theme; canvas pixels and color samples stay unchanged. */
html[data-ui="mobile"] .xhs-reference-change-backdrop [style*="color:#627384"] { color:rgba(var(--ui-source-fa6d6951ac5cc7-rgb, 86, 102, 92), var(--ui-source-fa6d6951ac5cc7-alpha, 1))!important; font-size:.875rem!important; }
html[data-ui="mobile"] .xhs-reference-change-backdrop [data-reference-choice-status] { color:rgba(var(--ui-source-e6a87dd0bbd1f1-rgb, 49, 94, 75), var(--ui-source-e6a87dd0bbd1f1-alpha, 1))!important; }
html[data-ui="mobile"] .xhs-reference-change-backdrop [data-reference-change-index]>p { background:rgba(var(--ui-source-0e3d693f818f5d-rgb, 233, 238, 229), var(--ui-source-0e3d693f818f5d-alpha, 1))!important; }
html[data-ui="mobile"] .xhs-reference-change-backdrop [data-reference-option] { border-color:rgba(var(--ui-source-d0c2c621e558d3-rgb, 120, 137, 121), var(--ui-source-d0c2c621e558d3-alpha, 1))!important; }
html[data-ui="mobile"] .xhs-reference-change-backdrop [data-reference-option]:has([aria-pressed="true"]) { border-color:rgba(var(--ui-source-1460a5b2a368f0-rgb, 49, 94, 75), var(--ui-source-1460a5b2a368f0-alpha, 1))!important; }
html[data-ui="mobile"] .xhs-reference-change-backdrop [data-reference-option]>div { font-size:1rem!important; }
html[data-ui="mobile"] .xhs-reference-preparing { inset:auto 16px max(16px,env(safe-area-inset-bottom))!important; max-width:none!important; padding:16px!important; color:rgba(var(--ui-source-035ff2d84dd55e-rgb, 44, 59, 51), var(--ui-source-035ff2d84dd55e-alpha, 1))!important; background:rgba(var(--ui-source-fbdd7b606ac8f8-rgb, 255, 254, 250), var(--ui-source-fbdd7b606ac8f8-alpha, 1))!important; border-color:rgba(var(--ui-source-d0c2c621e558d3-rgb, 120, 137, 121), var(--ui-source-d0c2c621e558d3-alpha, 1))!important; }
html[data-ui="mobile"] .xhs-reference-preparing button { min-height:48px; min-width:44px; height:auto; padding:12px!important; color:rgba(var(--ui-source-f6384a221723c0-rgb, 44, 59, 51), var(--ui-source-f6384a221723c0-alpha, 1))!important; background:rgba(var(--ui-source-56b2041e6d7bc7-rgb, 233, 238, 229), var(--ui-source-56b2041e6d7bc7-alpha, 1))!important; border-color:rgba(var(--ui-source-47e7787c695a1c-rgb, 120, 137, 121), var(--ui-source-47e7787c695a1c-alpha, 1))!important; white-space:normal; }

/* Subpages expose one current task and keep its related tools nearby. */
html[data-ui="mobile"] .m-studio-meta,html[data-ui="mobile"] .m-portal-identity { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; }
html[data-ui="mobile"] .m-studio-meta>div { min-width:0; flex:1; }
html[data-ui="mobile"] .m-studio-meta h2,html[data-ui="mobile"] .m-portal-identity h2,html[data-ui="mobile"] .m-portal-identity h3 { margin:0; font-size:1.125rem; line-height:1.45; overflow-wrap:anywhere; }
html[data-ui="mobile"] .m-studio-meta p { margin:4px 0 0; font-size:.875rem; }
html[data-ui="mobile"] .m-studio-pagebar { display:flex; align-items:center; justify-content:space-between; gap:4px; }
html[data-ui="mobile"] .m-studio-pagebar .m-button { padding:10px 8px; }
html[data-ui="mobile"] .m-studio-tools { min-width:0; }
html[data-ui="mobile"] .m-studio-preview { margin:0; }
html[data-ui="mobile"] .m-studio-preview[open] { display:grid; gap:12px; }
html[data-ui="mobile"] .m-studio-preview>.m-actions { justify-content:center; }
html[data-ui="mobile"] .m-studio-preview .m-canvas-scroll { border-color:rgba(var(--ui-source-d0c2c621e558d3-rgb, 120, 137, 121), var(--ui-source-d0c2c621e558d3-alpha, 1)); }
html[data-ui="mobile"] .m-copy-editor { display:grid; gap:12px; min-width:0; }
html[data-ui="mobile"] .m-copy-editor .m-actions { gap:8px; }
html[data-ui="mobile"] .m-reply-selected { color:rgba(var(--ui-source-e6a87dd0bbd1f1-rgb, 49, 94, 75), var(--ui-source-e6a87dd0bbd1f1-alpha, 1)); font-size:.875rem; padding:12px 0; }
html[data-ui="mobile"] .m-portal-query { display:flex; align-items:flex-end; gap:8px; min-width:0; }
html[data-ui="mobile"] .m-portal-query>.m-field { min-width:0; flex:1; }
html[data-ui="mobile"] .m-portal-query>.m-control { flex:0 0 auto; }
html[data-ui="mobile"] .m-portal-filters { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr)); gap:12px; }
html[data-ui="mobile"] .m-code-record .m-facts { font-size:.875rem; }
html[data-ui="mobile"] .m-code-record .m-facts .m-fact { padding:8px 0; }
html[data-ui="mobile"] .m-field input[type="file"]::file-selector-button { background:rgba(var(--ui-source-f5cd4f52f448d0-rgb, 233, 238, 229), var(--ui-source-f5cd4f52f448d0-alpha, 1)); color:rgba(var(--ui-source-99c8d92d78057c-rgb, 44, 59, 51), var(--ui-source-99c8d92d78057c-alpha, 1)); border:1px solid rgba(var(--ui-source-50547539c704e0-rgb, 120, 137, 121), var(--ui-source-50547539c704e0-alpha, 1)); border-radius:5px; padding:6px 8px; font:inherit; }

/* Each creation surface follows its content: artwork gallery, document list, or canvas. */
html[data-ui="mobile"] .m-button--object { display:flex; align-items:center; gap:12px; width:100%; color:rgba(var(--ui-source-261a03ab986356-rgb, 44, 59, 51), var(--ui-source-261a03ab986356-alpha, 1)); background:transparent; border:0; border-radius:0; padding:14px 0; text-align:left; font-weight:400; }
html[data-ui="mobile"] .m-button--object .m-object-copy { display:grid; gap:5px; flex:1; min-width:0; }
html[data-ui="mobile"] .m-object-copy strong { font-size:1rem; font-weight:550; line-height:1.45; overflow-wrap:anywhere; }
html[data-ui="mobile"] .m-object-copy small { color:rgba(var(--ui-source-1232620ea56a32-rgb, 86, 102, 92), var(--ui-source-1232620ea56a32-alpha, 1)); font-size:.875rem; line-height:1.5; overflow-wrap:anywhere; }
html[data-ui="mobile"] .m-object-arrow { color:rgba(var(--ui-source-fa6d6951ac5cc7-rgb, 86, 102, 92), var(--ui-source-fa6d6951ac5cc7-alpha, 1)); font-size:1.5rem; flex:none; }
html[data-ui="mobile"] :is(.m-document-list,.m-creation-directory,.m-layer-list)>:is(.m-control,.m-layer-object) { display:flex; width:100%; border-bottom:1px solid rgba(var(--ui-source-f01699af519fb4-rgb, 223, 227, 216), var(--ui-source-f01699af519fb4-alpha, 1)); }
html[data-ui="mobile"] .m-library-heading { display:flex; gap:12px; align-items:center; justify-content:space-between; min-width:0; }
html[data-ui="mobile"] .m-library-heading :is(h3,p) { margin:0; font-size:1rem; }
html[data-ui="mobile"] .m-library-heading small { font-weight:400; color:rgba(var(--ui-source-1232620ea56a32-rgb, 86, 102, 92), var(--ui-source-1232620ea56a32-alpha, 1)); }
html[data-ui="mobile"] .m-library-heading>.m-control { flex:none; }
html[data-ui="mobile"] .m-library-filters .m-tabs { border:0; gap:8px; justify-content:flex-start; }
html[data-ui="mobile"] .m-library-filters .m-control { flex:0 1 auto; }
html[data-ui="mobile"] .m-library-filters .m-button { min-height:44px; border-radius:22px; padding:8px 16px; border:1px solid transparent; font-size:.875rem; }
html[data-ui="mobile"] .m-library-filters .is-active { border-color:rgba(var(--ui-source-078b8670e231a6-rgb, 120, 137, 121), var(--ui-source-078b8670e231a6-alpha, 1)); background:rgba(var(--ui-source-778af24229706b-rgb, 233, 238, 229), var(--ui-source-778af24229706b-alpha, 1)); }
html[data-ui="mobile"] :is(.m-work-gallery,.m-page-gallery,.m-asset-gallery) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; min-width:0; }
html[data-ui="mobile"] :is(.m-work-gallery,.m-page-gallery,.m-asset-gallery)>.m-control { display:flex; min-width:0; }
html[data-ui="mobile"] :is(.m-work-gallery,.m-page-gallery,.m-asset-gallery) .m-button--object { display:flex; flex-direction:column; align-items:stretch; gap:0; padding:0; height:100%; border:1px solid rgba(var(--ui-source-077b777d8d840d-rgb, 223, 227, 216), var(--ui-source-077b777d8d840d-alpha, 1)); border-radius:10px; overflow:hidden; background:rgba(var(--ui-source-0a75744f389765-rgb, 255, 254, 250), var(--ui-source-0a75744f389765-alpha, 1)); }
html[data-ui="mobile"] .m-work-cover { display:block; aspect-ratio:3/4; position:relative; background:rgba(var(--ui-source-0e3d693f818f5d-rgb, 233, 238, 229), var(--ui-source-0e3d693f818f5d-alpha, 1)); overflow:hidden; width:100%; }
html[data-ui="mobile"] .m-work-cover canvas { display:block; width:100%; height:100%; object-fit:contain; }
html[data-ui="mobile"] [data-m-preview-status] { position:absolute; inset:0; display:grid; place-items:center; padding:12px; text-align:center; color:rgba(var(--ui-source-fa6d6951ac5cc7-rgb, 86, 102, 92), var(--ui-source-fa6d6951ac5cc7-alpha, 1)); font-size:.875rem; }
html[data-ui="mobile"] [data-m-preview-status][hidden] { display:none; }
html[data-ui="mobile"] .m-work-caption { display:grid; gap:5px; padding:10px 12px 12px; min-width:0; }
html[data-ui="mobile"] .m-work-caption strong { font-size:1rem; line-height:1.45; font-weight:550; overflow-wrap:anywhere; }
html[data-ui="mobile"] .m-work-caption small { font-size:.875rem; color:rgba(var(--ui-source-1232620ea56a32-rgb, 86, 102, 92), var(--ui-source-1232620ea56a32-alpha, 1)); line-height:1.45; }
html[data-ui="mobile"] .m-work-state { color:rgba(var(--ui-source-fa6d6951ac5cc7-rgb, 86, 102, 92), var(--ui-source-fa6d6951ac5cc7-alpha, 1)); font-size:.8125rem; justify-self:start; }
html[data-ui="mobile"] .m-work-state.is-locked { color:rgba(var(--ui-source-2598bc4c95f53d-rgb, 49, 94, 75), var(--ui-source-2598bc4c95f53d-alpha, 1)); }
html[data-ui="mobile"] :is(.m-page-object,.m-asset-object) { min-width:0; display:grid; align-content:start; gap:4px; }
html[data-ui="mobile"] :is(.m-page-object,.m-asset-object)>.m-control { display:flex; }
html[data-ui="mobile"] :is(.m-page-object,.m-asset-object).is-current .m-button--object { border-color:rgba(var(--ui-source-b2e8db235435f5-rgb, 49, 94, 75), var(--ui-source-b2e8db235435f5-alpha, 1)); box-shadow:0 0 0 1px rgba(var(--ui-source-3282d286fcb4db-rgb, 49, 94, 75), var(--ui-source-3282d286fcb4db-alpha, 1)); }
html[data-ui="mobile"] .m-asset-image { display:block; position:relative; aspect-ratio:1; background:rgba(var(--ui-source-0e3d693f818f5d-rgb, 233, 238, 229), var(--ui-source-0e3d693f818f5d-alpha, 1)); width:100%; }
html[data-ui="mobile"] .m-asset-image img { width:100%; height:100%; object-fit:contain; display:block; }
html[data-ui="mobile"] .m-studio-workspace { display:grid; gap:12px; min-width:0; container-type:inline-size; }
html[data-ui="mobile"] .m-studio-document { display:flex; gap:12px; align-items:center; justify-content:space-between; }
html[data-ui="mobile"] .m-studio-document>div { min-width:0; display:grid; gap:3px; }
html[data-ui="mobile"] .m-studio-document>.m-control { flex:none; }
html[data-ui="mobile"] .m-studio-document strong { font-weight:550; font-size:1rem; overflow-wrap:anywhere; }
html[data-ui="mobile"] .m-studio-document small { color:rgba(var(--ui-source-1232620ea56a32-rgb, 86, 102, 92), var(--ui-source-1232620ea56a32-alpha, 1)); font-size:.8125rem; }
html[data-ui="mobile"] .m-studio-pagebar { gap:8px; }
html[data-ui="mobile"] .m-studio-pagebar .m-button { min-height:44px; font-size:.875rem; padding:8px; }
html[data-ui="mobile"] .m-studio-workspace [data-m-studio-panel] { display:grid; gap:16px; min-width:0; }
html[data-ui="mobile"] .m-studio-workspace.is-canvas .m-canvas-scroll { max-width:calc((100dvh - 265px)*.75); min-width:min(100%,180px); margin:auto; }
html[data-ui="mobile"] .m-canvas-controls,.m-add-layer { display:flex; align-items:center; justify-content:space-between; gap:4px; flex-wrap:wrap; }
html[data-ui="mobile"] .m-canvas-controls .m-button { padding:8px; font-size:.875rem; }
html[data-ui="mobile"] .m-layer-object { align-items:center; gap:10px; }
html[data-ui="mobile"] .m-layer-object>.m-control { flex:1; min-width:0; }
html[data-ui="mobile"] .m-layer-object>.m-field { flex:none; max-width:45%; }
html[data-ui="mobile"] .m-background-settings { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
html[data-ui="mobile"] .m-font-row { display:grid; gap:6px; padding:14px 0; border-bottom:1px solid rgba(var(--ui-source-f01699af519fb4-rgb, 223, 227, 216), var(--ui-source-f01699af519fb4-alpha, 1)); }
html[data-ui="mobile"] .m-font-row small { font-size:.875rem; color:rgba(var(--ui-source-1232620ea56a32-rgb, 86, 102, 92), var(--ui-source-1232620ea56a32-alpha, 1)); }
html[data-ui="mobile"] .m-reply-source>.m-control { display:flex; width:100%; }
html[data-ui="mobile"] .m-reply-source .m-button--object { padding:0 0 10px; border-bottom:1px solid rgba(var(--ui-source-077b777d8d840d-rgb, 223, 227, 216), var(--ui-source-077b777d8d840d-alpha, 1)); }
html[data-ui="mobile"] .m-reply-source small { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
html[data-ui="mobile"] .m-reply-source strong { font-size:.875rem; color:rgba(var(--ui-source-fa6d6951ac5cc7-rgb, 86, 102, 92), var(--ui-source-fa6d6951ac5cc7-alpha, 1)); font-weight:400; }
html[data-ui="mobile"] .m-generation-choices>.m-control { display:flex; border-bottom:1px solid rgba(var(--ui-source-f01699af519fb4-rgb, 223, 227, 216), var(--ui-source-f01699af519fb4-alpha, 1)); }
html[data-ui="mobile"] .m-memo-paper { display:grid; gap:16px; }
html[data-ui="mobile"] .m-memo-paper>p { margin:0; }
@media(max-width:359px) {
 html[data-ui="mobile"] :is(.m-work-gallery,.m-page-gallery,.m-asset-gallery) { grid-template-columns:minmax(0,1fr); gap:12px; }
 html[data-ui="mobile"] .m-work-gallery .m-button--object { flex-direction:row; align-items:center; }
 html[data-ui="mobile"] .m-work-gallery .m-work-cover { flex:0 0 90px; width:90px; }
 html[data-ui="mobile"] .m-work-gallery .m-work-caption { flex:1; }
}
@media(min-width:360px) {
 html[data-ui="mobile"] .m-work-gallery { grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr)); }
}
html[data-ui="mobile"] .m-reference-steps { display:flex; align-items:center; justify-content:space-between; gap:8px; }
html[data-ui="mobile"] .m-reference-steps button { padding:12px 8px; }
html[data-ui="mobile"] .xhs-reference-change-backdrop { padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); }
html[data-ui="mobile"] .xhs-reference-change-backdrop [data-reference-change-index][hidden] { display:none!important; }
html[data-ui="mobile"] .xhs-reference-change-backdrop [data-reference-change-index] { padding:12px 0!important; border:0!important; }
html[data-ui="mobile"] .xhs-reference-change-backdrop .xhs-dialog { width:100%!important; max-height:calc(100dvh - 24px)!important; display:block!important; overflow:auto; padding:16px; border-radius:16px; container-type:inline-size; }
html[data-ui="mobile"] .xhs-reference-change-backdrop .xhs-reference-change-list { overflow:visible!important; }
html[data-ui="mobile"] .xhs-reference-change-backdrop .xhs-dialog-header { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; }
html[data-ui="mobile"] .xhs-reference-change-backdrop .xhs-dialog-header h2 { font-size:1.125rem; line-height:1.45; }
html[data-ui="mobile"] .xhs-reference-change-backdrop .xhs-dialog-close { width:44px; height:48px; min-height:48px; padding:0; font-size:1.25rem; }
html[data-ui="mobile"] .xhs-reference-change-backdrop .xhs-dialog-header>div>span { display:none; }
html[data-ui="mobile"] .xhs-ai-background-style-choices { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
html[data-ui="mobile"] .xhs-ai-background-style-choices button { display:grid; gap:5px; padding:10px 8px; }
html[data-ui="mobile"] .xhs-ai-background-style-choices button strong { font-size:1rem; }
html[data-ui="mobile"] .xhs-ai-background-style-choices button span { font-size:.875rem; font-weight:400; line-height:1.5; }
@media(max-width:359px) { html[data-ui="mobile"] .xhs-ai-background-style-choices { grid-template-columns:minmax(0,1fr); } }
html[data-ui="mobile"] .m-work-gallery { container-type:inline-size; }
@container(max-width:19rem) {
 html[data-ui="mobile"] .m-work-gallery .m-button--object { flex-direction:row; align-items:center; }
 html[data-ui="mobile"] .m-work-gallery .m-work-cover { flex:0 0 90px; width:90px; }
 html[data-ui="mobile"] .m-work-gallery .m-work-caption { flex:1; }
 html[data-ui="mobile"] .m-reference-steps { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 html[data-ui="mobile"] .m-reference-steps>[data-review-position] { grid-column:1/-1; grid-row:1; text-align:center; }
}
@container(max-width:14rem) {
 html[data-ui="mobile"] .m-studio-pagebar { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 html[data-ui="mobile"] .m-studio-pagebar>.m-control:nth-child(2) { grid-column:1/-1; grid-row:1; justify-self:center; }
 html[data-ui="mobile"] .m-studio-pagebar>.m-control:nth-child(3) { justify-self:end; }
}

/* Boutique creation surfaces: real documents stay real, visual accents describe their task. */
html[data-ui=mobile] .m-creation-icon{width:22px;height:22px;flex:none}
html[data-ui=mobile] .m-creation-showcase{display:grid;gap:16px;container-type:inline-size}
html[data-ui=mobile] .m-creation-welcome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 2px}
html[data-ui=mobile] .m-creation-welcome small{color:rgba(var(--ui-source-1232620ea56a32-rgb, 86, 102, 92), var(--ui-source-1232620ea56a32-alpha, 1));font-size:.8125rem}
html[data-ui=mobile] .m-creation-welcome h2{font-size:1.25rem;line-height:1.5;margin:8px 0 0}
html[data-ui=mobile] .m-creation-welcome>span{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:16px;background:rgba(var(--ui-source-5340faa945a2f0-rgb, 243, 230, 206), var(--ui-source-5340faa945a2f0-alpha, 1));color:rgba(var(--ui-source-e6a87dd0bbd1f1-rgb, 49, 94, 75), var(--ui-source-e6a87dd0bbd1f1-alpha, 1));transform:rotate(-8deg)}
html[data-ui=mobile] .m-creation-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html[data-ui=mobile] .m-creation-pair>.m-control{display:flex;min-width:0}
html[data-ui=mobile] .m-creation-showcase .m-button--object{width:100%;border:1px solid rgba(var(--ui-source-077b777d8d840d-rgb, 223, 227, 216), var(--ui-source-077b777d8d840d-alpha, 1));border-radius:21px;padding:18px 16px;box-shadow:0 5px 18px rgba(var(--ui-source-ce406a6342b3ab-rgb, 41, 77, 53), var(--ui-source-ce406a6342b3ab-alpha, 0.062745098));color:rgba(var(--ui-source-261a03ab986356-rgb, 44, 59, 51), var(--ui-source-261a03ab986356-alpha, 1));overflow-wrap:anywhere}
html[data-ui=mobile] .m-creation-showcase .m-creation-reply-card{display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(130deg,rgba(var(--ui-source-05c6299940c74f-rgb, 224, 233, 220), var(--ui-source-05c6299940c74f-alpha, 1)),rgba(var(--ui-source-7b5b2f72e273e9-rgb, 231, 238, 244), var(--ui-source-7b5b2f72e273e9-alpha, 1)));min-height:190px}
html[data-ui=mobile] .m-showcase-copy{display:grid;gap:10px;min-width:0;flex:1}
html[data-ui=mobile] .m-showcase-copy small{font-size:.875rem;color:rgba(var(--ui-source-83493170d50be9-rgb, 49, 94, 75), var(--ui-source-83493170d50be9-alpha, 1))}
html[data-ui=mobile] .m-showcase-copy strong{font-size:1.5rem;line-height:1.5}
html[data-ui=mobile] .m-showcase-copy>span{font-size:.8125rem;color:rgba(var(--ui-source-fa6d6951ac5cc7-rgb, 86, 102, 92), var(--ui-source-fa6d6951ac5cc7-alpha, 1));line-height:1.6}
html[data-ui=mobile] .m-showcase-copy b{display:flex;align-items:center;gap:8px;font-size:.875rem;color:rgba(var(--ui-source-e6a87dd0bbd1f1-rgb, 49, 94, 75), var(--ui-source-e6a87dd0bbd1f1-alpha, 1));font-weight:400;line-height:1.5}
html[data-ui=mobile] .m-showcase-copy b svg{width:18px;height:18px}
html[data-ui=mobile] .m-conversation-art{position:relative;display:block;width:42%;height:145px;flex:none;pointer-events:none}
html[data-ui=mobile] .m-conversation-art i{display:block;position:absolute;padding:14px 12px;width:90%;height:81px;background:rgba(var(--ui-source-fbdd7b606ac8f8-rgb, 255, 254, 250), var(--ui-source-fbdd7b606ac8f8-alpha, 1));border-radius:13px;box-shadow:0 8px 18px rgba(var(--ui-source-59e9c9cb041344-rgb, 16, 45, 23), var(--ui-source-59e9c9cb041344-alpha, 0.062745098));left:10%;top:2px;transform:rotate(-5deg);font-style:normal}
html[data-ui=mobile] .m-conversation-art i+i{left:0;top:65px;transform:rotate(5deg)}
html[data-ui=mobile] .m-conversation-art b{font-size:.6875rem;color:rgba(var(--ui-source-fa6d6951ac5cc7-rgb, 86, 102, 92), var(--ui-source-fa6d6951ac5cc7-alpha, 1));font-weight:400}
html[data-ui=mobile] .m-conversation-art svg{width:16px;height:16px;color:rgba(var(--ui-source-e6a87dd0bbd1f1-rgb, 49, 94, 75), var(--ui-source-e6a87dd0bbd1f1-alpha, 1))}
html[data-ui=mobile] .m-conversation-art em{display:block;width:100%;height:2px;background:rgba(var(--ui-source-50f59029daa15c-rgb, 223, 227, 216), var(--ui-source-50f59029daa15c-alpha, 1));margin:8px 0}
html[data-ui=mobile] .m-conversation-art em:last-child{width:68%}
html[data-ui=mobile] .m-creation-pair .m-button--object{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;height:100%}
html[data-ui=mobile] .m-creation-work-card{background:rgba(var(--ui-source-5340faa945a2f0-rgb, 243, 230, 206), var(--ui-source-5340faa945a2f0-alpha, 1))}
html[data-ui=mobile] .m-creation-memo-card{background:rgba(var(--ui-source-653db5b0fcc14f-rgb, 238, 233, 242), var(--ui-source-653db5b0fcc14f-alpha, 1))}
html[data-ui=mobile] .m-creation-pair strong{font-size:1.0625rem;line-height:1.5}
html[data-ui=mobile] .m-creation-pair small{font-size:.8125rem;color:rgba(var(--ui-source-83493170d50be9-rgb, 49, 94, 75), var(--ui-source-83493170d50be9-alpha, 1))}
html[data-ui=mobile] .m-creation-pair .m-button--object>span:last-child{font-size:.8125rem;color:rgba(var(--ui-source-fa6d6951ac5cc7-rgb, 86, 102, 92), var(--ui-source-fa6d6951ac5cc7-alpha, 1));line-height:1.65}
html[data-ui=mobile] .m-creation-book-art{height:110px;position:relative;display:block;width:100%;pointer-events:none;margin:2px 0 4px}
html[data-ui=mobile] .m-creation-book-art i{position:absolute;width:64px;height:91px;left:calc(50% - 49px);top:6px;transform:rotate(-10deg);background:rgba(var(--ui-source-2f740ba3b4e49d-rgb, 49, 94, 75), var(--ui-source-2f740ba3b4e49d-alpha, 1));border-radius:3px;box-shadow:0 8px 14px rgba(var(--ui-source-822106ab97c2a7-rgb, 16, 37, 21), var(--ui-source-822106ab97c2a7-alpha, 0.101960784))}
html[data-ui=mobile] .m-creation-book-art i+i{left:calc(50% - 9px);top:12px;transform:rotate(8deg);background:rgba(var(--ui-source-fbdd7b606ac8f8-rgb, 255, 254, 250), var(--ui-source-fbdd7b606ac8f8-alpha, 1));border:1px solid rgba(var(--ui-source-e6876c51162d48-rgb, 223, 227, 216), var(--ui-source-e6876c51162d48-alpha, 1));padding:12px;color:rgba(var(--ui-source-e6a87dd0bbd1f1-rgb, 49, 94, 75), var(--ui-source-e6a87dd0bbd1f1-alpha, 1));font-style:normal}
html[data-ui=mobile] .m-creation-book-art b{font-size:1rem;line-height:1.7;font-weight:400}
html[data-ui=mobile] .m-creation-book-art em{display:block;width:20px;height:1px;background:rgba(var(--ui-source-50f59029daa15c-rgb, 223, 227, 216), var(--ui-source-50f59029daa15c-alpha, 1));margin-top:7px}
html[data-ui=mobile] .m-creation-memo-art{height:110px;display:block;width:82px;position:relative;align-self:center;background:rgba(var(--ui-source-fbdd7b606ac8f8-rgb, 255, 254, 250), var(--ui-source-fbdd7b606ac8f8-alpha, 1));border:1px solid rgba(var(--ui-source-e6876c51162d48-rgb, 223, 227, 216), var(--ui-source-e6876c51162d48-alpha, 1));border-radius:5px;transform:rotate(6deg);margin:6px 0 9px;box-shadow:0 8px 14px rgba(var(--ui-source-6e4d2e60f7360f-rgb, 16, 37, 21), var(--ui-source-6e4d2e60f7360f-alpha, 0.0392156863));padding:34px 11px 10px;pointer-events:none}
html[data-ui=mobile] .m-creation-memo-art svg{position:absolute;right:-9px;top:-7px;background:rgba(var(--ui-source-5340faa945a2f0-rgb, 243, 230, 206), var(--ui-source-5340faa945a2f0-alpha, 1));width:32px;height:32px;padding:7px;border-radius:50%;color:rgba(var(--ui-source-e6a87dd0bbd1f1-rgb, 49, 94, 75), var(--ui-source-e6a87dd0bbd1f1-alpha, 1))}
html[data-ui=mobile] .m-creation-memo-art i{display:block;height:2px;background:rgba(var(--ui-source-50f59029daa15c-rgb, 223, 227, 216), var(--ui-source-50f59029daa15c-alpha, 1));margin-bottom:12px}
html[data-ui=mobile] .m-creation-memo-art i:last-child{width:60%}
html[data-ui=mobile] .m-reply-workspace{display:grid;gap:18px;min-width:0}
html[data-ui=mobile] .m-reply-workspace>.m-stack{gap:14px}
html[data-ui=mobile] .m-reply-workspace .m-reply-reading,html[data-ui=mobile] .m-reply-paper{background:rgba(var(--ui-source-fbdd7b606ac8f8-rgb, 255, 254, 250), var(--ui-source-fbdd7b606ac8f8-alpha, 1));padding:17px 16px;border-radius:17px;line-height:1.9}
html[data-ui=mobile] .m-reply-workspace .m-reply-source .m-button--object{padding:13px 14px;border:1px solid rgba(var(--ui-source-077b777d8d840d-rgb, 223, 227, 216), var(--ui-source-077b777d8d840d-alpha, 1));border-radius:12px;background:rgba(var(--ui-source-0a75744f389765-rgb, 255, 254, 250), var(--ui-source-0a75744f389765-alpha, 1))}
html[data-ui=mobile] .m-reply-source small{-webkit-line-clamp:2}
html[data-ui=mobile] .m-reply-workspace .m-actions{gap:8px}
html[data-ui=mobile] .m-poetry-selection-summary,html[data-ui=mobile] .m-poetry-batch-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.875rem;color:rgba(var(--ui-source-fa6d6951ac5cc7-rgb, 86, 102, 92), var(--ui-source-fa6d6951ac5cc7-alpha, 1))}
html[data-ui=mobile] .m-poetry-retained{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;padding-block:4px}
html[data-ui=mobile] .m-poetry-retained small{color:rgba(var(--ui-source-1232620ea56a32-rgb, 86, 102, 92), var(--ui-source-1232620ea56a32-alpha, 1))}
html[data-ui=mobile] .m-poetry-batch-controls>.m-control{flex:none}
html[data-ui=mobile] .m-poetry-batch-controls>span:not(.m-control){text-align:center;font-size:.8125rem}
html[data-ui=mobile] .m-poetry-replies{display:grid;gap:14px;min-width:0}
html[data-ui=mobile] .m-poetry-replies .m-tabs{gap:5px}
html[data-ui=mobile] .m-poetry-replies .m-library-heading h2{font-size:1.625rem;margin:0;color:rgba(var(--ui-source-fee2cad45bb681-rgb, 49, 94, 75), var(--ui-source-fee2cad45bb681-alpha, 1))}
html[data-ui=mobile] .m-work-gallery .m-button--object{border:0;box-shadow:0 5px 18px rgba(var(--ui-source-ce406a6342b3ab-rgb, 41, 77, 53), var(--ui-source-ce406a6342b3ab-alpha, 0.062745098));border-radius:13px}
html[data-ui=mobile] .m-work-caption{padding:11px 12px 13px}
html[data-ui=mobile] .m-work-state{font-size:.75rem;line-height:1.5}
html[data-ui=mobile] .m-library-heading p{font-size:.875rem}
html[data-ui=mobile] .m-library-filters .m-tabs{padding:0}
html[data-ui=mobile] .m-library-filters .m-button{padding:7px 11px}
html[data-ui=mobile] .m-studio-document{padding:3px 0 7px}
html[data-ui=mobile] .m-studio-document strong{font-size:.9375rem}
html[data-ui=mobile] .m-studio-workspace.is-canvas .m-canvas-scroll{border:0;padding:9px;border-radius:15px;background:rgba(var(--ui-source-0e3d693f818f5d-rgb, 233, 238, 229), var(--ui-source-0e3d693f818f5d-alpha, 1));max-width:calc((100dvh - 285px)*.75)}
html[data-ui=mobile] .m-studio-task-tools{width:100%}
html[data-ui=mobile] .m-studio-task-tools .m-tabs{border:0;gap:4px}
html[data-ui=mobile] .m-studio-task-tools .m-button{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:7px 3px;font-size:.75rem;border:0;border-radius:10px;min-height:52px}
html[data-ui=mobile] .m-studio-task-tools .m-button::after{display:none}
html[data-ui=mobile] .m-layer-symbol{width:39px;height:44px;flex:none;display:grid;place-items:center;border-radius:10px;background:rgba(var(--ui-source-9e0945dee55b50-rgb, 233, 238, 229), var(--ui-source-9e0945dee55b50-alpha, 1));color:rgba(var(--ui-source-c2f4501e525881-rgb, 49, 94, 75), var(--ui-source-c2f4501e525881-alpha, 1))}
html[data-ui=mobile] .m-layer-symbol-image{background:rgba(var(--ui-source-5fbe7811ac287c-rgb, 231, 238, 244), var(--ui-source-5fbe7811ac287c-alpha, 1))}
html[data-ui=mobile] .m-layer-symbol-shape{background:rgba(var(--ui-source-bc1f26e7478840-rgb, 243, 230, 206), var(--ui-source-bc1f26e7478840-alpha, 1))}
html[data-ui=mobile] .m-layer-object .m-button--object{padding:11px 0;gap:11px}
html[data-ui=mobile] .m-layer-object .m-object-copy{gap:4px}
html[data-ui=mobile] .m-layer-object .m-object-copy small{font-size:.8125rem}
html[data-ui=mobile] .m-layer-object>.m-field label{font-size:.8125rem}
html[data-ui=mobile] .m-property-group{border:1px solid rgba(var(--ui-source-e6876c51162d48-rgb, 223, 227, 216), var(--ui-source-e6876c51162d48-alpha, 1));border-radius:12px;background:rgba(var(--ui-source-fbdd7b606ac8f8-rgb, 255, 254, 250), var(--ui-source-fbdd7b606ac8f8-alpha, 1));padding-inline:13px}
html[data-ui=mobile] .m-property-group>summary{padding-block:12px}
html[data-ui=mobile] .m-property-group[open]{gap:10px}
html[data-ui=mobile] .m-memo-shelf{display:grid;gap:13px}
html[data-ui=mobile] .m-memo-shelf>.m-control{min-width:0;display:flex}
html[data-ui=mobile] .m-button--object.m-memo-sheet{display:grid;gap:10px;background:rgba(var(--ui-source-0a75744f389765-rgb, 255, 254, 250), var(--ui-source-0a75744f389765-alpha, 1));border:1px solid rgba(var(--ui-source-077b777d8d840d-rgb, 223, 227, 216), var(--ui-source-077b777d8d840d-alpha, 1));border-radius:15px;padding:15px 16px;box-shadow:0 4px 12px rgba(var(--ui-source-55bf9e27afee2d-rgb, 23, 45, 26), var(--ui-source-55bf9e27afee2d-alpha, 0.0274509804))}
html[data-ui=mobile] .m-button--object.m-memo-sheet-1{background:rgba(var(--ui-source-85063e5951625d-rgb, 243, 230, 206), var(--ui-source-85063e5951625d-alpha, 1))}
html[data-ui=mobile] .m-button--object.m-memo-sheet-2{background:rgba(var(--ui-source-88b03174f3a171-rgb, 231, 238, 244), var(--ui-source-88b03174f3a171-alpha, 1))}
html[data-ui=mobile] .m-memo-meta{display:flex;gap:9px;align-items:center;justify-content:space-between;color:rgba(var(--ui-source-1232620ea56a32-rgb, 86, 102, 92), var(--ui-source-1232620ea56a32-alpha, 1))}
html[data-ui=mobile] .m-memo-meta small{font-size:.8125rem}
html[data-ui=mobile] .m-memo-meta svg{width:18px;height:18px;color:rgba(var(--ui-source-e6a87dd0bbd1f1-rgb, 49, 94, 75), var(--ui-source-e6a87dd0bbd1f1-alpha, 1))}
html[data-ui=mobile] .m-memo-sheet strong{font-size:1.125rem;line-height:1.5}
html[data-ui=mobile] .m-memo-excerpt{font-size:.875rem;color:rgba(var(--ui-source-fa6d6951ac5cc7-rgb, 86, 102, 92), var(--ui-source-fa6d6951ac5cc7-alpha, 1));line-height:1.7}
html[data-ui=mobile] .m-memo-paper{gap:13px}
html[data-ui=mobile] .m-memo-paper input[id^=m-memo-title]{font-size:1.25rem;border:0;background:transparent;padding-inline:0}
html[data-ui=mobile] .m-memo-paper textarea{background:rgba(var(--ui-source-c8fbbe44ca9dfc-rgb, 255, 254, 250), var(--ui-source-c8fbbe44ca9dfc-alpha, 1))}
html[data-ui=mobile] .m-user-object{padding:14px 0;gap:11px;border-bottom:1px solid rgba(var(--ui-source-f01699af519fb4-rgb, 223, 227, 216), var(--ui-source-f01699af519fb4-alpha, 1))}
html[data-ui=mobile] .m-user-avatar{display:grid;place-items:center;flex:none;width:43px;height:48px;border-radius:13px;background:rgba(var(--ui-source-0e3d693f818f5d-rgb, 233, 238, 229), var(--ui-source-0e3d693f818f5d-alpha, 1));font-size:1.375rem;color:rgba(var(--ui-source-e6a87dd0bbd1f1-rgb, 49, 94, 75), var(--ui-source-e6a87dd0bbd1f1-alpha, 1))}
html[data-ui=mobile] .m-user-state{font-size:.75rem;color:rgba(var(--ui-source-fa6d6951ac5cc7-rgb, 86, 102, 92), var(--ui-source-fa6d6951ac5cc7-alpha, 1));padding:4px 7px;border-radius:6px;background:rgba(var(--ui-source-0e3d693f818f5d-rgb, 233, 238, 229), var(--ui-source-0e3d693f818f5d-alpha, 1));flex:0 1 auto;max-width:5em;line-height:1.5}
html[data-ui=mobile] .m-user-state.is-active{color:rgba(var(--ui-source-4cbc945c6c99a4-rgb, 49, 94, 75), var(--ui-source-4cbc945c6c99a4-alpha, 1))}
html[data-ui=mobile] .m-portal-query .m-field{gap:6px}
html[data-ui=mobile] .m-font-row{padding:14px;border:1px solid rgba(var(--ui-source-e6876c51162d48-rgb, 223, 227, 216), var(--ui-source-e6876c51162d48-alpha, 1));border-radius:13px;background:rgba(var(--ui-source-fbdd7b606ac8f8-rgb, 255, 254, 250), var(--ui-source-fbdd7b606ac8f8-alpha, 1));margin-bottom:10px}
html[data-ui=mobile] .m-font-row [data-m-font-preview]{font-size:1.375rem;line-height:1.7;color:var(--m-accent)}
html[data-ui=mobile] .m-pdf-reader .mw-pdf-toolbar{background:rgba(var(--ui-source-fbdd7b606ac8f8-rgb, 255, 254, 250), var(--ui-source-fbdd7b606ac8f8-alpha, 1));border-radius:12px;padding:3px 5px}
@container(max-width:18rem){html[data-ui=mobile] .m-creation-pair{grid-template-columns:minmax(0,1fr)}html[data-ui=mobile] .m-conversation-art{display:none}html[data-ui=mobile] .m-creation-showcase .m-creation-reply-card{min-height:0}html[data-ui=mobile] .m-creation-pair .m-button--object{display:grid;grid-template-columns:minmax(0,1fr) 82px;align-items:center}html[data-ui=mobile] .m-creation-pair .m-button--object>:is(small,strong,span:last-child){grid-column:1}html[data-ui=mobile] .m-creation-pair .m-creation-book-art,html[data-ui=mobile] .m-creation-pair .m-creation-memo-art{grid-column:2;grid-row:1/5;width:100%;margin:0}html[data-ui=mobile] .m-creation-pair .m-creation-memo-art{width:70px;height:90px}}
@media(max-width:359px){html[data-ui=mobile] .m-poetry-batch-controls{gap:2px}html[data-ui=mobile] .m-poetry-batch-controls .m-button{padding:9px 5px}html[data-ui=mobile] .m-user-object{flex-wrap:wrap}html[data-ui=mobile] .m-user-state{margin-left:54px}html[data-ui=mobile] .m-creation-showcase .m-button--object{padding:15px}}
/* At enlarged text the compact exhibit becomes a text/illustration row. Keep the
   rotated paper artwork inside its own 82px column; the full UI copy still wraps. */
@container(max-width:18rem){
 html[data-ui=mobile] .m-creation-pair .m-button--object>:is(small,strong,span:last-child){min-width:0;max-width:100%}
 html[data-ui=mobile] .m-creation-pair .m-creation-book-art i{width:58px;height:82px;left:0;top:8px}
 html[data-ui=mobile] .m-creation-pair .m-creation-book-art i+i{left:16px;top:18px;padding:12px}
 html[data-ui=mobile] .m-creation-pair .m-creation-book-art b{display:none}
 html[data-ui=mobile] .m-creation-pair .m-creation-book-art em{width:100%;margin-top:8px;box-shadow:0 10px rgba(var(--ui-source-fab31652c0cebb-rgb, 223, 227, 216), var(--ui-source-fab31652c0cebb-alpha, 1)),0 20px rgba(var(--ui-source-fab31652c0cebb-rgb, 223, 227, 216), var(--ui-source-fab31652c0cebb-alpha, 1))}
}