:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#222;background:#e9e9ed;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:340px}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #d4d4d9;border-radius:8px;padding:9px 12px;color:#444;background:#fff;font-size:12px;transition:background .15s}button:hover{background:#f2f0ff}button:disabled{cursor:default;opacity:.45}button.primary{background:#5757ec;color:#fff;border-color:#5757ec;font-weight:600}button.danger{color:#b44450}button:focus-visible,a:focus-visible{outline:2px solid #5757ff;outline-offset:3px}.editor-toolbar{position:sticky;top:0;z-index:5;min-height:66px;display:flex;align-items:center;gap:18px;padding:12px 22px;background:#f7f7f9ed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #d2d2da}.editor-brand{color:#292932;font-weight:700;text-decoration:none;white-space:nowrap;font-size:15px}.editor-environment{color:#888;font-size:11px}.toolbar-actions{display:flex;gap:8px;margin-left:auto}.toolbar-actions button{white-space:nowrap}.editor-status{position:sticky;top:66px;z-index:4;margin:0;min-height:38px;padding:10px 22px;background:#eeedf8;color:#656179;font-size:12px;border-bottom:1px solid #dfdde8}.editor-status.error{color:#a42f3a;background:#fff0f1}.editor-layout{display:grid;grid-template-columns:170px minmax(340px,.95fr) minmax(350px,1.05fr);align-items:start}.editor-nav{height:calc(100dvh - 104px);overflow:auto;padding:20px 12px;background:#efeff3;border-right:1px solid #d7d7df}.editor-nav button{width:100%;text-align:left;background:transparent;border-color:transparent;padding:10px;line-height:1.4}.editor-nav button.selected{color:#4942b4;background:#dedbf5;font-weight:600}.editor-nav h2{margin:22px 10px 8px;color:#8b8b95;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.editor-nav>h2:first-child{margin-top:0}.editor-nav p{margin:26px 10px;font-size:11px;color:#90909a;line-height:1.6}.editor-form{height:calc(100dvh - 104px);overflow:auto;padding:30px 24px 80px;background:#fff;border-right:1px solid #d9d9e2}.editor-form h1{margin:0 0 8px;font-size:29px;line-height:1.2;letter-spacing:-.045em;overflow-wrap:anywhere}.editor-form h2{margin:28px 0 14px;font-size:19px;letter-spacing:-.035em}.eyebrow{margin:0 0 10px;color:#a2a0af;font-size:10px;letter-spacing:.13em}.muted{color:#85838d;font-size:12px;line-height:1.65;margin:0 0 24px}.editor-field{display:grid;gap:7px;margin:14px 0;color:#777580;font-size:11px;line-height:1.4}.rich-text-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}.rich-text-tools button{padding:6px 9px;color:#5148ad;font-size:10px}.rich-text-tools span{flex:1 1 220px;color:#94919d;font-size:10px;line-height:1.45}input,textarea,select{min-width:0;width:100%;padding:10px 11px;border:1px solid #dcdce3;border-radius:7px;background:#fff;color:#31313a;font-size:13px;line-height:1.5}textarea{resize:vertical;min-height:86px}input:focus,textarea:focus,select:focus{outline:2px solid #d4cefa;border-color:#8880d5}.edit-card{position:relative;margin-top:18px;padding:16px;border:1px solid #e1e0e7;background:#fafafd;border-radius:12px}.edit-card h2,.edit-card h3{margin:0 0 12px;padding-right:115px;font-size:13px;font-weight:600;line-height:1.6}.item-actions{display:flex;gap:5px;justify-content:flex-end}.edit-card>.item-actions{position:absolute;top:12px;right:12px}.item-actions button{padding:5px 8px;font-size:10px}.media-editor{min-width:0;margin-top:15px;padding-top:10px;border-top:1px solid #e8e7ef}.editor-thumbnail{margin:0;max-width:100%}.editor-thumbnail img,.editor-thumbnail video{width:100%;height:135px;object-fit:contain;background:#ededf2}.editor-thumbnail figcaption,.cover-thumbnail figcaption{display:none}.cover-thumbnail{margin:0}.cover-thumbnail img{max-height:180px;object-fit:contain}.project-avatar-thumbnail{width:104px;margin:0 0 14px}.project-avatar-thumbnail img{width:104px;height:104px;border-radius:50%;object-fit:cover}.project-avatar-thumbnail figcaption{display:none}.media-fields .editor-field{margin:10px 0}.video-settings{margin:16px 0;padding:12px;border:1px solid #dedbe9;border-radius:8px}.video-settings legend{font-size:11px;color:#777580;padding:0 4px}.video-toggle{display:flex;align-items:center;gap:9px;margin:10px 0;color:#444;font-size:12px;cursor:pointer}.video-toggle input{width:16px;height:16px;padding:0;accent-color:#5757ec}.video-settings .muted{margin:12px 0 0;font-size:11px}.video-poster-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.video-poster-actions button{flex:1 1 170px}.add-media{width:100%;margin-top:10px;padding:14px;border-style:dashed;color:#6159aa;background:#f7f6ff}.block-toolbar{display:flex;flex-wrap:wrap;gap:7px}.block-toolbar button{font-size:11px}.layout-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:9px}.layout-fields select{font-size:11px;padding:8px}.legacy-fields{margin:22px 0;padding:14px;border:1px solid #e4e3ea;border-radius:9px}.legacy-fields summary{cursor:pointer;font-size:12px;color:#767382}.empty-note{padding:28px 18px;border:1px dashed #d4d0e6;border-radius:10px;color:#9993aa;font-size:12px;line-height:1.7;text-align:center}.book-unfold{display:grid;gap:22px}.book-unfold--editor{margin-top:24px}.branding-grid{display:grid;gap:12px}.branding-card{margin-top:0}.branding-card>.muted{margin-bottom:14px}.browser-tab-preview{display:flex;align-items:center;gap:8px;min-width:0;margin:0 0 16px;padding:10px 12px;border:1px solid #d9d8df;border-radius:9px 9px 4px 4px;background:#ececf1;color:#4d4c55;font-size:11px}.browser-tab-preview img{flex:0 0 18px;width:18px;height:18px;border-radius:4px;object-fit:contain}.browser-tab-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favicon-editor{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.favicon-meta{display:flex;align-items:center;gap:9px;min-width:0}.favicon-meta img{flex:0 0 42px;width:42px;height:42px;padding:5px;border:1px solid #dedde5;border-radius:9px;background:#fff;object-fit:contain}.favicon-meta code{overflow:hidden;max-width:140px;color:#898690;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.favicon-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.favicon-actions button{padding:7px 9px;font-size:10px}.book-spread{min-width:0}.book-spread h2{margin:0 0 9px;color:#777580;font-size:11px;font-weight:600;letter-spacing:.02em}.book-spread-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:5px;padding:7px;border:1px solid #dedde5;border-radius:12px;background:#e9e9ee;box-shadow:0 8px 20px #32304412}.book-spread-pages.is-single{grid-template-columns:minmax(0,1fr);width:calc(50% - 2.5px)}.book-page-card{min-width:0;overflow:hidden;border:1px solid #d5d4dc;border-radius:7px;background:#fff}.book-page-card>img{display:block;width:100%;aspect-ratio:768 / 1056;object-fit:contain;background:#f4f4f6}.book-page-meta{display:grid;gap:3px;padding:9px 10px;border-top:1px solid #e3e2e8}.book-page-meta strong{font-size:11px;line-height:1.35}.book-page-meta span{overflow:hidden;color:#9997a1;font:9px/1.3 monospace;text-overflow:ellipsis;white-space:nowrap}.book-page-actions{display:flex;flex-wrap:wrap;gap:5px;padding:0 10px 10px}.book-page-actions button{flex:1 1 auto;padding:6px 8px;font-size:9px}.book-preview-body .book-unfold{gap:18px}.book-preview-body .book-spread h2{margin-bottom:6px;font-size:10px}.book-preview-body .book-spread-pages{gap:3px;padding:4px;border-radius:8px}.book-preview-body .book-page-card{border-radius:4px}.book-preview-body .book-page-meta{padding:6px}.book-preview-body .book-page-meta strong{font-size:9px}.book-preview-body .book-page-meta span{display:none}.editor-preview{min-width:0;height:calc(100dvh - 104px);padding:16px 20px 28px}.preview-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px;color:#85818f;font-size:11px}.preview-toolbar select{width:110px;padding:5px 8px;font-size:11px}.preview-window{display:flex;flex-direction:column;width:100%;max-width:900px;height:calc(100% - 52px);margin:0 auto;border:1px solid #c9c9ce;border-radius:15px;background:#fff;box-shadow:0 20px 40px #26243c1a,0 3px 8px #0001;overflow:hidden}.preview-window.is-mobile{max-width:358px}.preview-window.is-mobile .preview-scroll{padding:24px 20px}.preview-window.is-mobile #preview-title{font-size:28px}.preview-titlebar{position:relative;display:flex;align-items:center;gap:7px;height:50px;flex-shrink:0;padding:0 16px;background:#efefef;border-bottom:1px solid #d3d3d3}.traffic{flex:0 0 13px;width:13px;height:13px;border:1px solid #0002;border-radius:50%;background:#ff5f57}.traffic.fake{background:#c7c7c7;pointer-events:none}.preview-titlebar>.traffic.fake:first-of-type{margin-left:auto}.preview-titlebar strong{position:absolute;left:100px;right:100px;font-size:12px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.preview-scroll{container-type:inline-size;flex:1;min-height:0;padding:clamp(20px,3vw,40px);overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain}#preview-title{margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(28px,4vw,40px);line-height:1.08;letter-spacing:-.06em;font-weight:600;overflow-wrap:anywhere}#preview-subtitle{margin:12px 0 30px;font-size:16px;line-height:1.45;color:#555;letter-spacing:-.035em;white-space:pre-wrap;overflow-wrap:anywhere}.login-panel{max-width:440px;margin:80px auto;padding:34px;border:1px solid #d0cdda;border-radius:16px;background:#fff;box-shadow:0 15px 40px #0001}.login-panel h1{margin-top:0;font-size:25px;letter-spacing:-.04em}.login-panel p{color:#888;font-size:13px;line-height:1.6}.login-panel label{display:grid;gap:8px;margin:24px 0;font-size:12px}.login-panel button{width:100%}@media(max-width:1050px){.editor-layout{grid-template-columns:145px minmax(0,1fr)}.editor-nav{grid-row:1 / 3;height:calc(100dvh - 104px);position:sticky;top:104px}.editor-form{height:62dvh}.editor-preview{grid-column:2;height:680px}.editor-environment{display:none}}@media(max-width:620px){.editor-toolbar{gap:12px;flex-wrap:wrap;padding:12px}.toolbar-actions{margin:0;flex-wrap:wrap;gap:5px}.toolbar-actions button{font-size:10px;padding:7px}.editor-status{top:0;position:relative;padding:10px 12px}.editor-layout{display:block}.editor-nav{position:static;height:auto;padding:10px}.editor-nav h2,.editor-nav p{display:none}#project-tabs{display:flex;overflow-x:auto}#project-tabs button{width:auto;white-space:nowrap}.editor-form{padding:24px 16px 40px;height:70dvh}.editor-preview{padding:16px 10px;height:720px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.gallery-pin{opacity:1;transform:none}}.media-order-board{margin:22px 0;padding:14px;border:1px solid #dad6f1;border-radius:12px;background:#f8f7ff}.media-order-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.editor-form .media-order-board h2{margin:0 0 8px;font-size:16px}.editor-form .media-order-header h2{margin:0}.media-order-shuffle{flex:0 0 auto;padding:7px 10px;border:1px solid #c8c2ef;border-radius:8px;color:#443ca8;background:#fff;font-size:11px;font-weight:650}.media-order-shuffle:hover{border-color:#5757ec;background:#eeecff}.media-order-hint,.media-order-keyboard{color:#767180;font-size:11px;line-height:1.5;margin:0 0 12px}.media-order-keyboard{margin:10px 0 0;font-size:10px}.media-order-controls{margin:0 0 12px;border:1px solid #dcd7f3;border-radius:9px;background:#fff}.media-order-controls>summary{padding:10px 12px;color:#443ca8;font-size:12px;font-weight:700;cursor:pointer}.media-order-controls[open]>summary{border-bottom:1px solid #e5e1f5}.media-order-controls>h3{margin:14px 12px 5px;font-size:12px}.media-order-tool-hint{margin:0 12px 10px;color:#777181;font-size:10px;line-height:1.45}.media-order-priority-list{display:grid;gap:5px;max-height:225px;margin:0 12px 10px;overflow:auto;scrollbar-gutter:stable}.media-order-priority-row{display:grid;grid-template-columns:22px minmax(0,1fr) 28px 28px 28px;align-items:center;gap:5px;min-height:32px;padding:3px 5px;border:1px solid #e7e4ef;border-radius:7px;background:#faf9ff}.media-order-priority-rank{color:#777181;font-size:10px;text-align:center}.media-order-priority-name{min-width:0;overflow:hidden;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.media-order-priority-count{color:#777181;font-size:10px;text-align:center}.media-order-priority-row button,.media-order-project-actions button{display:grid;place-items:center;width:27px;height:25px;padding:0;border:1px solid #d9d5e8;border-radius:6px;background:#fff;font-size:12px}.media-order-priority-row button:hover:not(:disabled),.media-order-project-actions button:hover:not(:disabled){border-color:#7771cf;background:#eeecff}.media-order-apply{margin:0 12px 4px;padding:8px 11px;border:1px solid #5757ec;border-radius:8px;color:#fff;background:#5757ec;font-size:11px;font-weight:650}.media-order-apply:hover:not(:disabled){background:#4840d7}.media-order-project-select{width:calc(100% - 24px);margin:0 12px 10px;padding:8px 9px;font-size:11px}.media-order-project-strip{display:grid;grid-auto-columns:118px;grid-auto-flow:column;gap:8px;margin:0 12px 14px;padding:3px 2px 8px;overflow-x:auto;overscroll-behavior-inline:contain}.media-order-project-item{position:relative;display:grid;grid-template-rows:72px 31px auto;min-width:0;overflow:hidden;border:1px solid #ddd9e9;border-radius:8px;background:#fff}.media-order-project-item img,.media-order-project-item video{display:block;width:100%;height:72px;object-fit:cover;background:#e5e2eb}.media-order-project-number{position:absolute;top:5px;left:5px;padding:3px 5px;border-radius:5px;color:#fff;background:#34303ed9;font-size:9px}.media-order-project-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:4px 6px;font-size:9px;line-height:1.25}.media-order-project-actions{display:flex;justify-content:space-between;padding:5px 6px 6px;border-top:1px solid #eeeaf3}.media-order-tool-empty{margin:0;padding:9px;color:#777181;font-size:10px}.media-order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:10px;max-height:350px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:5px;border-radius:8px;background:#eeeaf8}.media-order-cell{min-width:0}.media-order-tile{position:relative;display:block;width:100%;height:118px;padding:0;border:1px solid #d9d5e5;border-radius:8px;background:#fff;text-align:left;cursor:grab;-webkit-user-select:none;user-select:none}.media-order-tile:hover{border-color:#9690d8;background:#fff}.media-order-tile img,.media-order-tile video{display:block;width:100%;height:78px;border-radius:7px 7px 0 0;object-fit:cover;background:#ded9ea;pointer-events:none}.media-order-number{position:absolute;top:5px;left:5px;min-width:20px;padding:3px 5px;border-radius:5px;color:#fff;background:#34303ed9;font-size:10px;text-align:center;pointer-events:none}.media-order-kind{position:absolute;top:58px;right:5px;padding:2px 4px;border-radius:3px;background:#fffdf9e8;color:#554e69;font-size:8px;pointer-events:none}.media-order-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:5px 6px;max-height:36px;font-size:10px;line-height:1.3;overflow-wrap:anywhere;pointer-events:none}.media-order-tile.is-picked{opacity:.45;border-color:#5757ec;cursor:grabbing}.media-order-tile.drop-before:before,.media-order-tile.drop-after:after{content:"";position:absolute;z-index:2;top:-3px;bottom:-3px;width:4px;border-radius:4px;background:#5757ec;box-shadow:0 0 0 1px #fff;pointer-events:none}.media-order-tile.drop-before:before{left:-8px}.media-order-tile.drop-after:after{right:-8px}.media-order-empty{grid-column:1 / -1;padding:18px 10px;margin:0;color:#888;font-size:12px;line-height:1.5}.media-order-live{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:520px){.media-order-header{align-items:flex-start;flex-direction:column}.media-order-priority-row{grid-template-columns:20px minmax(0,1fr) 24px 28px 28px}}