@layer components{.admin-backup-page{gap:var(--spacing-16);flex-direction:column;height:100%;display:flex}.admin-backup-connection-bar{align-items:center;gap:var(--spacing-20);padding:var(--spacing-12) var(--spacing-20);background:var(--color-off-white,var(--color-off-white));border:1px solid var(--color-cool-gray,var(--color-cool-gray));border-radius:var(--radius-cardssmall);box-shadow:var(--shadow-sm-2,#0000000d 0px 1px 8px 0px);flex-wrap:wrap;display:flex}.admin-backup-connection-title{color:var(--color-dark-charcoal,var(--color-dark-charcoal));text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.admin-backup-connection-divider{background:var(--color-cool-gray,var(--color-cool-gray));width:1px;height:16px}.admin-backup-connection-items{align-items:center;gap:var(--spacing-20);flex-wrap:wrap;display:flex}.admin-backup-connection-item{align-items:center;gap:var(--spacing-8);color:var(--color-charcoal,var(--color-charcoal));font-size:13px;display:flex}.admin-backup-connection-item strong{color:var(--color-dark-charcoal,var(--color-dark-charcoal));font-weight:500}.admin-backup-connection-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.admin-backup-connection-dot.ok{background-color:var(--color-success);box-shadow:0 0 6px #10b98199}.admin-backup-connection-dot.error{background-color:var(--color-danger);box-shadow:0 0 6px #ef444499}.admin-backup-stats{gap:var(--spacing-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:768px){.admin-backup-stats{grid-template-columns:1fr}}.admin-backup-stat-card{padding:14px var(--spacing-16);background:var(--color-canvas-white,var(--color-canvas-white));border:1px solid var(--color-cool-gray,var(--color-cool-gray));border-radius:var(--radius-cardssmall);align-items:center;gap:14px;transition:border-color .2s,box-shadow .2s;display:flex}.admin-backup-stat-card:hover{border-color:var(--color-steel-gray,var(--color-steel-gray));box-shadow:var(--shadow-sm-2,#0000000d 0px 1px 8px 0px)}.admin-backup-stat-icon{border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:inline-flex}.admin-backup-stat-icon.total{color:var(--color-cofounder-blue,var(--color-cofounder-blue));background:#eff8fc}.admin-backup-stat-icon.emergency{color:#d97706;background:#fffbeb}.admin-backup-stat-icon.oldest{color:#059669;background:#ecfdf5}.admin-backup-stat-value{color:var(--color-dark-charcoal,var(--color-dark-charcoal));margin:0;font-size:22px;font-weight:700;line-height:1}.admin-backup-stat-value.date-time{color:var(--color-charcoal,var(--color-charcoal));font-size:14px;font-weight:600;line-height:1.2}.admin-backup-stat-label{margin:var(--spacing-4) 0 0 0;color:var(--color-medium-gray,var(--color-medium-gray));font-size:12px}.admin-backup-table-card,.admin-backup-table-card .ant-card-body{gap:var(--spacing-16);flex-direction:column;display:flex}.admin-backup-table-header{justify-content:space-between;align-items:center;gap:var(--spacing-16);border-bottom:1px solid var(--color-cool-gray,var(--color-cool-gray));flex-wrap:wrap;padding-bottom:12px;display:flex}.admin-backup-table-title{color:var(--color-dark-charcoal,var(--color-dark-charcoal));margin:0;font-size:14px;font-weight:700}.admin-backup-row-link{color:var(--color-cofounder-blue,var(--color-cofounder-blue));cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:500;transition:color .15s}.admin-backup-row-link:hover{color:#005c8a;text-decoration:underline}.admin-backup-row-actions{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.admin-backup-action-btn{border:1px solid var(--color-cool-gray,var(--color-cool-gray));background:var(--color-canvas-white,var(--color-canvas-white));width:30px;height:30px;color:var(--color-charcoal,var(--color-charcoal));cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.admin-backup-action-btn:hover{border-color:var(--color-cofounder-blue,var(--color-cofounder-blue));color:var(--color-cofounder-blue,var(--color-cofounder-blue))}.admin-backup-action-btn.danger:hover{color:#dc2626;background-color:#fef2f2;border-color:#dc2626}.admin-backup-action-btn.success:hover{color:#059669;background-color:#ecfdf5;border-color:#059669}.admin-backup-action-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--color-cool-gray,var(--color-cool-gray))!important;color:var(--color-light-gray,var(--color-light-gray))!important;background:#fafafa!important}.admin-backup-readonly-hint{color:var(--color-charcoal,var(--color-charcoal));font-size:13px}.admin-backup-readonly-hint code{border-radius:var(--radius-buttons);background:var(--color-cool-gray,var(--color-cool-gray));color:var(--color-dark-charcoal,var(--color-dark-charcoal));padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.admin-backup-detail{gap:var(--spacing-8) var(--spacing-16);padding:var(--spacing-16) 0;grid-template-columns:140px 1fr;margin:0;display:grid}.admin-backup-detail dt{color:var(--color-medium-gray,var(--color-medium-gray));text-transform:uppercase;letter-spacing:.05em;align-self:center;font-size:12px;font-weight:600}.admin-backup-detail dd{color:var(--color-dark-charcoal,var(--color-dark-charcoal));word-break:break-all;margin:0;font-size:14px}.admin-backup-detail--inline{padding:var(--spacing-16);border:1px dashed var(--color-steel-gray,var(--color-steel-gray));border-radius:var(--radius-cardssmall);background:var(--color-off-white,var(--color-off-white));margin-top:16px}.admin-backup-detail__hash{background:var(--color-cool-gray,var(--color-cool-gray));border-radius:var(--radius-buttons);padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.admin-backup-detail__error{color:#dc2626;font-weight:500}.admin-backup-verify-list{margin:var(--spacing-8) 0 0 0;flex-direction:column;gap:6px;padding-left:20px;list-style:outside;display:flex}.admin-backup-restore-steps{padding:var(--spacing-8) 0;margin-bottom:24px}.admin-backup-restore-alert{margin-bottom:16px}.admin-backup-restore-form{width:100%;margin-top:16px}.admin-backup-restore-check{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-dark-charcoal,var(--color-dark-charcoal));align-items:flex-start;gap:10px;font-size:14px;display:flex}.admin-backup-restore-check input{cursor:pointer;margin-top:4px}.admin-backup-restore-phrase-label{color:var(--color-charcoal,var(--color-charcoal));margin-bottom:6px;font-size:13px;display:block}}
.admin-layout-editor-workspace{background:var(--color-canvas-white);width:100%;height:100vh;min-height:0;font-family:var(--font-af);color:var(--color-dark-charcoal);flex-direction:column;display:flex;overflow:hidden}.admin-layout-editor-header{height:64px;padding:0 var(--spacing-24);border-bottom:1px solid var(--color-cool-gray);background:var(--color-canvas-white);z-index:50;justify-content:space-between;align-items:center;display:flex;box-shadow:0 1px 2px #00000005}.admin-layout-editor-titlebar{align-items:center;gap:var(--spacing-16);min-width:0;display:flex}.admin-layout-editor-back-btn{border-radius:var(--radius-lg);transition:all .2s;border:1px solid var(--color-steel-gray)!important;color:var(--color-dark-charcoal)!important}.admin-layout-editor-back-btn:hover{border-color:var(--color-action-azure)!important;color:var(--color-cofounder-blue)!important}.admin-layout-editor-title-container{flex-direction:column;min-width:0;display:flex}.admin-layout-editor-title-input{width:280px;margin-left:-6px;transition:all .2s;font-family:var(--font-af)!important;color:var(--color-pitch-black)!important;background:0 0!important;border:1px solid #0000!important;border-radius:4px!important;padding:2px 6px!important;font-size:16px!important;font-weight:600!important}.admin-layout-editor-title-input:hover{background:var(--color-ash-gray)!important}.admin-layout-editor-title-input:focus{background:var(--color-canvas-white)!important;border-color:var(--color-cool-gray)!important;box-shadow:var(--shadow-sm-2)!important}.admin-layout-editor-subtitle{color:var(--color-medium-gray);letter-spacing:.02em;margin-top:2px;font-size:11px;font-weight:500}.admin-layout-editor-actions{align-items:center;gap:var(--spacing-8);display:flex}.admin-layout-zoom-ctrl{border:1px solid var(--color-steel-gray);border-radius:var(--radius-lg);background:var(--color-canvas-white);margin-right:var(--spacing-8);align-items:center;display:flex;overflow:hidden}.admin-layout-zoom-btn{cursor:pointer;transition:background .15s;color:var(--color-dark-charcoal)!important;background:0 0!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;display:flex!important}.admin-layout-zoom-btn:hover:not(:disabled){background:var(--color-ash-gray)!important}.admin-layout-zoom-btn:disabled{cursor:not-allowed;color:var(--color-light-gray)!important}.admin-layout-zoom-text{color:var(--color-charcoal);border-left:1px solid var(--color-cool-gray);border-right:1px solid var(--color-cool-gray);-webkit-user-select:none;user-select:none;text-align:center;min-width:52px;padding:0 10px;font-size:12px;font-weight:600}.admin-layout-editor-workbench{background:var(--color-ash-gray);flex:1;min-height:0;display:flex;overflow:hidden}.admin-layout-canvas-container{padding:var(--spacing-32);background-color:var(--color-ash-gray);background-image:radial-gradient(var(--color-steel-gray) 1.5px, transparent 1.5px);background-size:24px 24px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.admin-layout-canvas{background:var(--color-canvas-white);border:1px solid var(--color-steel-gray);border-radius:8px;position:relative;overflow:visible;box-shadow:0 10px 30px #0000000a,0 1px 3px #00000005}.smart-guides-overlay{z-index:var(--smart-guide-z-index);pointer-events:none;position:absolute;inset:0}.smart-guide-line,.smart-guide-spacing{box-sizing:border-box;border-color:var(--color-smart-guide);position:absolute}.smart-guide-line.is-x{border-left:var(--smart-guide-stroke-width) dashed var(--color-smart-guide)}.smart-guide-line.is-y{border-top:var(--smart-guide-stroke-width) dashed var(--color-smart-guide)}.smart-guide-spacing.is-x{border-top:var(--smart-guide-stroke-width) solid var(--color-smart-guide)}.smart-guide-spacing.is-y{border-left:var(--smart-guide-stroke-width) solid var(--color-smart-guide)}.smart-guide-marker{width:var(--smart-guide-marker-size);height:var(--smart-guide-marker-size);background:var(--color-smart-guide);position:absolute;transform:translate(-50%,-50%)}.smart-guide-label{background:var(--color-smart-guide);color:var(--color-canvas-white);font-size:var(--smart-guide-label-size);white-space:nowrap;border-radius:3px;padding:2px 4px;line-height:1.2;position:absolute;transform:translate(-50%,-50%)}.admin-layout-sidebar{background:var(--color-canvas-white);border-left:1px solid var(--color-cool-gray);flex-direction:column;flex-shrink:0;width:360px;height:100%;min-height:0;display:flex}.admin-layout-sidebar-title{color:var(--color-pitch-black);padding:var(--spacing-16) var(--spacing-20);border-bottom:1px solid var(--color-cool-gray);letter-spacing:-.01em;font-size:15px;font-weight:600}.admin-layout-sidebar-content{padding:var(--spacing-20);gap:var(--spacing-20);flex-direction:column;flex:1;display:flex;overflow-y:auto}.orientation-picker-grid{gap:var(--spacing-8);grid-template-columns:repeat(3,1fr);margin-top:4px;display:grid}.orientation-picker-card{padding:var(--spacing-12) 8px;border-radius:var(--radius-lg);border:2px solid var(--color-cool-gray);background:var(--color-canvas-white);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}.orientation-picker-card:hover:not(.is-disabled){border-color:var(--color-action-azure);background:var(--color-ash-gray)}.orientation-picker-card.is-active{border-color:var(--color-cofounder-blue);color:var(--color-cofounder-blue);background:#0081c00a}.orientation-picker-card.is-disabled{opacity:.55;cursor:not-allowed;background:var(--color-ash-gray)}.orientation-icon-preview{background:0 0;border:2px solid;border-radius:3px;margin-bottom:6px;transition:transform .2s}.orientation-picker-card:hover:not(.is-disabled) .orientation-icon-preview{transform:scale(1.05)}.orientation-icon-portrait{width:18px;height:24px}.orientation-icon-landscape{width:24px;height:18px}.orientation-icon-square{width:20px;height:20px}.orientation-picker-label{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.sidebar-section-title{color:var(--color-medium-gray);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--spacing-12);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.sidebar-form-item{flex-direction:column;gap:6px;display:flex}.sidebar-form-label{color:var(--color-charcoal);font-size:13px;font-weight:600;line-height:1.4}.sidebar-input,.sidebar-select{border-radius:var(--radius-lg)!important;border-color:var(--color-steel-gray)!important;background:var(--color-ash-gray)!important;transition:all .2s!important}.sidebar-input:hover,.sidebar-select:hover{border-color:var(--color-light-gray)!important}.sidebar-input:focus,.sidebar-select-focused{border-color:var(--color-cofounder-blue)!important;background:var(--color-canvas-white)!important;box-shadow:0 0 0 2px #0081c01a!important}.sidebar-divider{background:var(--color-cool-gray);height:1px;margin:var(--spacing-8) 0}.slot-coords-grid{gap:var(--spacing-12);grid-template-columns:repeat(2,1fr);display:grid}.slot-properties-panel{background:var(--color-off-white);border:1px solid var(--color-cool-gray);border-radius:var(--radius-xl);padding:var(--spacing-16);gap:var(--spacing-12);box-shadow:var(--shadow-sm-2);flex-direction:column;display:flex}.slot-properties-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.slot-properties-title{color:var(--color-dark-charcoal);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}.property-switch-row{border-bottom:1px solid var(--color-cool-gray);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.property-switch-row:last-child{border-bottom:none}.property-switch-label{color:var(--color-charcoal);font-size:13px;font-weight:600}.admin-layout-primary-btn{background:var(--color-night-sky)!important;border-color:var(--color-night-sky)!important;color:var(--color-canvas-white)!important;border-radius:var(--radius-lg)!important;font-weight:600!important}.admin-layout-primary-btn:hover{background:var(--color-rich-black)!important;border-color:var(--color-rich-black)!important}.admin-layout-accent-btn{background:var(--color-cofounder-blue)!important;border-color:var(--color-cofounder-blue)!important;color:var(--color-canvas-white)!important;border-radius:var(--radius-lg)!important;font-weight:600!important}.admin-layout-accent-btn:hover{background:#0072aa!important;border-color:#0072aa!important}.admin-layout-ghost-btn{border-radius:var(--radius-lg)!important;border:1px solid var(--color-steel-gray)!important;color:var(--color-dark-charcoal)!important}.admin-layout-ghost-btn:hover{border-color:var(--color-action-azure)!important;color:var(--color-cofounder-blue)!important}.admin-layout-add-slot-btn{border-radius:var(--radius-lg)!important;height:38px!important;color:var(--color-cofounder-blue)!important;border-color:var(--color-action-azure)!important;font-weight:600!important}.admin-layout-add-slot-btn:hover{color:var(--color-cofounder-blue)!important;border-color:var(--color-cofounder-blue)!important;background:#0081c005!important}.slot-text-placeholder{background:#fffdf0;border:1.5px dashed #e2a13b;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;inset:0}.dark .slot-text-placeholder{background:#e2a13b0a;border-color:#e2a13b40}.slot-text-placeholder-text{color:#b45309;font-size:12px;font-weight:600}.dark .slot-text-placeholder-text{color:#f59e0b}.layout-thumbnail-wrapper{background-color:var(--color-cool-gray)!important;border:1px solid var(--color-steel-gray)!important;border-radius:var(--radius-md)!important;justify-content:center!important;align-items:center!important;width:64px!important;min-width:64px!important;max-width:64px!important;height:48px!important;display:flex!important;overflow:hidden!important}.layout-thumbnail-img{object-fit:cover!important;width:100%!important;height:100%!important}.layout-thumbnail-text{-webkit-user-select:none;user-select:none;color:var(--color-charcoal)!important;font-size:16px!important;font-weight:700!important}.dark .layout-thumbnail-wrapper{background-color:var(--color-dark-charcoal)!important;border-color:var(--color-charcoal)!important}.dark .layout-thumbnail-text{color:var(--color-cool-gray)!important}.layout-slot-preview-wrapper{background-color:var(--color-canvas-white);border:1px solid var(--color-steel-gray);border-radius:var(--radius-md);width:120px;max-width:100%;padding:4px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.dark .layout-slot-preview-wrapper{background-color:var(--color-dark-charcoal);border-color:var(--color-charcoal)}.layout-slot-preview-cell{background-color:var(--color-cool-gray);border:1px solid var(--color-steel-gray);border-radius:3px;transition:background-color .15s;position:absolute}.layout-slot-preview-cell.is-circular{border-radius:50%}.dark .layout-slot-preview-cell{background-color:var(--color-charcoal);border-color:var(--color-medium-gray)}.layout-list-name-cell{flex-direction:column;gap:2px;min-width:0;display:flex}.layout-list-name{color:var(--color-pitch-black);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.dark .layout-list-name{color:var(--color-canvas-white)}.layout-list-description{color:var(--color-medium-gray);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}
.is-editor-shell{background:var(--color-ash-gray)}.is-editor-shell main{min-height:100vh}.editor-app{background:linear-gradient(180deg, var(--color-canvas-white) 0%, var(--color-ash-gray) 100%);height:100vh;min-height:100vh;color:var(--color-dark-charcoal);grid-template-rows:72px minmax(0,1fr);display:grid;overflow:hidden}.editor-topbar{align-items:center;gap:var(--spacing-12);border-bottom:1px solid var(--color-steel-gray);background:color-mix(in srgb, var(--color-canvas-white) 94%, transparent);box-shadow:var(--shadow-sm-2);padding:var(--spacing-8) var(--spacing-12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;grid-template-columns:minmax(300px,1fr) minmax(280px,420px) minmax(420px,1fr);display:grid}.editor-topbar-left,.editor-topbar-actions{align-items:center;gap:var(--spacing-8);min-width:0;display:flex}.editor-topbar-actions{justify-content:flex-end}.editor-topbar-divider{background:var(--color-steel-gray);width:1px;height:32px}.editor-logo-lockup{cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.editor-title-stack h1{justify-content:center;align-items:center;gap:var(--spacing-8);text-overflow:ellipsis;white-space:nowrap;margin:0;display:flex;overflow:hidden}.editor-title-stack span{align-items:center;gap:var(--spacing-4);color:var(--color-medium-gray);font-size:var(--text-caption);line-height:var(--leading-caption);display:flex}.editor-title-input{color:var(--color-dark-charcoal);border:0;border-bottom:1px solid var(--color-cofounder-blue);text-align:center;background:0 0;outline:none;width:auto;max-width:300px;margin:0;padding:0;font-size:16px;font-weight:600}.editor-title-stack{justify-items:center;gap:var(--spacing-4);min-width:0;display:grid}.editor-title-stack h1{max-width:100%;color:var(--color-charcoal);font-size:17px;font-weight:700}.editor-title-stack svg,.editor-topbar svg,.editor-tool-rail svg,.editor-page-action-panel svg,.editor-floating-toolbar svg{width:18px;height:18px}.editor-title-stack span svg{flex-shrink:0;width:14px;height:14px}.editor-workbench{grid-template-rows:minmax(0,1fr) 160px;grid-template-columns:420px minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.editor-workbench.is-overview{grid-template-rows:minmax(0,1fr) 40px}.editor-left-shell{border-right:1px solid var(--color-steel-gray);background:var(--color-canvas-white);grid-row:1/3;grid-template-columns:88px minmax(0,1fr);min-width:0;height:100%;display:grid}.editor-tool-rail{align-items:stretch;gap:var(--spacing-4);border-right:1px solid var(--color-cool-gray);background:var(--color-off-white);padding:var(--spacing-12) var(--spacing-8);flex-direction:column;display:flex}.editor-tool-rail button{justify-content:center;align-items:center;gap:var(--spacing-4);border-radius:var(--radius-xl);min-height:72px;color:var(--color-slate-gray);font-size:var(--text-caption);padding:var(--spacing-8) var(--spacing-4);background:0 0;border:0;flex-direction:column;font-weight:700;line-height:1.1;display:flex}.editor-tool-rail button.is-active{background:var(--color-night-sky);color:var(--color-canvas-white);box-shadow:var(--shadow-sm)}.editor-asset-panel{gap:var(--spacing-16);min-height:0;padding:var(--spacing-16);display:grid}.editor-panel-section{justify-content:flex-start;align-items:stretch;gap:var(--spacing-8);flex-direction:column;width:100%;min-height:0;display:flex}.editor-panel-body{align-items:stretch;gap:var(--spacing-16);flex-direction:column;flex:1 1 0;min-height:0;display:flex}.editor-panel-heading{gap:var(--spacing-4);text-align:center;display:grid}.editor-panel-heading span{color:var(--color-medium-gray);font-size:15px}.editor-panel-heading h2{color:var(--color-cofounder-blue);font-family:var(--font-bricolage);margin:0;font-size:30px;line-height:1.1}.editor-upload-sources{gap:var(--spacing-12);width:100%;display:grid}.editor-upload-sources [data-slot=button]{border-color:var(--color-cofounder-blue);background:var(--color-cofounder-blue);height:44px;color:var(--color-canvas-white);justify-content:center;width:100%;transition:background-color .15s,border-color .15s}.editor-upload-sources [data-slot=button]:hover{background:color-mix(in srgb, var(--color-cofounder-blue) 85%, var(--color-pitch-black));border-color:color-mix(in srgb, var(--color-cofounder-blue) 85%, var(--color-pitch-black));color:var(--color-canvas-white)}.editor-control-label{font-size:var(--spacing-12);color:var(--color-medium-gray);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-8);font-weight:600;display:block}.editor-text-textarea{resize:vertical;border:1px solid var(--color-cool-gray);border-radius:var(--radius-md);width:100%;padding:var(--spacing-8) 10px;font-family:var(--font-sans);color:var(--color-dark-charcoal);background:var(--color-canvas-white);min-height:72px;font-size:14px;line-height:1.5;transition:border-color .15s}.editor-text-textarea:focus{border-color:var(--color-cofounder-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-cofounder-blue) 15%, transparent);outline:none}.editor-text-select{border:1px solid var(--color-cool-gray);border-radius:var(--radius-md);width:100%;color:var(--color-dark-charcoal);background:var(--color-canvas-white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding:7px 32px 7px 10px;font-size:13px;transition:border-color .15s}.editor-text-select:focus{border-color:var(--color-cofounder-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-cofounder-blue) 15%, transparent);outline:none}.editor-text-range{accent-color:var(--color-cofounder-blue);cursor:pointer;border-radius:2px;height:4px}.editor-text-range::-webkit-slider-thumb{cursor:pointer;width:14px;height:14px}.editor-text-size-badge{text-align:center;min-width:36px;color:var(--color-dark-charcoal);background:var(--color-off-white);border:1px solid var(--color-cool-gray);border-radius:var(--radius-sm);padding:2px 6px;font-size:12px;font-weight:600}.editor-text-size-preset{padding:2px var(--spacing-8);border:1px solid var(--color-cool-gray);border-radius:var(--radius-sm);background:var(--color-canvas-white);color:var(--color-slate-gray);cursor:pointer;font-size:11px;font-weight:600;transition:all .12s}.editor-text-size-preset:hover{border-color:var(--color-cofounder-blue);color:var(--color-cofounder-blue)}.editor-text-size-preset.is-active{background:var(--color-night-sky);border-color:var(--color-night-sky);color:var(--color-canvas-white)}.editor-text-color-input{border:1px solid var(--color-cool-gray);border-radius:var(--radius-md);cursor:pointer;background:var(--color-canvas-white);flex-shrink:0;width:36px;height:36px;padding:2px}.editor-text-color-hex{text-transform:uppercase;border:1px solid var(--color-cool-gray);border-radius:var(--radius-md);height:36px;color:var(--color-dark-charcoal);background:var(--color-canvas-white);flex:1;padding:0 10px;font-family:monospace;font-size:13px}.editor-text-color-hex:focus{border-color:var(--color-cofounder-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-cofounder-blue) 15%, transparent);outline:none}.editor-text-style-btn,.editor-text-align-btn{border:1px solid var(--color-cool-gray);border-radius:var(--radius-md);background:var(--color-canvas-white);width:34px;height:34px;color:var(--color-slate-gray);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.editor-text-style-btn:hover,.editor-text-align-btn:hover{border-color:var(--color-cofounder-blue);color:var(--color-cofounder-blue);background:color-mix(in srgb, var(--color-cofounder-blue) 6%, transparent)}.editor-text-style-btn.is-active,.editor-text-align-btn.is-active{background:var(--color-night-sky);border-color:var(--color-night-sky);color:var(--color-canvas-white)}.editor-text-panel .editor-control-label{font-size:11px}.editor-text-panel button,.editor-text-panel input,.editor-text-panel textarea,.editor-text-panel [role=combobox],.editor-text-panel [data-slot=input],.editor-text-panel [data-slot=button]{font-size:13px!important}.editor-text-panel [data-slot=input],.editor-text-panel [data-slot=button],.editor-text-panel [role=combobox]{height:36px!important}.editor-text-panel .editor-text-style-btn,.editor-text-panel .editor-text-align-btn{width:36px!important;height:36px!important}.editor-drop-copy{color:var(--color-slate-gray);text-align:center;font-size:17px;line-height:1.5}.editor-drop-copy strong{color:var(--color-cofounder-blue);font-family:var(--font-bricolage);font-size:26px}.editor-assets-tabs{min-height:0}.editor-photo-scroll,.editor-background-scroll{flex:1 1 0;min-height:0}.editor-background-scroll [data-slot=scroll-area-viewport]{padding-right:var(--spacing-8)}.editor-photo-grid{gap:var(--spacing-8);padding-right:var(--spacing-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.editor-photo-card{position:relative}.editor-photo-card strong,.editor-layout-card strong,.editor-page-thumb strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-caption);overflow:hidden}.editor-photo-card small,.editor-layout-card small{color:var(--color-medium-gray);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.editor-photo-card em{border-radius:var(--radius-nav);background:color-mix(in srgb, var(--color-cofounder-blue) 12%, var(--color-canvas-white));color:var(--color-cofounder-blue);padding:2px var(--spacing-8);justify-self:start;font-size:11px;font-style:normal;font-weight:700}.editor-photo-thumb{border-radius:var(--radius-md);min-height:82px;display:block}.editor-layout-grid{gap:var(--spacing-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.editor-layout-card{aspect-ratio:1;border:1px solid var(--color-cool-gray);border-radius:var(--radius-lg);background:var(--color-canvas-white);padding:var(--spacing-12);cursor:pointer;box-shadow:var(--shadow-sm-2);justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.editor-layout-card:hover{border-color:var(--color-steel-gray);box-shadow:var(--shadow-md-2)}.editor-panel-muted{color:var(--color-medium-gray);font-size:var(--text-caption);line-height:var(--leading-caption);margin:0}.editor-workspace{background-color:var(--color-ash-gray);background-image:radial-gradient(var(--color-steel-gray) 1.5px, transparent 1.5px);background-size:24px 24px;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;display:flex;position:relative;overflow:hidden;min-height:0!important}.editor-canvas-stage{justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;overflow:auto}.editor-canvas-stage.is-overview{padding:var(--spacing-32);justify-content:center;align-items:flex-start;overflow:auto}.editor-canvas-scale{transform-origin:top;flex-shrink:0;margin:auto}.editor-spread-background-layer,.editor-spread-page-surface{position:absolute}.editor-canvas-scale:not([data-spread-pages="2"]) .editor-spread-page-surface{box-shadow:0 8px 24px #00000014,0 2px 6px #0000000a}.editor-canvas-scale[data-spread-pages="2"] .editor-spread-page-surface[data-page-index="0"]{box-shadow:-6px 8px 24px #00000012,0 2px 6px #0000000a,inset -1px 0 #0000000f,inset -2px 0 #0000000a,inset -4px 0 #00000008,inset -8px 0 #00000005,inset -16px 0 #00000003}.editor-canvas-scale[data-spread-pages="2"] .editor-spread-page-surface[data-page-index="1"]{box-shadow:6px 8px 24px #00000012,0 2px 6px #0000000a,inset 1px 0 #0000000f,inset 2px 0 #0000000a,inset 4px 0 #00000008,inset 8px 0 #00000005,inset 16px 0 #00000003}.editor-spread-page-surface.is-active{outline:2px solid var(--color-cofounder-blue);outline-offset:-2px;z-index:1}.editor-canvas-scale[data-spread-type=outside]:before,.editor-canvas-scale[data-spread-type=outside]:after,.editor-canvas-scale[data-spread-type=inside]:before{top:var(--page-padding);bottom:var(--page-padding);z-index:2;content:"";pointer-events:none;position:absolute}.editor-canvas-scale[data-spread-type=outside]:before,.editor-canvas-scale[data-spread-type=outside]:after{background:#00000040;width:1px}.editor-canvas-scale[data-spread-type=outside]:before{left:calc(50% - 14px)}.editor-canvas-scale[data-spread-type=outside]:after{left:calc(50% + 12px)}.editor-canvas-scale[data-spread-type=inside]:before{background:linear-gradient(90deg,#0000 0%,#0000001a 38%,#0000004d 50%,#0000001a 62%,#0000 100%);width:81px;left:50%;transform:translate(-50%)}.editor-spread-overview-grid{gap:var(--spacing-24);grid-template-columns:repeat(auto-fit,minmax(420px,1fr));align-items:start;width:min(100%,1480px);display:grid}.editor-spread-overview-card{gap:var(--spacing-10);border-radius:var(--radius-md);padding:var(--spacing-4);color:var(--color-slate-gray);text-align:center;background:0 0;border:2px solid #0000;display:grid}.editor-spread-overview-card.is-active{border-color:var(--color-cofounder-blue);box-shadow:var(--shadow-subtle-2)}.editor-spread-overview-card strong{font-size:var(--text-caption)}.editor-spread-overview-surface{border:1px solid var(--color-cool-gray);background:var(--color-canvas-white);width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 26px #00000029}.editor-spread-overview-page{border-right:1px solid var(--color-steel-gray);height:100%;position:relative;overflow:hidden;box-shadow:inset -2px 0 4px -2px #00000047,inset -1px 0 #00000024}.editor-spread-overview-page:last-child{border-right:0;box-shadow:inset 2px 0 4px -2px #00000047,inset 1px 0 #00000024}.editor-spread-overview-page:not(:last-child):after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#00000073 8%,#000000d9 50%,#00000073 92%,#0000 100%);width:1px;position:absolute;top:0;bottom:0;right:-1px}.editor-spread-overview-page.is-locked{color:var(--color-canvas-white);padding:var(--spacing-16);text-align:center;background:#3f4040;place-items:center;font-size:11px;font-weight:800;line-height:1.35;display:grid}.editor-overview-element{background:var(--color-light-gray);color:var(--color-slate-gray);font-size:11px;font-weight:700;display:block;position:absolute;overflow:hidden}.editor-overview-element.is-text{white-space:pre-wrap;background:0 0;border:0;line-height:1.18}.editor-overview-image-crop{transform-origin:50%;display:block;position:absolute;transform:translate(-50%,-50%)}.editor-overview-image{pointer-events:none;width:100%;height:100%;display:block}.editor-spread-overview-elements-layer{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:size}.editor-floating-toolbar{gap:var(--spacing-8);z-index:8;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.editor-floating-toolbar-left{left:var(--spacing-12)}.editor-floating-toolbar-right{right:var(--spacing-12)}.editor-floating-toolbar button{border:1px solid var(--color-cool-gray);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-canvas-white) 94%, transparent);width:72px;min-height:56px;color:var(--color-slate-gray);box-shadow:var(--shadow-sm-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;gap:2px;font-size:12px;font-weight:600;display:grid}.editor-page-strip-shell{border-top:1px solid var(--color-steel-gray);background:color-mix(in srgb, var(--color-canvas-white) 98%, transparent);z-index:18;grid-area:2/2;grid-template-columns:minmax(0,1fr) 208px;height:160px;min-height:0;display:grid;overflow:hidden;box-shadow:0 -8px 22px #00000014}.editor-page-strip-shell.is-overview{grid-template-columns:minmax(0,1fr);height:40px}.editor-page-strip-shell.no-actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr);width:100%}.editor-strip-main{grid-template-rows:38px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.editor-page-strip-shell.is-overview .editor-strip-main{grid-template-rows:1fr}.editor-strip-nav{border-bottom:1px solid var(--color-steel-gray);background:var(--color-off-white);justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.editor-page-strip-shell.is-overview .editor-strip-nav{border-bottom:0}.editor-strip-spread-nav{border-left:1px solid var(--color-steel-gray);border-right:1px solid var(--color-steel-gray);grid-template-columns:minmax(132px,1fr) 148px minmax(132px,1fr);justify-self:center;align-items:center;height:100%;display:grid}.editor-strip-spread-nav>span{border-left:1px solid var(--color-steel-gray);border-right:1px solid var(--color-steel-gray);height:100%;color:var(--color-slate-gray);font-size:var(--text-caption);place-items:center;font-weight:700;display:grid}.editor-strip-spread-nav [data-slot=button]{height:100%;color:var(--color-medium-gray);border-radius:0}.editor-thumb-track{align-items:center;gap:var(--spacing-16);min-width:0;padding:var(--spacing-8) var(--spacing-24) 6px;scrollbar-color:color-mix(in srgb, var(--color-slate-gray) 34%, transparent) transparent;scrollbar-width:thin;display:flex;overflow:auto hidden}.editor-thumb-track::-webkit-scrollbar{height:6px}.editor-thumb-track::-webkit-scrollbar-track{background:0 0}.editor-thumb-track::-webkit-scrollbar-thumb{border-radius:var(--radius-nav);background:color-mix(in srgb, var(--color-slate-gray) 28%, transparent)}.editor-thumb-track::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--color-slate-gray) 42%, transparent)}.editor-page-thumb{align-content:center;align-self:center;gap:var(--spacing-2);color:var(--color-slate-gray);text-align:center;background:0 0;border:0;border-radius:0;flex-shrink:0;padding:0;display:grid}.editor-page-thumb-surface{border-radius:var(--radius-md);border:2px solid #0000;width:100%;padding:1px;transition:border-color .12s,box-shadow .12s;display:block}.editor-page-thumb-surface.is-active{border-color:var(--color-cofounder-blue);box-shadow:var(--shadow-subtle-2)}.editor-page-thumb strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-caption);font-weight:800;overflow:hidden}.editor-status-bar-miniature-shell{isolation:isolate;flex-direction:column;align-items:center;gap:4px;display:inline-flex;position:relative}.editor-status-bar-miniature-shell.is-multi-page{border-radius:var(--radius-sm);box-shadow:0 0 15px #00000030,0 0 6px #0000002e}.editor-status-bar-miniature-spread-spine{pointer-events:none;z-index:6;width:100%;position:absolute;inset:0}.editor-status-bar-miniature-spread-spine:before,.editor-status-bar-miniature-spread-spine:after{content:"";background:#0003;width:1px;position:absolute;top:0;bottom:0}.editor-status-bar-miniature-spread-spine:before{left:calc(50% - 1.5px)}.editor-status-bar-miniature-spread-spine:after{left:calc(50% + .5px)}.editor-status-bar-miniature-spread-spine.is-interior:before,.editor-status-bar-miniature-spread-spine.is-interior:after{background:0 0}.editor-status-bar-miniature-spread-spine .editor-status-bar-miniature-spread-spine-gradient{background:linear-gradient(90deg,#0000 0%,#0000001a 38%,#0000004d 50%,#0000001a 62%,#0000 100%);width:12px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.editor-status-bar-miniature-description{font-size:var(--text-caption);white-space:nowrap;color:var(--color-slate-gray);margin-top:2px;font-weight:800;line-height:1;display:block}.editor-status-bar-miniature{border:1px solid var(--color-cool-gray);background:var(--color-canvas-white);height:64px;box-shadow:var(--shadow-subtle-2);display:grid;position:relative;overflow:hidden}.editor-status-bar-miniature-face{border-right:1px solid var(--color-steel-gray);min-width:0;height:100%;display:block;position:relative;overflow:hidden}.editor-status-bar-miniature-face:last-child{border-right:0}.editor-status-bar-miniature-face.is-locked{color:var(--color-canvas-white);font-feature-settings:"kern" 1, "calt" 1;background:#3f4040;padding:4px 6px;display:flex}.editor-status-bar-miniature-locked{text-align:center;width:100%;height:100%;display:block;position:relative}.editor-status-bar-miniature-locked-top{text-transform:uppercase;letter-spacing:.01em;white-space:normal;width:92%;font-weight:700;line-height:1.1;position:absolute;top:40%;left:45%;transform:translate(-50%,-50%)}.editor-status-bar-miniature-locked-bottom{opacity:.92;letter-spacing:0;white-space:normal;width:92%;font-weight:400;line-height:1.1;position:absolute;top:50.6%;left:50%;transform:translate(-50%,-50%)}.editor-status-bar-miniature-page-bg{pointer-events:none;position:absolute;inset:0}.editor-status-bar-miniature-element{transform-origin:50%;display:block;position:absolute;overflow:hidden}.editor-status-bar-miniature-element.is-text{display:block;overflow:visible}.editor-status-bar-miniature-element.is-text .editor-status-bar-miniature-element-inner{overflow:visible}.editor-status-bar-miniature-element.is-image,.editor-status-bar-miniature-element.is-photoFrame{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover}.editor-status-bar-miniature-element.is-sticker{background-color:#0000}.editor-status-bar-miniature-element.is-shape{background-color:var(--color-light-gray,#b4b8b4)}.editor-status-bar-miniature-element-inner{display:block;position:absolute;inset:0}.editor-status-bar-miniature-element-img{pointer-events:none;width:100%;height:100%;display:block}.editor-status-bar-miniature-image-crop{transform-origin:50%;display:block;position:absolute;transform:translate(-50%,-50%)}.editor-status-bar-miniature-text{white-space:normal;width:100%;padding:0;line-height:1.18;display:block;overflow:visible}.editor-status-bar-miniature-text-line{white-space:pre;word-break:normal;overflow-wrap:normal;width:100%;display:block}.editor-status-bar-element-label{color:var(--color-medium-gray,#6b7280);text-align:center;word-break:break-word;pointer-events:none;font-feature-settings:"kern" 1, "calt" 1;place-items:center;padding:2px;font-size:8px;line-height:1.1;display:grid;position:absolute;inset:0}.editor-status-bar-element-badge{opacity:.82;width:16px;height:16px;color:var(--color-canvas-white);pointer-events:none;background:#6b7280;border-radius:2px;place-items:center;line-height:0;display:grid;position:absolute;top:0;left:0}.editor-status-bar-element-badge svg{display:block}.editor-status-bar-miniature-cross-layer{pointer-events:none;position:absolute;inset:0}.editor-status-bar-miniature-cross-element{position:absolute}.editor-page-action-panel{border-left:1px solid var(--color-steel-gray);background:color-mix(in srgb, var(--color-canvas-white) 96%, transparent);min-height:0;padding:var(--spacing-8);flex-direction:column;justify-content:space-between;display:flex}.editor-zoom-row{border:1px solid var(--color-cool-gray);border-radius:var(--radius-md);background:var(--color-canvas-white);color:var(--color-slate-gray);grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;height:28px;display:grid}.editor-zoom-row button{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;padding:0!important;display:flex!important}.editor-zoom-row svg{width:14px!important;height:14px!important}.editor-zoom-row strong{font-size:var(--text-caption);justify-self:center;font-weight:600}.editor-page-action-panel [data-slot=button]{height:28px;padding:0 var(--spacing-8);justify-content:flex-start;font-size:11px}.editor-strip-status{color:var(--color-medium-gray);justify-content:center;font-size:10px;display:inline-flex}.editor-preview-carousel{background:var(--color-off-white);flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.editor-preview-stage{width:100%;min-height:0;padding:var(--spacing-16) var(--spacing-24);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.editor-preview-stage [data-slot=carousel-content]{width:100%;height:100%;min-height:0}.editor-preview-content{height:100%;min-height:0}.editor-preview-item{justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.editor-preview-carousel .editor-page-strip-shell{flex-shrink:0;grid-area:auto/1/auto/-1;width:100%}.editor-preview-spread{justify-content:center;align-items:center;gap:0;height:100%;min-height:0;display:grid;position:relative}.editor-preview-spread.is-spread{grid-template-columns:repeat(2,minmax(0,520px));column-gap:18px}.editor-preview-spread.is-spread .editor-preview-page-surface{position:relative}.editor-preview-spread.is-spread .editor-preview-page-surface:first-child .editor-preview-paper{border-right:0;box-shadow:inset -3px 0 6px -2px #00000052,inset -1px 0 #0000002e}.editor-preview-spread.is-spread .editor-preview-page-surface:first-child:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#0000002e 18%,#050505 50%,#0000002e 82%,#0000 100%);width:2px;position:absolute;top:0;bottom:0;right:-10px}.editor-preview-spread.is-spread .editor-preview-page-surface:last-child .editor-preview-paper{border-left:0;box-shadow:inset 3px 0 6px -2px #00000052,inset 1px 0 #0000002e}.editor-preview-spread.is-spread .editor-preview-page-surface:last-child:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#0000002e 18%,#050505 50%,#0000002e 82%,#0000 100%);width:2px;position:absolute;top:0;bottom:0;left:-10px}.editor-preview-spread-overlay{pointer-events:none;position:absolute;inset:0}.editor-preview-overlay-element{border:1px solid color-mix(in srgb, var(--color-light-gray) 72%, transparent);background:var(--color-light-gray);border-radius:2px;display:block;position:absolute;overflow:hidden}.editor-preview-overlay-element.is-image,.editor-preview-overlay-element.is-photoFrame,.editor-preview-overlay-element.is-sticker{background-position:50%;background-size:cover}.editor-preview-spread.is-single{grid-template-columns:minmax(0,520px)}.editor-preview-page-surface{justify-items:center;gap:var(--spacing-8);grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;min-height:0;display:grid}.editor-preview-paper{aspect-ratio:4/5;border:1px solid var(--color-steel-gray);background:var(--color-canvas-white);align-self:end;width:100%;max-height:100%;position:relative;overflow:hidden}.editor-preview-paper.is-locked{place-content:center;gap:var(--spacing-8);color:var(--color-canvas-white);padding:var(--spacing-24);text-align:center;background:#3f4040;display:grid}.editor-preview-paper.is-locked>strong{color:var(--color-canvas-white);font-size:20px;line-height:1.25}.editor-preview-paper.is-locked>span{color:var(--color-canvas-white);font-size:var(--text-caption);line-height:var(--leading-caption);opacity:.92}.editor-preview-page-surface strong{color:var(--color-slate-gray);font-size:var(--text-caption);line-height:var(--leading-caption)}.editor-preview-element{min-width:var(--spacing-16);min-height:var(--spacing-16);border:1px solid color-mix(in srgb, var(--color-light-gray) 72%, transparent);place-items:center;display:grid;position:absolute;overflow:hidden}.editor-preview-element.is-text{padding:var(--spacing-4);border-color:#0000}.editor-preview-element.is-text span{max-width:100%;color:var(--color-dark-charcoal);font-size:var(--text-button-label);font-weight:var(--font-weight-semibold);letter-spacing:0;text-align:center;text-overflow:ellipsis;line-height:1.18;overflow:hidden}.editor-preview-element.is-empty,.editor-preview-element.is-missing{border-style:dashed;border-color:color-mix(in srgb, var(--color-danger) 52%, var(--color-steel-gray));background:color-mix(in srgb, var(--color-danger) 8%, var(--color-canvas-white))!important}.editor-preview-placeholder{align-items:center;gap:var(--spacing-4);color:var(--color-danger);font-size:var(--text-caption);font-weight:var(--font-weight-bold);line-height:1;display:inline-flex}.editor-preview-placeholder svg,.editor-preview-arrow svg{width:22px;height:22px}.editor-preview-carousel [data-slot=carousel-previous],.editor-preview-carousel [data-slot=carousel-next]{z-index:6;position:absolute;top:42%;transform:translateY(-50%);border-radius:var(--radius-md)!important;width:48px!important;height:48px!important}.editor-preview-carousel [data-slot=carousel-previous]{left:var(--spacing-24)!important}.editor-preview-carousel [data-slot=carousel-next]{right:var(--spacing-24)!important}.editor-preview-carousel [data-slot=carousel-previous] svg,.editor-preview-carousel [data-slot=carousel-next] svg{width:22px!important;height:22px!important}.editor-preview-strip{border-top:1px solid var(--color-steel-gray);background:color-mix(in srgb, var(--color-canvas-white) 96%, transparent);grid-template-rows:38px minmax(0,1fr);min-height:0;display:grid;box-shadow:0 -6px 20px #00000014}.editor-preview-nav{min-width:min(100%, calc(var(--spacing-80) * 7));border-left:1px solid var(--color-steel-gray);border-right:1px solid var(--color-steel-gray);grid-template-columns:minmax(132px,1fr) minmax(132px,180px) minmax(132px,1fr);justify-self:center;display:grid}.editor-preview-nav>span{border-left:1px solid var(--color-steel-gray);border-right:1px solid var(--color-steel-gray);color:var(--color-slate-gray);font-size:var(--text-caption);font-weight:var(--font-weight-bold);place-items:center;display:grid}.editor-preview-nav [data-slot=button]{height:100%;color:var(--color-medium-gray);border-radius:0}.editor-preview-thumb-track{gap:var(--spacing-20);min-width:0;padding:var(--spacing-8) var(--spacing-24);display:flex;overflow:auto hidden}.editor-preview-thumb{gap:var(--spacing-4);border-radius:var(--radius-md);color:var(--color-slate-gray);text-align:center;background:0 0;border:3px solid #0000;flex-shrink:0;padding:2px;display:grid}.editor-preview-thumb.is-active{border-color:var(--color-cofounder-blue);box-shadow:var(--shadow-subtle-2)}.editor-preview-thumb>span{border:1px solid var(--color-cool-gray);background:var(--color-canvas-white);height:62px;box-shadow:var(--shadow-sm-2);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.editor-preview-thumb-face{border-right:1px solid var(--color-steel-gray);min-width:0;display:block;position:relative}.editor-preview-thumb-face:last-child{border-right:0}.editor-preview-thumb-face.is-locked{background:#3f4040}.editor-preview-thumb-face.is-locked:after{inset:50% var(--spacing-12) auto;background:var(--color-canvas-white);content:"";opacity:.82;height:3px;position:absolute}.editor-preview-thumb i{background:var(--color-light-gray);display:block;position:absolute}.editor-preview-thumb i.is-text{background:var(--color-slate-gray);height:6px!important}.editor-preview-thumb strong{color:var(--color-slate-gray);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-caption);font-weight:var(--font-weight-bold);overflow:hidden}.editor-loading-screen{background-color:var(--color-canvas-white);justify-content:center;align-items:center;gap:var(--spacing-16);flex-direction:column;width:100vw;min-height:100vh;display:flex}.editor-loading-spinner{width:32px;height:32px;color:var(--color-cofounder-blue)}.editor-loading-text{font-size:var(--text-subheading);font-weight:var(--font-weight-medium);color:var(--color-dark-charcoal);font-family:var(--font-sans)}@media (max-width:1180px){.editor-app{grid-template-rows:64px minmax(0,1fr)}.editor-topbar{grid-template-columns:1fr auto}.editor-title-stack,.editor-topbar-actions [data-size=default]{display:none}.editor-workbench{grid-template-rows:minmax(0,1fr) 160px;grid-template-columns:380px minmax(360px,1fr)}.editor-workbench.is-overview{grid-template-rows:minmax(0,1fr) 40px}.editor-left-shell{grid-template-columns:82px minmax(0,1fr)}.editor-floating-toolbar-right{display:none}.editor-page-strip-shell{grid-template-columns:minmax(0,1fr) 196px;height:160px}.editor-page-strip-shell.is-overview{grid-template-columns:minmax(0,1fr);height:40px}.editor-preview-stage{padding-inline:var(--spacing-64)}.editor-preview-spread{width:min(100%,860px)}.editor-strip-nav{grid-template-columns:220px minmax(0,1fr)}.editor-strip-view-toggle [data-slot=toggle-group-item]{min-width:108px}.editor-strip-spread-nav{grid-template-columns:112px 112px 112px}.editor-page-thumb-surface{flex-basis:160px;width:160px}}@media (max-width:820px){.editor-app{grid-template-rows:auto minmax(0,1fr)}.editor-topbar{grid-template-columns:1fr}.editor-topbar-actions{justify-content:start;overflow-x:auto}.editor-workbench{grid-template-rows:minmax(0,1fr) 200px;grid-template-columns:minmax(0,1fr)}.editor-workbench.is-overview{grid-template-rows:minmax(0,1fr) 40px}.editor-left-shell,.editor-floating-toolbar{display:none}.editor-canvas-scroll{padding:var(--spacing-16)}.editor-page-strip-shell{grid-column:1;grid-template-columns:1fr;height:200px;overflow:hidden}.editor-page-strip-shell.is-overview{height:40px}.editor-strip-main{grid-template-rows:auto minmax(0,1fr)}.editor-strip-nav{grid-template-columns:1fr}.editor-strip-view-toggle{border-left:0;border-right:0}.editor-strip-spread-nav{display:none}.editor-page-strip-shell.is-overview .editor-strip-spread-nav{display:grid}.editor-page-action-panel{display:none}.editor-preview-carousel{grid-template-rows:minmax(0,1fr) 150px}.editor-preview-stage{padding:var(--spacing-24)}.editor-preview-carousel [data-slot=carousel-previous],.editor-preview-carousel [data-slot=carousel-next]{top:38%!important}.editor-preview-spread.is-spread,.editor-preview-spread.is-single{grid-template-columns:minmax(0,360px)}.editor-preview-spread.is-spread .editor-preview-page-surface:last-child,.editor-preview-nav{display:none}.editor-preview-strip{grid-template-rows:minmax(0,1fr)}}.editor-photo-item{border-radius:var(--radius-lg);aspect-ratio:1;cursor:pointer;position:relative;overflow:hidden}.editor-photo-item .editor-photo-card{border:1px solid var(--color-cool-gray);border-radius:var(--radius-lg);background:var(--color-off-white);width:100%;height:100%;box-shadow:var(--shadow-sm-2);padding:0;display:block;position:relative;overflow:hidden}.editor-photo-item .editor-photo-thumb{border-radius:calc(var(--radius-lg) - 1px);width:100%;height:100%;display:block}.editor-photo-processing{border-radius:calc(var(--radius-lg) - 1px);pointer-events:none;z-index:2;background:#ffffffb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:1px}.editor-photo-processing-spinner{border:2px solid #27332f33;border-top-color:var(--color-action-azure);border-radius:var(--radius-full);width:22px;height:22px;animation:.7s linear infinite editor-spin}.editor-photo-item .editor-photo-card em{border-radius:var(--radius-nav);background:color-mix(in srgb, var(--color-cofounder-blue) 85%, #0000004d);color:var(--color-canvas-white);padding:2px 6px;font-size:10px;font-style:normal;font-weight:700;position:absolute;bottom:4px;left:4px}.editor-photo-overlay{border-radius:var(--radius-lg);opacity:0;pointer-events:none;z-index:4;justify-content:space-between;align-items:flex-start;padding:6px;transition:opacity .15s;display:flex;position:absolute;inset:0}.editor-photo-item:hover .editor-photo-overlay{opacity:1}.editor-photo-item:has(.editor-photo-checkbox input:checked) .editor-photo-overlay{opacity:1}.editor-photo-checkbox,.editor-photo-menu-btn{pointer-events:auto}.editor-photo-checkbox{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.editor-photo-checkbox input{opacity:0;width:0;height:0;position:absolute}.editor-photo-checkbox-indicator{border:2px solid var(--color-canvas-white);border-radius:var(--radius-buttons);background:#00000059;justify-content:center;align-items:center;width:18px;height:18px;transition:background .12s,border-color .12s;display:flex;box-shadow:0 1px 3px #00000040}.editor-photo-checkbox input:checked+.editor-photo-checkbox-indicator{background:var(--color-cofounder-blue);border-color:var(--color-cofounder-blue)}.editor-photo-checkbox input:checked+.editor-photo-checkbox-indicator:after{content:"";border:2px solid var(--color-canvas-white);border-top:0;border-left:0;width:5px;height:9px;display:block;transform:rotate(45deg)translate(-1px,-1px)}.editor-photo-menu-btn{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--color-canvas-white);cursor:pointer;background:#00000059;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .12s;display:flex;box-shadow:0 1px 3px #00000040}.editor-photo-menu-btn:hover{background:#0009}.editor-photo-dropdown{z-index:50;min-width:140px!important}.editor-photo-dropdown [role=menuitem]{align-items:center;gap:var(--spacing-8);cursor:pointer;display:flex}.editor-photo-dropdown [role=menuitem] svg{width:14px;height:14px;color:var(--color-slate-gray);flex-shrink:0}.editor-upload-spinner{border:2px solid var(--color-cool-gray);border-top-color:var(--color-action-azure);border-radius:var(--radius-full);width:14px;height:14px;animation:.6s linear infinite editor-spin;display:inline-block}@keyframes editor-spin{to{transform:rotate(360deg)}}.editor-color-circle{cursor:pointer;background:0 0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.editor-color-circle.is-active{box-shadow:0 0 0 2px var(--color-action-azure), 0 0 0 4px color-mix(in srgb, var(--color-action-azure) 20%, transparent)}.editor-color-transparent{background-color:var(--color-canvas-white)}.editor-color-transparent:before{content:"";opacity:.4;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;position:absolute;inset:0}.editor-color-transparent:after{content:"";background-color:var(--color-danger);width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)rotate(45deg)}.editor-color-rainbow-picker{background:conic-gradient(from 180deg,red,#ff8000,#ff0,#0f0,#0ff,#00f,#8000ff,#f0f,red)}.editor-color-tooltip{opacity:0;background:#000000a6;justify-content:center;align-items:center;padding:2px;transition:opacity .15s;display:flex;position:absolute;inset:0}.editor-color-circle:hover .editor-color-tooltip{opacity:1}.editor-color-tooltip span{color:var(--color-canvas-white);text-align:center;word-break:break-all;font-size:8px;font-weight:600;line-height:1.15}.image-toolbar{width:max-content;max-width:calc(100vw - var(--spacing-24));justify-content:center;align-items:center;gap:var(--spacing-2);height:fit-content;padding:var(--spacing-2) var(--spacing-3);background:color-mix(in srgb, var(--color-canvas-white) 98%, transparent);border:1px solid var(--color-cool-gray);border-radius:var(--radius-xl);box-shadow:var(--shadow-subtle-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;flex-wrap:wrap;display:flex;position:absolute}.image-toolbar-section{align-items:center;gap:var(--spacing-1);display:flex}.image-toolbar-divider{display:none}.image-toolbar-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-slate-gray);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;transition:all .12s;display:flex}.image-toolbar-btn:hover:not(:disabled):not(.is-danger){color:var(--color-cofounder-blue);background:0 0;border-color:#0000}.image-toolbar-btn.is-active,.image-toolbar-btn.is-active:hover:not(:disabled){background:var(--color-night-sky);border-color:var(--color-night-sky);color:var(--color-canvas-white)}.image-toolbar-btn.is-danger:hover:not(:disabled){color:var(--color-danger);background:0 0;border-color:#0000}.image-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.image-toolbar-btn:disabled:hover{color:var(--color-slate-gray);background:0 0;border-color:#0000}.image-toolbar-label{color:var(--color-medium-gray);white-space:nowrap;margin-right:var(--spacing-2);font-size:11px;font-weight:600}.image-toolbar-scale{gap:var(--spacing-1)}.image-toolbar-popover{width:240px;padding:var(--spacing-8)}.image-toolbar-layer-menu{min-width:200px}.image-toolbar-opacity-panel{align-items:stretch;gap:var(--spacing-3);flex-direction:column;display:flex}.image-toolbar-opacity-label{color:var(--color-dark-charcoal);font-size:12px;font-weight:600}.image-toolbar-opacity-row{align-items:center;gap:var(--spacing-3);display:flex}.image-toolbar-slider{flex:1;height:20px}.image-toolbar-slider [data-slot=slider-track]{height:3px}.image-toolbar-slider [data-slot=slider-thumb]{width:12px;height:12px}.image-toolbar-opacity-value{color:var(--color-dark-charcoal);text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-size:12px;font-weight:700}.image-toolbar-layer-menu [role=menuitem]{align-items:center;gap:var(--spacing-8);font-size:13px;display:flex}@media (max-width:1024px){.image-toolbar{bottom:auto}.image-toolbar-label{display:none}}@media (max-width:768px){.image-toolbar,.image-toolbar[style]{right:auto}}.editor-media-access-alert{color:var(--destructive-foreground,#7f1d1d);background:color-mix(in srgb, var(--destructive,#dc2626) 10%, white);border-bottom:1px solid color-mix(in srgb, var(--destructive,#dc2626) 30%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}
.create-project-page{padding-block:var(--spacing-64) var(--spacing-80);justify-content:center;display:flex}.create-project-shell{width:100%;max-width:calc(var(--spacing-80) * 10 + var(--spacing-40));justify-items:center;gap:var(--spacing-40);display:grid}.create-project-header{justify-items:center;gap:var(--spacing-12);text-align:center;max-width:calc(var(--spacing-80) * 7);display:grid}.create-project-header h1{font-family:var(--font-bricolage);font-size:var(--text-heading-lg);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-heading-lg);line-height:var(--leading-heading-lg);color:var(--color-pitch-black)}.create-project-header p{color:var(--color-medium-gray);font-size:var(--text-subheading);letter-spacing:var(--tracking-subheading);max-width:calc(var(--spacing-80) * 8);white-space:nowrap;line-height:1.5}@media (max-width:720px){.create-project-header p{white-space:normal}}.create-project-error{border:1px solid color-mix(in srgb, var(--color-danger) 32%, var(--color-steel-gray));border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-danger) 6%, var(--color-canvas-white));width:100%;padding:var(--spacing-12) var(--spacing-16);color:var(--color-danger);font-size:var(--text-caption);line-height:var(--leading-caption)}.create-project-form{justify-items:center;gap:var(--spacing-32);width:100%;display:grid}.create-project-orientations{gap:var(--spacing-20);width:100%;max-width:calc(var(--spacing-80) * 8 + var(--spacing-40));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.create-project-orientation{gap:var(--spacing-20);border:1px solid var(--color-cool-gray);border-radius:var(--radius-2xl);background:var(--color-canvas-white);padding:var(--spacing-24);color:var(--color-dark-charcoal);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm-2);grid-template-rows:1fr auto;align-items:stretch;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;display:grid;position:relative}.create-project-orientation:hover{border-color:var(--color-steel-gray);background:var(--color-ash-gray);transform:translateY(-2px)}.create-project-orientation.is-selected{border-color:var(--color-night-sky);background:var(--color-off-white);box-shadow:var(--shadow-sm)}.create-project-orientation:focus-visible{outline:2px solid color-mix(in srgb, var(--ring) 72%, transparent);outline-offset:3px}.create-project-orientation-preview{min-height:calc(var(--spacing-80) * 3 + var(--spacing-48));padding-block:var(--spacing-24);place-items:center;display:grid}.create-project-book-svg{width:100%;max-width:calc(var(--spacing-80) * 2 + var(--spacing-48));max-height:calc(var(--spacing-80) * 3 + var(--spacing-8));height:100%;margin-inline:auto}.create-project-orientation-meta{justify-content:space-between;align-items:baseline;gap:var(--spacing-12);border-block-start:1px solid var(--color-cool-gray);padding-block-start:var(--spacing-12);display:flex}.create-project-orientation-label{font-family:var(--font-manrope);font-size:var(--text-subheading);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-subheading);line-height:var(--leading-subheading);color:var(--color-dark-charcoal)}.create-project-orientation-dimensions{color:var(--color-medium-gray);font-size:var(--text-caption);font-variant-numeric:tabular-nums;line-height:var(--leading-caption);letter-spacing:var(--tracking-caption);text-align:end}.create-project-orientation-indicator{width:var(--spacing-24);height:var(--spacing-24);border-radius:var(--radius-full);border:1px solid var(--color-cool-gray);background:var(--color-canvas-white);color:var(--color-canvas-white);place-items:center;transition:background-color .2s,border-color .2s;display:grid;position:absolute;inset-block-start:var(--spacing-16);inset-inline-end:var(--spacing-16)}.create-project-orientation-indicator svg{width:var(--spacing-12);height:var(--spacing-12)}.create-project-orientation.is-selected .create-project-orientation-indicator{background:var(--color-night-sky);border-color:var(--color-night-sky)}.create-project-meta{justify-items:center;gap:var(--spacing-4);text-align:center;display:grid}.create-project-meta-label{color:var(--color-medium-gray);font-size:var(--text-caption);letter-spacing:var(--tracking-caption);text-transform:uppercase}.create-project-meta-value{color:var(--color-dark-charcoal);font-family:var(--font-manrope);font-size:var(--text-subheading);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-subheading);line-height:var(--leading-subheading)}.create-project-cta{justify-items:center;gap:var(--spacing-12);width:100%;display:grid}.create-project-submit{min-height:calc(var(--spacing-80) / 2 + var(--spacing-16));border-radius:var(--radius-lg);height:48px;padding-inline:var(--spacing-16);font-size:var(--text-button-label);letter-spacing:var(--tracking-button-label)}.create-project-hint{max-width:calc(var(--spacing-80) * 5);text-align:center;color:var(--color-medium-gray);font-size:var(--text-caption);line-height:var(--leading-caption);letter-spacing:var(--tracking-caption)}@media (max-width:720px){.create-project-page{padding-block:var(--spacing-40) var(--spacing-64)}.create-project-shell{gap:var(--spacing-32)}.create-project-header h1{font-size:var(--text-heading);letter-spacing:var(--tracking-heading)}.create-project-orientations{max-width:calc(var(--spacing-80) * 5);grid-template-columns:1fr}.create-project-orientation{padding:var(--spacing-16)}.create-project-orientation-preview{min-height:calc(var(--spacing-80) * 2)}}