:root{--primary-green: #314158;--primary-green-light: #62748e;--walnut-brown: #0f172b;--walnut-brown-light: #1d293d;--accent-terracotta: #45556c;--accent-terracotta-light: #90a1b9;--success-green: #10b981;--warning-orange: #f59e0b;--error-red: #ef4444;--info-blue: #3b82f6;--base-white: #f8fafc;--surface-white: #ffffff;--text-primary: #1d293d;--text-secondary: #45556c;--text-muted: #90a1b9;--border-light: #f1f5f9;--border-medium: #cad5e2;--font-sans: "Geist", "Geist Fallback", ui-sans-serif, system-ui, sans-serif;--font-serif: "Geist", "Geist Fallback", ui-sans-serif, system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--shadow-md: 0 12px 30px color-mix(in srgb, var(--text-primary) 10%, transparent);--shadow-lg: 0 22px 50px color-mix(in srgb, var(--text-primary) 16%, transparent);--radius-icon: .5rem}@font-face{font-family:Geist;src:url(/fonts/geist-sans.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0%;size-adjust:104.76%}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0%;size-adjust:134.59%}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;color:var(--text-primary);background:var(--base-white);font-family:var(--font-sans);font-size:var(--text-base);letter-spacing:0;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}.app-shell{height:100dvh;overflow:hidden;background:var(--base-white)}.browser-strip{display:none;grid-template-columns:1fr 1fr 1fr;height:32px;align-items:center;border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--text-xs);background:color-mix(in srgb,var(--surface-white) 84%,var(--base-white))}.browser-strip span{display:flex;justify-content:center;border-right:1px solid var(--border-light)}.browser-strip span:last-child{border-right:0}.app-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border-light);background:var(--surface-white)}.app-header-main{display:flex;min-height:56px;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-6)}.brand-lockup{display:flex;align-items:center;gap:var(--space-3)}.brand-icon{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center}.brand-icon img{width:28px;height:28px}.mode-button svg,.import-card svg,.export-card svg,.backup-card svg,.preset-card svg,.drop-zone svg,.phone-toolbar-actions svg,.feed-tabs svg,.post-type-badge svg,.toast svg{width:18px;height:18px}.brand-lockup h1{margin:0;font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.2}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.header-actions p{margin:0;color:var(--text-muted);font-size:var(--text-xs)}.mode-button,.import-actions button,.profile-actions button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:38px;padding:0 var(--space-4);border:1px solid var(--border-light);color:var(--text-secondary);background:var(--surface-white);border-radius:var(--radius-icon);white-space:nowrap}.mode-button:hover,.import-actions button:not(:disabled):hover,.profile-actions button:hover{border-color:var(--border-medium);color:var(--text-primary)}.mode-button{min-height:auto;padding:6px 12px;gap:6px;border-color:color-mix(in srgb,var(--border-light) 60%,var(--border-medium));color:var(--primary-green-light);background:transparent;font-size:var(--text-xs);font-weight:400;line-height:1rem}.mode-button svg{width:14px;height:14px}.mobile-tabs{display:none}.workspace{display:grid;grid-template-columns:320px minmax(420px,1fr);gap:0;width:100%;height:calc(100vh - 56px);margin:0 auto;padding:0;overflow:hidden}.panel-view{display:contents}.left-panel{align-self:start;height:100%;max-height:none;overflow:auto;padding:20px;border-right:1px solid var(--border-light);background:var(--surface-white);font-size:var(--text-sm);scrollbar-width:none}.left-panel::-webkit-scrollbar{display:none}.panel-section h2{margin:0 0 var(--space-3);color:var(--text-muted);font-size:var(--text-xs);font-weight:600;line-height:1rem;text-transform:uppercase}.drop-zone{display:grid;height:128px;min-height:128px;place-items:center;gap:var(--space-2);padding:var(--space-6);border:2px dashed color-mix(in srgb,var(--border-light) 60%,var(--border-medium));color:var(--text-muted);background:var(--surface-white);text-align:center;outline:none;border-radius:12px}.drop-zone:hover,.drop-zone:focus{border-color:var(--border-medium);color:var(--text-muted);background:var(--base-white)}.drop-zone.is-dragging{border-color:var(--border-medium);color:var(--text-muted);background:var(--border-light)}.drop-zone input{display:none}.drop-zone strong{color:var(--primary-green-light);font-size:var(--text-sm);font-weight:500;line-height:1.25rem}.drop-zone span{color:var(--text-muted);font-size:var(--text-xs);line-height:1rem}.drop-zone svg{width:32px;height:32px;color:var(--text-muted)}.import-card{display:grid;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-4);border:1px solid color-mix(in srgb,var(--border-light) 60%,var(--border-medium));background:var(--surface-white);border-radius:12px}.import-card-heading{display:grid;gap:2px}.import-card strong{display:flex;align-items:center;gap:6px;color:var(--text-primary);font-size:var(--text-sm);font-weight:600;line-height:1.25rem}.import-card span{display:block;color:var(--primary-green-light);font-size:.6875rem;line-height:1rem}.import-card-heading svg,.zip-button-icon{width:16px;height:16px;flex:0 0 auto}.import-actions .zip-button-icon{width:16px;height:16px}.import-card-heading svg{color:var(--primary-green-light)}.import-actions{display:flex;gap:var(--space-2)}.export-card{display:grid;margin:0 0 var(--space-4)}.export-card button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid color-mix(in srgb,var(--border-light) 60%,var(--border-medium));color:var(--text-secondary);background:var(--surface-white);border-radius:12px;font-size:var(--text-sm);font-weight:500}.export-card button:not(:disabled):hover{border-color:var(--border-medium);color:var(--text-primary)}.export-card button:disabled{color:var(--text-muted);background:var(--base-white)}.export-card svg{width:16px;height:16px}.backup-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin:0 0 var(--space-4)}.backup-card input{display:none}.backup-card button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:6px;border:1px solid color-mix(in srgb,var(--border-light) 60%,var(--border-medium));color:var(--text-secondary);background:var(--surface-white);border-radius:10px;font-size:var(--text-xs);font-weight:500}.backup-card button:not(:disabled):hover{border-color:var(--border-medium);color:var(--text-primary)}.backup-card button:disabled{color:var(--text-muted);background:var(--base-white)}.backup-card svg{width:14px;height:14px}.preset-card{display:grid;gap:var(--space-3);margin:0 0 var(--space-4);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--border-light) 60%,var(--border-medium));background:var(--surface-white);border-radius:12px}.preset-card-heading{display:flex;align-items:center;justify-content:space-between;color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:600;line-height:1.25rem;list-style:none}.preset-card-heading:after{content:"+";color:var(--text-muted);font-size:var(--text-lg);line-height:1}.preset-card[open] .preset-card-heading:after{content:"-"}.preset-card-heading::-webkit-details-marker{display:none}.preset-slot-list{display:grid;gap:var(--space-2)}.preset-slot-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center}.preset-slot-fields{display:grid;min-width:0;gap:2px}.preset-slot-fields input{width:100%;min-width:0;min-height:30px;padding:0 var(--space-2);border:1px solid var(--border-light);color:var(--text-primary);background:var(--surface-white);border-radius:8px;font-size:var(--text-xs);outline:none}.preset-slot-fields input:focus{border-color:var(--border-medium);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-light) 68%,transparent)}.preset-slot-fields span{overflow:hidden;color:var(--text-muted);font-size:.68rem;line-height:1rem;text-overflow:ellipsis;white-space:nowrap}.preset-slot-actions{display:flex;gap:2px}.preset-slot-actions button{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;color:var(--text-muted);background:transparent;border-radius:6px}.preset-slot-actions button:not(:disabled):hover{color:var(--text-primary);background:var(--base-white)}.preset-slot-actions button:disabled{opacity:.38}.preset-slot-actions svg{width:15px;height:15px}.import-actions button:first-of-type{flex:1 1 auto;min-height:40px;padding:0 var(--space-3);border-color:var(--border-medium);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.import-actions button:last-of-type{flex:0 0 auto;min-height:40px;padding:0 var(--space-3);border-color:color-mix(in srgb,var(--border-light) 60%,var(--border-medium));color:var(--primary-green-light);font-size:var(--text-xs);font-weight:500}.import-guide{display:grid;gap:var(--space-2);padding:var(--space-3);color:var(--text-secondary);background:var(--base-white);border-radius:8px;font-size:.6875rem;line-height:1.45}.import-guide strong{display:block;color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;line-height:1rem}.import-guide ol{display:grid;gap:var(--space-1);margin:0;padding-left:var(--space-4);list-style:decimal}.import-actions input{display:none}.settings-panel{display:grid;gap:var(--space-3);margin:var(--space-4) 0 var(--space-6);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--border-light) 60%,var(--border-medium));background:var(--surface-white);border-radius:12px}.settings-heading{display:flex;align-items:center;justify-content:space-between;color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:600;list-style:none}.settings-heading:after{content:"+";color:var(--text-muted);font-size:var(--text-lg);line-height:1}.settings-panel[open] .settings-heading:after{content:"-"}.settings-heading::-webkit-details-marker{display:none}.settings-heading.is-sub{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-xs)}.profile-settings-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--space-3);align-items:center}.avatar-picker,.highlight-image-picker{position:relative;display:grid;place-items:center;overflow:hidden;border:1px dashed var(--border-medium);color:var(--text-muted);background:color-mix(in srgb,var(--border-light) 54%,var(--surface-white));cursor:pointer}.avatar-picker{width:64px;height:64px;border-radius:50%}.avatar-picker input,.highlight-image-picker input{display:none}.avatar-picker svg{width:28px;height:28px}.avatar-picker img,.avatar-placeholder img,.highlight-image-picker img,.highlight-circle img{width:100%;height:100%;object-fit:cover}.settings-fields,.bio-field{display:grid;gap:var(--space-2)}.settings-fields label,.bio-field{display:grid;gap:var(--space-1)}.settings-fields span,.bio-field span{color:var(--text-muted);font-size:.68rem;font-weight:700}.settings-fields input,.bio-field textarea,.highlight-settings-item>input{width:100%;min-width:0;border:1px solid var(--border-light);color:var(--text-primary);background:var(--surface-white);border-radius:8px;outline:none}.settings-fields input,.highlight-settings-item>input{min-height:34px;padding:0 var(--space-2)}.bio-field textarea{resize:none;padding:var(--space-2);line-height:1.45}.settings-fields input:focus,.bio-field textarea:focus,.highlight-settings-item>input:focus{border-color:var(--border-medium);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-light) 68%,transparent)}.highlight-settings-list{display:grid;gap:var(--space-2)}.highlight-settings-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:var(--space-2);align-items:center}.highlight-image-picker{width:42px;height:42px;border-radius:50%}.highlight-image-picker svg{width:17px;height:17px}.image-list{display:grid;gap:var(--space-3)}.image-list[data-empty=true]{gap:var(--space-2)}.image-list [data-empty-message]{margin:0;padding:var(--space-4) var(--space-3);border:1px solid color-mix(in srgb,var(--border-light) 76%,transparent);color:var(--text-muted);background:color-mix(in srgb,var(--surface-white) 96%,transparent);font-size:var(--text-xs);text-align:center}.image-list-heading{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:var(--text-xs)}.image-list-item{display:grid;grid-template-columns:16px 48px minmax(0,1fr) 28px;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-2);border:1px solid var(--border-light);background:var(--surface-white);border-radius:8px}.image-list-item:active{opacity:.5}.image-list-item.is-dragging{opacity:.5;cursor:grabbing}.drag-handle{width:16px;height:16px;color:var(--text-muted);cursor:grab}.image-list-item.is-dragging .drag-handle{cursor:grabbing}.image-list-item img{width:48px;height:48px;object-fit:cover;background:var(--border-light)}.image-list-meta{display:grid;gap:var(--space-1);min-width:0}.image-list-meta span{overflow:hidden;color:var(--primary-green-light);font-size:var(--text-xs);line-height:1rem;text-overflow:ellipsis;white-space:nowrap}.image-list-meta select{width:min(96px,100%);min-height:28px;border:1px solid var(--border-light);color:var(--text-secondary);background:var(--surface-white);font-size:var(--text-xs)}.remove-button{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:0;color:var(--text-muted);background:transparent}.remove-button:hover{color:var(--error-red)}.remove-button svg{width:18px;height:18px}.remove-button span{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}.right-panel{display:grid;align-content:start;justify-items:center;min-height:100%;overflow:auto;padding:var(--space-8);background:var(--base-white);scrollbar-width:none}.right-panel::-webkit-scrollbar{display:none}.preview-caption{display:flex;width:min(393px,100%);align-items:center;justify-content:space-between;margin:0 0 var(--space-4);color:var(--text-muted);font-size:var(--text-xs);font-weight:600}.phone-frame{width:min(393px,100%);height:800px;padding:0;overflow:hidden;border:9px solid var(--text-primary);border-radius:48px;background:var(--surface-white);box-shadow:0 25px 50px -12px #00000040}.phone-screen{height:100%;overflow:auto;background:var(--surface-white);scrollbar-width:none}.phone-screen::-webkit-scrollbar,.story-highlights::-webkit-scrollbar{display:none}.status-bar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:8px 20px 0;color:var(--text-primary);background:var(--surface-white);font-size:.6875rem;font-weight:600}.status-icons{display:flex;align-items:center;gap:6px;color:var(--text-primary)}.status-wifi{width:12px;height:12px}.status-battery{width:14px;height:12px}.dynamic-island{position:absolute;top:8px;left:50%;width:88px;height:26px;transform:translate(-50%);background:var(--walnut-brown);border-radius:999px}.profile-header{padding:0 0 var(--space-3);border-bottom:0}.phone-toolbar{display:flex;min-height:45px;align-items:center;justify-content:space-between;padding:10px var(--space-4);border-bottom:1px solid var(--border-light);background:var(--surface-white)}.phone-toolbar strong{overflow:hidden;max-width:190px;color:var(--text-primary);font-size:var(--text-base);font-weight:700;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.phone-toolbar-actions{display:flex;gap:var(--space-4);color:var(--primary-green)}.profile-summary{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-4) 0}.avatar-placeholder{overflow:hidden;display:grid;width:64px;height:64px;place-items:center;color:var(--text-muted);background:linear-gradient(135deg,color-mix(in srgb,var(--border-light) 45%,var(--border-medium)),var(--border-medium));border-radius:50%;flex:0 0 auto}.avatar-placeholder svg{width:32px;height:32px;fill:currentColor}.profile-stats{display:flex;gap:20px;margin:0;text-align:center}.profile-stats div{display:grid;gap:0}.profile-stats dt{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;line-height:1.25}.profile-stats dd{margin:0;color:var(--primary-green-light);font-size:var(--text-xs)}.profile-name{display:grid;gap:2px;margin:var(--space-3) var(--space-4) 0;font-size:var(--text-sm)}.profile-name strong{color:var(--text-primary);font-weight:600}.profile-name span{color:var(--text-muted);font-size:var(--text-xs)}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin:var(--space-3) var(--space-4) 0}.profile-actions button{min-height:28px;padding:6px 0;border:0;color:var(--primary-green);background:var(--border-light);font-size:var(--text-xs);font-weight:600;border-radius:8px}.story-highlights{display:flex;gap:var(--space-4);overflow-x:auto;padding:var(--space-3) var(--space-4);scrollbar-width:none}.highlight-item{display:grid;justify-items:center;gap:var(--space-1);min-width:0;flex:0 0 auto;color:var(--primary-green-light);font-size:10px;line-height:1.5}.highlight-item:first-child{color:var(--text-muted)}.highlight-item>span:last-child{max-width:56px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.highlight-circle{overflow:hidden;display:grid;width:56px;height:56px;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--border-light),color-mix(in srgb,var(--border-light) 45%,var(--border-medium)))}.highlight-circle.is-new{border:2px dashed color-mix(in srgb,var(--border-light) 45%,var(--border-medium));color:var(--text-muted);background:var(--surface-white);font-size:var(--text-xl);line-height:1}.feed-tabs{display:flex;align-items:stretch;border-bottom:1px solid var(--border-light);color:var(--text-muted)}.feed-tabs button{display:flex;flex:1;justify-content:center;padding:10px 0;border:0;border-bottom:2px solid transparent;color:var(--text-muted);background:var(--surface-white);cursor:default}.feed-tabs svg{width:20px;height:20px}.feed-tabs button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.feed-tabs button.is-active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.feed-tabs button.is-active svg{fill:currentColor;stroke:none}.feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:var(--surface-white)}.feed-grid.is-placeholder{gap:2px;background:var(--surface-white)}.feed-placeholder-cell{aspect-ratio:4 / 5;background:var(--border-light)}.feed-grid-item{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--border-light);cursor:grab}.feed-grid-item:active,.feed-grid-item.is-dragging{opacity:.5;cursor:grabbing}.feed-grid-item img{width:100%;height:100%;object-fit:cover}.new-badge{position:absolute;left:4px;bottom:4px;padding:2px 5px;color:var(--surface-white);background:var(--info-blue);border-radius:var(--radius-icon);font-size:.55rem;font-weight:800}.post-type-badge{position:absolute;top:6px;right:6px;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;color:var(--surface-white);background:color-mix(in srgb,var(--text-primary) 64%,transparent);border-radius:50%}.post-type-badge svg{width:14px;height:14px}.toast{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:20;display:flex;max-width:min(460px,calc(100vw - var(--space-8)));align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-medium);color:var(--text-primary);background:var(--surface-white);box-shadow:var(--shadow-lg);font-size:var(--text-sm)}.toast svg{color:var(--warning-orange);flex:0 0 auto}.toast button{margin-left:auto;border:0;color:var(--primary-green);background:transparent;font-size:var(--text-xs);font-weight:800}@media(max-width:960px){.browser-strip{display:none}.app-header-main{min-height:64px}.header-actions p{display:none}.mobile-tabs{position:sticky;top:64px;z-index:9;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-light);background:color-mix(in srgb,var(--surface-white) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-tabs button{min-height:36px;border:1px solid var(--border-light);color:var(--text-secondary);background:var(--surface-white);font-size:var(--text-sm);font-weight:800;outline:none}.mobile-tabs button.is-active{color:var(--text-primary);border-color:var(--border-medium);box-shadow:var(--shadow-md)}.mobile-tabs span{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;margin-left:var(--space-1);color:var(--surface-white);background:var(--info-blue);border-radius:999px;font-size:var(--text-xs)}.workspace{display:block;width:min(480px,100%);padding:var(--space-4)}.panel-view{display:none}.panel-view.is-active{display:block}.left-panel{max-height:none;padding-right:0}.right-panel{min-height:auto;padding:0}.preview-caption{display:none}.phone-frame{width:min(390px,100%);height:calc(100vh - 150px);min-height:620px;margin:0 auto}}.app-shell.is-mobile-mode .browser-strip{display:none}.app-shell.is-mobile-mode .mobile-tabs{position:fixed;top:4px;left:calc(50% - 9px);z-index:11;display:grid;grid-template-columns:1fr 1fr;gap:2px;width:min(240px,calc(100vw - 150px));transform:translate(-50%);padding:2px;background:var(--border-light);border-radius:var(--radius-icon)}.app-shell.is-mobile-mode .mobile-tabs button{min-height:28px;border:0;color:var(--text-secondary);background:transparent;border-radius:6px;font-size:var(--text-xs);font-weight:600;outline:none}.app-shell.is-mobile-mode .mobile-tabs button.is-active{color:var(--text-primary);background:var(--surface-white);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.app-shell.is-mobile-mode .mobile-tabs button:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--border-medium) 62%,transparent)}.app-shell.is-mobile-mode .workspace{display:block;width:100%;height:calc(100dvh - 40px);overflow:hidden;padding:0;background:var(--surface-white)}.app-shell.is-mobile-mode .panel-view{display:none}.app-shell.is-mobile-mode .panel-view.is-active{display:block;height:100%}.app-shell.is-mobile-mode .left-panel{height:100%;max-height:none;overflow:auto}.app-shell.is-mobile-mode .right-panel{height:100%;min-height:auto;overflow:hidden;padding:0;background:var(--surface-white)}.app-shell.is-mobile-mode .preview-caption,.app-shell.is-mobile-mode .brand-lockup h1,.app-shell.is-mobile-mode .header-actions p{display:none}.app-shell.is-mobile-mode .app-header-main{min-height:40px;padding:var(--space-2) var(--space-3)}.app-shell.is-mobile-mode .mode-button{display:block;min-height:auto;padding:6px var(--space-2);border:0;border-radius:4px;color:var(--primary-green-light);background:transparent;font-size:.6875rem;font-weight:500;line-height:1.5}.app-shell.is-mobile-mode .brand-icon,.app-shell.is-mobile-mode .brand-icon img{width:24px;height:24px}.app-shell.is-mobile-mode .phone-frame{width:100%;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}.app-shell.is-mobile-mode .phone-screen{height:100%;overflow:auto}.app-shell.is-mobile-mode .status-bar{display:none}.app-shell.is-mobile-mode .profile-summary{padding-top:19px}.app-shell:not(.is-mobile-mode) .mobile-tabs{display:none}.app-shell:not(.is-mobile-mode) .app-header-main{min-height:56px}.app-shell:not(.is-mobile-mode) .header-actions p{display:block}.app-shell:not(.is-mobile-mode) .workspace{display:grid;grid-template-columns:320px minmax(420px,1fr);width:100%;height:calc(100dvh - 56px);overflow:hidden;padding:0}.app-shell:not(.is-mobile-mode) .panel-view,.app-shell:not(.is-mobile-mode) .panel-view.is-active{display:contents;height:auto}.app-shell:not(.is-mobile-mode) .left-panel{height:100%;max-height:none;overflow:auto;padding:20px}.app-shell:not(.is-mobile-mode) .right-panel{min-height:100%;overflow:auto;padding:var(--space-8);background:var(--base-white)}.app-shell:not(.is-mobile-mode) .preview-caption{display:flex}.app-shell:not(.is-mobile-mode) .phone-frame{width:min(393px,100%);height:800px;min-height:0;margin:0;border:9px solid var(--text-primary);border-radius:48px;box-shadow:0 25px 50px -12px #00000040}.app-shell:not(.is-mobile-mode) .phone-screen{height:100%;overflow:auto}