.tiptap-editor.svelte-th5pzt{width:100%;position:relative}.tiptap-editor.show-page-dividers.svelte-th5pzt .editor-surface:where(.svelte-th5pzt){--spread-editor-page-height:583.2px;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--spread-editor-page-height) - var(--space-stack-md)), color-mix(in srgb, var(--color-outline-variant) 72%, transparent) calc(var(--spread-editor-page-height) - var(--space-stack-md)), color-mix(in srgb, var(--color-outline-variant) 72%, transparent) calc(var(--spread-editor-page-height) - calc(var(--space-stack-md) - 1px)), transparent calc(var(--spread-editor-page-height) - calc(var(--space-stack-md) - 1px)), transparent var(--spread-editor-page-height));background-position:0 var(--space-stack-lg)}.tiptap-editor.show-page-dividers.svelte-th5pzt .editor-surface:where(.svelte-th5pzt):before{content:"예상 페이지 구분";top:var(--space-stack-sm);z-index:2;border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);background:var(--color-surface-container-lowest);color:var(--color-on-surface-variant);font-family:var(--font-sans);font-size:var(--type-label);padding:var(--space-stack-sm) var(--space-stack-md);align-items:center;margin-left:auto;font-weight:800;line-height:1;display:inline-flex;position:sticky}.page-divider-stack.svelte-th5pzt{z-index:3;pointer-events:none;position:absolute;inset:0}.page-divider-marker.svelte-th5pzt{align-items:center;gap:var(--space-stack-md);color:var(--color-on-surface-variant);font-family:var(--font-sans);font-size:var(--type-label);letter-spacing:.1em;text-transform:uppercase;opacity:.72;grid-template-columns:1fr auto 1fr;font-weight:800;display:grid;position:absolute;left:0;right:0;transform:translateY(-50%)}.page-divider-marker.svelte-th5pzt:before,.page-divider-marker.svelte-th5pzt:after{content:"";background-image:linear-gradient(to right, var(--color-outline-variant) 50%, transparent 50%);background-size:var(--space-stack-sm) 1px;height:1px}.page-divider-marker.svelte-th5pzt span:where(.svelte-th5pzt){border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);background:var(--color-surface-container-lowest);padding:calc(var(--space-unit) * 1) var(--space-stack-sm)}.bubble-menu.svelte-th5pzt{gap:calc(var(--space-unit) * 1);z-index:20;border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);background:var(--color-surface-container-high);padding:calc(var(--space-unit) * 1);display:flex}.bubble-menu.svelte-th5pzt button:where(.svelte-th5pzt){border-radius:calc(var(--space-unit) * 1);min-width:32px;height:32px;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--type-meta);padding:0 calc(var(--space-unit) * 2);transition:background var(--transition-fast), color var(--transition-fast);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex}.bubble-menu.svelte-th5pzt button:where(.svelte-th5pzt):hover{background:var(--color-surface-hover)}.bubble-menu.svelte-th5pzt button.active:where(.svelte-th5pzt){background:var(--color-primary);color:var(--color-bg)}.image-menu.svelte-th5pzt{padding:var(--space-stack-sm);flex-direction:column;gap:0}.image-menu.svelte-th5pzt:not(.ready){display:none}.paste-upload-status.svelte-th5pzt{bottom:calc(var(--space-stack-lg) + 48px);z-index:8;align-items:center;gap:var(--space-stack-sm);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);background:var(--color-surface-container-high);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--type-label);padding:var(--space-stack-sm) var(--space-stack-md);font-weight:800;line-height:1;display:inline-flex;position:sticky}.paste-upload-status.svelte-th5pzt .material-symbols-outlined:where(.svelte-th5pzt){font-family:var(--font-icon);font-size:var(--type-body-lg)}.menu-group.svelte-th5pzt{align-items:center;gap:calc(var(--space-unit) * 1);padding:var(--space-stack-xs);display:flex}.menu-label.svelte-th5pzt{font-family:var(--font-sans);color:var(--color-on-surface-variant);letter-spacing:.05em;width:48px;font-size:10px;font-weight:800}.menu-divider.svelte-th5pzt{background:var(--color-outline-variant);height:1px;margin:var(--space-stack-xs) 0}.image-menu.svelte-th5pzt button:where(.svelte-th5pzt){height:24px;padding:0 var(--space-stack-sm);font-size:11px}.image-menu.svelte-th5pzt .material-symbols-outlined:where(.svelte-th5pzt){font-size:var(--type-body-md)}.editor-surface.svelte-th5pzt .ProseMirror{min-height:50vh;padding-top:var(--space-stack-lg);outline:none}.editor-surface.svelte-th5pzt .ProseMirror p{margin:0 0 var(--space-gutter);color:var(--color-on-surface-variant);font-family:var(--font-sans);font-size:var(--type-body-lg);line-height:1.8}.editor-surface.svelte-th5pzt .ProseMirror h2{color:var(--color-text-primary);font-family:var(--font-serif);margin:1.5em 0 .5em;font-size:28px;font-weight:700}.editor-surface.svelte-th5pzt .ProseMirror h3{color:var(--color-text-primary);font-family:var(--font-serif);font-size:var(--type-headline-sm);margin:1.2em 0 .4em}.editor-surface.svelte-th5pzt .ProseMirror blockquote{border-left:3px solid var(--color-primary);margin:var(--space-gutter) 0;padding-left:var(--space-gutter);font-style:italic}.editor-surface.svelte-th5pzt .ProseMirror img{cursor:pointer;max-width:100%;height:auto}.editor-surface.svelte-th5pzt .ProseMirror img.img-full{clear:both;width:100%}.editor-surface.svelte-th5pzt .ProseMirror img.img-float-left{float:left;width:42%;margin:0 var(--space-gutter) var(--space-stack-md) 0}.editor-surface.svelte-th5pzt .ProseMirror img.img-float-right{float:right;width:42%;margin:0 0 var(--space-stack-md) var(--space-gutter)}.editor-surface.svelte-th5pzt .ProseMirror hr{border:0;border-top:1px solid var(--color-outline-variant);margin:var(--space-stack-lg) 0}.editor-surface.svelte-th5pzt .ProseMirror ul{margin:0 0 var(--space-gutter) var(--space-gutter);color:var(--color-on-surface-variant);font-family:var(--font-sans);font-size:var(--type-body-lg);line-height:1.8;list-style:outside}.editor-surface.svelte-th5pzt .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--color-on-surface-variant);float:left;opacity:.4;pointer-events:none;height:0}.editor-topbar.svelte-1eooq3f{z-index:100;align-items:center;gap:calc(var(--space-unit) * 2);height:48px;padding:0 calc(var(--space-unit) * 4);border-bottom:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);display:flex;position:sticky;top:0}button.svelte-1eooq3f{justify-content:center;align-items:center;gap:calc(var(--space-unit) * 1);border-radius:calc(var(--space-unit) * 1);min-width:32px;height:32px;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--type-meta);padding:0 calc(var(--space-unit) * 2);transition:background var(--transition-fast), color var(--transition-fast);cursor:pointer;background:0 0;border:none;font-weight:800;line-height:1;display:inline-flex}button.svelte-1eooq3f:hover{background:var(--color-surface-hover)}button.active.svelte-1eooq3f{background:var(--color-primary);color:var(--color-bg)}.material-symbols-outlined.svelte-1eooq3f{font-size:20px}.topbar-label.svelte-1eooq3f{color:inherit;font-family:var(--font-sans);font-size:var(--type-label);font-weight:800;line-height:1}.topbar-divider.svelte-1eooq3f{width:1px;height:calc(var(--space-unit) * 5);background:var(--color-outline-variant)}.image-control.svelte-1eooq3f{display:inline-flex;position:relative}.image-popover.svelte-1eooq3f{top:calc(100% + var(--space-stack-sm));z-index:300;width:min(320px, calc(100vw - (var(--space-margin-mobile) * 2)));gap:var(--space-stack-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);background:var(--color-surface-container-high);padding:var(--space-stack-md);display:grid;position:absolute;left:0}.image-tabs.svelte-1eooq3f{gap:calc(var(--space-unit) * 1);border-bottom:1px solid var(--color-outline-variant);padding-bottom:var(--space-stack-sm);display:flex}.image-tabs.svelte-1eooq3f button:where(.svelte-1eooq3f){width:auto;min-width:0;height:28px;font-size:var(--type-label)}.url-panel.svelte-1eooq3f{align-items:center;gap:var(--space-stack-md);display:flex}.url-panel.svelte-1eooq3f input:where(.svelte-1eooq3f){border:none;border-bottom:1px solid var(--color-outline-variant);min-width:0;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--type-meta);padding:var(--space-stack-sm) 0;background:0 0;outline:none;flex:1}.dropzone.svelte-1eooq3f{border:1px dashed var(--color-outline-variant);width:100%;min-height:112px;color:var(--color-on-surface-variant)}.image-popover.svelte-1eooq3f p:where(.svelte-1eooq3f){color:var(--color-error);font-family:var(--font-sans);font-size:var(--type-label);margin:0}.image-input.svelte-1eooq3f{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=768px){.editor-topbar.svelte-1eooq3f{padding:0 var(--space-margin-mobile);overflow-x:auto}.url-panel.svelte-1eooq3f{flex-direction:column;align-items:stretch}}body:has(.studio-write){background:var(--color-bg);overflow-x:hidden}.studio-write.svelte-8cvvcn{background:var(--color-bg);min-height:100vh}.label-caps.svelte-8cvvcn{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--color-on-surface-variant);margin-bottom:12px;font-size:11px;font-weight:800}.step-target.svelte-8cvvcn{min-height:100vh;padding:var(--space-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.step-target.svelte-8cvvcn h1:where(.svelte-8cvvcn){font-family:var(--font-serif);font-size:var(--text-3xl);margin-bottom:var(--space-xl)}.selection-box.svelte-8cvvcn{gap:var(--space-lg);width:100%;max-width:400px;display:grid}.field.svelte-8cvvcn{gap:var(--space-xs);display:grid}.field.svelte-8cvvcn label:where(.svelte-8cvvcn){font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:700}.field.svelte-8cvvcn select:where(.svelte-8cvvcn){padding:var(--space-md);background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);color:var(--color-text-primary)}.link-btn.svelte-8cvvcn{color:var(--color-primary);cursor:pointer;font-size:var(--text-sm);background:0 0;border:none;text-decoration:underline}.primary-btn.svelte-8cvvcn{background:var(--color-primary);color:var(--color-on-primary);padding:var(--space-md);border-radius:var(--radius-full);cursor:pointer;margin-top:var(--space-md);border:none;font-weight:700}.primary-btn.svelte-8cvvcn:disabled{opacity:.5;cursor:not-allowed}.draft-btn.svelte-8cvvcn{background:var(--color-surface-container-high);color:var(--color-text-primary);border:1px solid var(--color-outline-variant);padding:var(--space-sm);border-radius:var(--radius-full);cursor:pointer}.writer-header.svelte-8cvvcn{background:rgba(var(--color-bg-rgb), .85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-outline-variant);z-index:200;justify-content:space-between;align-items:center;height:72px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.header-left.svelte-8cvvcn{align-items:center;gap:24px;display:flex}.back-btn.svelte-8cvvcn{color:var(--color-on-surface-variant);cursor:pointer;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;transition:color var(--transition-fast);align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.back-btn.svelte-8cvvcn:hover{color:var(--color-primary)}.save-status.svelte-8cvvcn{font-family:var(--font-sans);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;opacity:.6;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.edit-badge.svelte-8cvvcn{background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);padding:2px 6px;font-weight:800}.header-right.svelte-8cvvcn{align-items:center;gap:24px;display:flex}.mode-switch.svelte-8cvvcn{border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);background:var(--color-surface-container-low);align-items:center;gap:4px;padding:4px;display:flex}.mode-switch.svelte-8cvvcn button:where(.svelte-8cvvcn){border-radius:var(--radius-sm);color:var(--color-on-surface-variant);font-family:var(--font-sans);letter-spacing:.05em;transition:all var(--transition-fast);padding:6px 12px;font-size:10px;font-weight:800}.mode-switch.svelte-8cvvcn button.active:where(.svelte-8cvvcn){background:var(--color-primary);color:var(--color-bg)}.preview-btn.svelte-8cvvcn,.publish-btn.svelte-8cvvcn{border-radius:var(--radius-sm);height:40px;font-family:var(--font-sans);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all var(--transition-base);padding:0 24px;font-size:11px;font-weight:700}.preview-btn.svelte-8cvvcn{border:1px solid var(--color-outline-variant);color:var(--color-text-primary);background:0 0}.publish-btn.svelte-8cvvcn{background:var(--color-primary);color:var(--color-bg);border:none}.publish-btn.svelte-8cvvcn:hover{transform:translateY(-2px)}.writer-container.svelte-8cvvcn{flex-direction:column;min-height:100vh;padding-top:72px;display:flex}.editor-area.svelte-8cvvcn{flex:1;width:100%;max-width:900px;margin:0 auto;padding:80px 40px 120px}.write-canvas.svelte-8cvvcn{flex-direction:column;display:flex}.canvas-cover.svelte-8cvvcn{aspect-ratio:16/9;border:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);width:100%;margin-bottom:64px;overflow:hidden}.title-input.svelte-8cvvcn{width:100%;font-family:var(--font-serif);letter-spacing:-.02em;color:var(--color-text-primary);resize:none;background:0 0;border:none;margin-bottom:24px;padding:0;font-size:clamp(40px,6vw,64px);font-weight:500;line-height:1.1}.title-input.svelte-8cvvcn::placeholder{opacity:.2}.subtitle-input.svelte-8cvvcn{width:100%;font-family:var(--font-sans);color:var(--color-on-surface-variant);opacity:.7;resize:none;background:0 0;border:none;margin-bottom:40px;padding:0;font-size:20px;line-height:1.5}.byline.svelte-8cvvcn{font-family:var(--font-sans);letter-spacing:.1em;color:var(--color-on-surface-variant);text-transform:uppercase;margin-bottom:32px;font-size:11px;font-weight:700}.canvas-divider.svelte-8cvvcn{border:none;border-top:2px solid var(--color-primary);width:80px;margin:0 0 64px}.publish-panel.svelte-8cvvcn{background:var(--color-bg);border-left:1px solid var(--color-outline-variant);z-index:300;flex-direction:column;gap:40px;width:440px;padding:40px;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-24px 0 64px #0000004d}.publish-panel-header.svelte-8cvvcn h2:where(.svelte-8cvvcn){font-family:var(--font-serif);margin-top:4px;font-size:28px;font-weight:500}.panel-section.svelte-8cvvcn h3:where(.svelte-8cvvcn){margin-bottom:16px}.panel-pill-group.svelte-8cvvcn button:where(.svelte-8cvvcn){height:36px;font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex:1;font-size:10px;font-weight:800}.panel-pill-group.svelte-8cvvcn button.active:where(.svelte-8cvvcn){background:var(--color-primary);color:var(--color-bg)}.main-publish-btn.svelte-8cvvcn{background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);width:100%;height:56px;font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;transition:transform var(--transition-base);font-size:13px;font-weight:700}.main-publish-btn.svelte-8cvvcn:hover:not(:disabled){box-shadow:0 8px 24px rgba(var(--color-accent-rgb), .3);transform:translateY(-2px)}.preview-btn.svelte-8cvvcn{color:var(--color-text-primary);background:0 0}.publish-btn.svelte-8cvvcn{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.writer-container.svelte-8cvvcn{min-height:100vh}.editor-area.svelte-8cvvcn{background:var(--color-bg);padding:0}.write-canvas.svelte-8cvvcn{background:var(--color-bg);max-width:800px;margin:0 auto;padding:48px 40px 120px}.canvas-cover.svelte-8cvvcn{aspect-ratio:2/3;border:1px solid var(--color-outline-variant);border-radius:8px;width:100%;max-width:480px;margin:0 auto 48px;display:block;overflow:hidden}.canvas-cover-image,.spread-preview-cover-image,.spread-cover-placeholder.svelte-8cvvcn{object-fit:cover;width:100%;height:100%}.title-input.svelte-8cvvcn{width:100%;font-family:var(--font-serif);color:var(--color-text-primary);resize:none;background:0 0;border:none;outline:none;margin-bottom:24px;padding:0;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.1}.subtitle-input.svelte-8cvvcn{width:100%;font-family:var(--font-serif);color:var(--color-on-surface-variant);resize:none;background:0 0;border:none;outline:none;margin-bottom:32px;padding:0;font-size:20px;font-style:italic;line-height:1.4}.byline.svelte-8cvvcn{font-family:var(--font-sans);letter-spacing:.1em;color:var(--color-on-surface-variant);text-transform:uppercase;margin-bottom:40px;font-size:12px}.byline.svelte-8cvvcn strong:where(.svelte-8cvvcn){color:var(--color-text-primary);font-weight:800}.canvas-divider.svelte-8cvvcn{background:var(--color-primary);border:none;width:48px;height:1px;margin:0 0 48px}.canvas-content.svelte-8cvvcn{padding-bottom:100px}.spread-editor.svelte-8cvvcn{gap:var(--space-stack-lg);background:var(--color-bg);min-height:calc(100dvh - 104px);padding:var(--space-stack-lg);grid-template-columns:minmax(0,3fr) minmax(0,4fr);display:grid}.spread-editor-cover.svelte-8cvvcn,.spread-editor-body.svelte-8cvvcn{height:min(680px, calc(100dvh - 56px - 48px - (var(--space-stack-lg) * 2)));border:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);overflow-y:auto}.spread-editor-cover.svelte-8cvvcn{justify-self:end;width:min(100%,440px);position:relative}.spread-cover-button.svelte-8cvvcn,.spread-cover-placeholder.svelte-8cvvcn{background:var(--color-surface-container-low);width:100%;height:100%;min-height:100%}.spread-editor-cover-image{object-fit:cover;width:100%;height:100%}.spread-cover-placeholder.svelte-8cvvcn{color:var(--color-on-surface-variant);justify-content:center;align-items:center;display:flex}.spread-cover-placeholder.svelte-8cvvcn .material-symbols-outlined:where(.svelte-8cvvcn){font-size:var(--type-headline-md)}.spread-meta.svelte-8cvvcn{right:var(--space-stack-lg);bottom:var(--space-stack-lg);left:var(--space-stack-lg);gap:var(--space-stack-md);padding:var(--space-stack-lg);background:color-mix(in srgb, var(--color-surface-container-lowest) 72%, transparent);display:grid;position:absolute}.spread-subtitle.svelte-8cvvcn{margin-bottom:0;display:block}.spread-editor-body.svelte-8cvvcn{width:min(100%,620px);padding:0 var(--space-stack-lg) var(--space-stack-lg);position:relative}.cover-input-panel-floating.svelte-8cvvcn{z-index:95;background:var(--color-surface-container-lowest);border-bottom:1px solid var(--color-outline-variant);padding:var(--space-stack-sm) var(--space-margin-mobile);position:sticky;top:48px;left:0;right:0}.cover-input-panel-floating.svelte-8cvvcn .panel-content:where(.svelte-8cvvcn){align-items:center;gap:var(--space-stack-md);max-width:800px;margin:0 auto;display:flex}.cover-input-panel-floating.svelte-8cvvcn input:where(.svelte-8cvvcn){border:none;border-bottom:1px solid var(--color-outline-variant);color:var(--color-text-primary);padding:var(--space-stack-sm) 0;font-family:var(--font-sans);background:0 0;outline:none;flex:1}.cover-input-panel-floating.svelte-8cvvcn button:where(.svelte-8cvvcn),.cover-input-panel-floating.svelte-8cvvcn .upload-btn:where(.svelte-8cvvcn){align-items:center;gap:calc(var(--space-unit) * 1);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--type-label);cursor:pointer;background:0 0;border:none;font-weight:800;display:inline-flex}.cover-input-panel-floating.svelte-8cvvcn input[type=file]:where(.svelte-8cvvcn){display:none}.cover-input-panel-floating.svelte-8cvvcn .close-btn:where(.svelte-8cvvcn){font-size:var(--type-body-lg);padding:calc(var(--space-unit) * 1);margin-left:auto}.editor-bottom-bar.svelte-8cvvcn{border-top:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);z-index:160;justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-bar-left.svelte-8cvvcn,.bottom-bar-right.svelte-8cvvcn{align-items:center;gap:16px;display:flex}.page-count-hint.svelte-8cvvcn{font-family:var(--font-sans);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.editor-bottom-bar.svelte-8cvvcn span:where(.svelte-8cvvcn){color:var(--color-on-surface-variant);font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.spread-preview-modal.svelte-8cvvcn{z-index:400;background:var(--color-bg);color:var(--color-text-primary);position:fixed;inset:0}.spread-preview-modal.svelte-8cvvcn>header:where(.svelte-8cvvcn){z-index:410;gap:12px;padding:20px;display:flex;position:fixed;top:0;right:0}.spread-preview-modal.svelte-8cvvcn>header:where(.svelte-8cvvcn) button:where(.svelte-8cvvcn){border:1px solid var(--color-outline-variant);background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);border-radius:9999px;padding:8px 18px;font-size:12px;font-weight:800}.spread-preview-modal.svelte-8cvvcn>header:where(.svelte-8cvvcn) button:where(.svelte-8cvvcn):last-child{background:var(--color-primary);color:var(--color-on-primary)}.vertical-preview-layout.svelte-8cvvcn{width:min(760px,100vw - 40px);min-height:100dvh;color:var(--color-text-primary);margin:0 auto;padding:96px 0 120px}.vertical-preview-cover.svelte-8cvvcn{aspect-ratio:16/9;border:1px solid var(--color-outline-variant);width:100%;margin:0 0 48px;display:block;overflow:hidden}.vertical-preview-cover.svelte-8cvvcn .vertical-preview-cover-image{object-fit:cover;width:100%;height:100%;display:block}.vertical-preview-layout.svelte-8cvvcn h1:where(.svelte-8cvvcn){width:100%;color:var(--color-text-primary);font-family:var(--font-serif);margin:0;font-size:clamp(48px,8vw,104px);font-weight:400;line-height:.96}.vertical-preview-subtitle.svelte-8cvvcn{color:var(--color-on-surface-variant);font-family:var(--font-serif);margin:24px 0 0;font-size:24px;font-style:italic;line-height:1.35}.vertical-preview-byline.svelte-8cvvcn{border-top:1px solid var(--color-outline-variant);color:var(--color-on-surface-variant);font-family:var(--font-sans);letter-spacing:.12em;margin:32px 0 24px;padding-top:16px;font-size:11px;font-weight:800}.vertical-preview-content.svelte-8cvvcn{color:var(--color-on-surface-variant);font-family:var(--font-sans);font-size:18px;line-height:1.8}.vertical-preview-content.svelte-8cvvcn p{margin:0 0 24px}.vertical-preview-content.svelte-8cvvcn img{max-width:100%;height:auto;display:block}.vertical-preview-content.svelte-8cvvcn .img-full{clear:both;width:100%;margin:24px 0}.vertical-preview-content.svelte-8cvvcn .img-float-left{float:left;width:42%;margin:8px 24px 16px 0}.vertical-preview-content.svelte-8cvvcn .img-float-right{float:right;width:42%;margin:8px 0 16px 24px}.spread-preview-layout.svelte-8cvvcn{gap:var(--space-stack-lg);height:100dvh;padding:calc(var(--space-stack-lg) * 2) var(--space-margin-desktop);grid-template-columns:1fr 1fr;display:grid}.spread-preview-panel.svelte-8cvvcn{border:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);min-width:0;overflow:hidden}.spread-preview-cover.svelte-8cvvcn{background:var(--color-surface-container-low);min-width:0;height:100%;position:relative}.spread-preview-cover-meta.svelte-8cvvcn{right:var(--space-stack-lg);bottom:var(--space-stack-lg);left:var(--space-stack-lg);gap:var(--space-stack-md);padding:var(--space-stack-lg);background:color-mix(in srgb, var(--color-surface-container-lowest) 72%, transparent);display:grid;position:absolute}.spread-preview-cover-meta.svelte-8cvvcn span:where(.svelte-8cvvcn){color:var(--color-on-surface-variant);font-family:var(--font-sans);font-size:var(--type-label);text-transform:uppercase;font-weight:800}.spread-preview-cover-meta.svelte-8cvvcn h2:where(.svelte-8cvvcn){color:var(--color-text-primary);font-family:var(--font-serif);font-size:var(--type-headline-md);font-weight:600;line-height:1.1}.spread-cover-placeholder.svelte-8cvvcn{background:linear-gradient(135deg, var(--color-surface-container-lowest), var(--color-surface-container-high))}.spread-preview-copy.svelte-8cvvcn{height:100%;padding:calc(var(--space-stack-lg) * 2);overflow-y:auto}.spread-preview-copy.svelte-8cvvcn h1:where(.svelte-8cvvcn){font-family:var(--font-serif);margin:0 0 24px;font-size:clamp(32px,4vw,56px);font-weight:400;line-height:1.05}.spread-preview-subtitle.svelte-8cvvcn{color:var(--color-on-surface-variant);font-family:var(--font-serif);margin:0 0 40px;font-size:20px;font-style:italic;line-height:1.4}.spread-preview-content.svelte-8cvvcn{color:var(--color-on-surface-variant);font-family:var(--font-sans);font-size:18px;line-height:1.8}.spread-preview-content.svelte-8cvvcn p{margin:0 0 24px}.spread-preview-content.svelte-8cvvcn img{max-width:100%;height:auto;display:block}.spread-preview-content.svelte-8cvvcn .img-full{clear:both;width:100%;margin:24px 0}.spread-preview-content.svelte-8cvvcn .img-float-left{float:left;width:42%;margin:8px 24px 16px 0}.spread-preview-content.svelte-8cvvcn .img-float-right{float:right;width:42%;margin:8px 0 16px 24px}.spread-preview-empty.svelte-8cvvcn{background:var(--color-surface-container-lowest);height:100%}.spread-preview-nav.svelte-8cvvcn{right:var(--space-margin-desktop);bottom:var(--space-stack-lg);z-index:410;align-items:center;gap:var(--space-stack-sm);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);background:var(--color-surface-container-lowest);padding:var(--space-stack-sm);display:inline-flex;position:fixed}.spread-preview-nav.svelte-8cvvcn button:where(.svelte-8cvvcn),.spread-preview-nav.svelte-8cvvcn span:where(.svelte-8cvvcn){min-width:var(--space-stack-lg);height:var(--space-stack-lg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--type-label);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.spread-preview-nav.svelte-8cvvcn button:where(.svelte-8cvvcn):disabled{color:var(--color-on-surface-variant);cursor:not-allowed;opacity:.45}.spread-preview-nav.svelte-8cvvcn .material-symbols-outlined:where(.svelte-8cvvcn){font-family:var(--font-icon);font-size:24px;font-weight:400}.publish-panel.svelte-8cvvcn{z-index:500;background:var(--color-surface-container-lowest);border-left:1px solid var(--color-outline-variant);flex-direction:column;width:380px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.publish-panel.open.svelte-8cvvcn{transform:translate(0)}.publish-panel-header.svelte-8cvvcn{border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:flex-start;padding:32px 24px;display:flex}.publish-panel-header.svelte-8cvvcn h2:where(.svelte-8cvvcn){font-family:var(--font-serif);margin:8px 0 0;font-size:28px;font-weight:700}.panel-section.svelte-8cvvcn{border-bottom:1px solid var(--color-outline-variant);padding:24px}.publish-selects.svelte-8cvvcn{gap:var(--space-stack-md);display:grid}.publish-selects.svelte-8cvvcn label:where(.svelte-8cvvcn){gap:calc(var(--space-unit) * 1);display:grid}.publish-selects.svelte-8cvvcn span:where(.svelte-8cvvcn){color:var(--color-on-surface-variant);font-family:var(--font-sans);font-size:var(--type-label);text-transform:uppercase;font-weight:800}.publish-selects.svelte-8cvvcn select:where(.svelte-8cvvcn){border:none;border-bottom:1px solid var(--color-outline-variant);width:100%;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--type-meta);padding:var(--space-stack-sm) 0;background:0 0;outline:none}.panel-pill-group.svelte-8cvvcn{background:var(--color-surface-container-high);border-radius:9999px;gap:4px;padding:4px;display:flex}.panel-pill-group.svelte-8cvvcn button:where(.svelte-8cvvcn){font-family:var(--font-sans);color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:9999px;flex:1;padding:8px;font-size:11px;font-weight:800}.panel-pill-group.svelte-8cvvcn button.active:where(.svelte-8cvvcn){background:var(--color-bg);color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.schedule-input.svelte-8cvvcn{margin-top:16px}.price-input-container.svelte-8cvvcn{align-items:center;gap:8px;margin-top:16px;display:flex}.price-input-container.svelte-8cvvcn .currency:where(.svelte-8cvvcn){font-family:var(--font-sans);color:var(--color-on-surface-variant);font-size:14px;font-weight:800}.price-input.svelte-8cvvcn{flex:1}.schedule-input.svelte-8cvvcn input:where(.svelte-8cvvcn){border:1px solid var(--color-outline-variant);background:var(--color-bg);width:100%;color:var(--color-text-primary);font-family:var(--font-sans);border-radius:8px;padding:12px}.help-text.svelte-8cvvcn{color:var(--color-on-surface-variant);margin-top:8px;font-size:11px}.panel-text-input.svelte-8cvvcn{border:none;border-bottom:1px solid var(--color-outline-variant);width:100%;color:var(--color-text-primary);font-family:var(--font-sans);letter-spacing:.05em;background:0 0;outline:none;padding:8px 0;font-size:13px}.panel-text-input.svelte-8cvvcn::placeholder{color:var(--color-on-surface-variant)}.tag-list.svelte-8cvvcn{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tag-chip.svelte-8cvvcn{border:1px solid var(--color-outline-variant);font-family:var(--font-sans);color:var(--color-text-primary);border-radius:2px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.tag-chip.svelte-8cvvcn button:where(.svelte-8cvvcn){color:var(--color-on-surface-variant);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;line-height:1}.publish-panel-footer.svelte-8cvvcn{padding:var(--space-gutter);background:var(--color-surface-container-lowest);border-top:1px solid var(--color-outline-variant);margin-top:auto}.publish-validation-message.svelte-8cvvcn{align-items:center;gap:var(--space-stack-sm);margin:0 0 var(--space-stack-md);border:1px solid var(--color-error);border-radius:var(--radius-sm);background:var(--color-error-container);color:var(--color-on-error-container);font-family:var(--font-sans);font-size:var(--type-meta);padding:var(--space-stack-sm) var(--space-stack-md);font-weight:800;line-height:1.4;display:flex}.publish-validation-message.svelte-8cvvcn .material-symbols-outlined:where(.svelte-8cvvcn){color:var(--color-on-error-container);font-size:var(--type-body-lg)}.main-publish-btn.svelte-8cvvcn{width:100%;padding:var(--space-stack-md);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-sans);font-size:var(--type-meta);cursor:pointer;border:none;font-weight:800}.publish-overlay.svelte-8cvvcn{background:color-mix(in srgb, var(--color-bg) 60%, transparent);z-index:499;border:none;position:fixed;inset:0}@media (width<=1024px){.writer-header.svelte-8cvvcn{gap:var(--space-stack-sm);height:auto;min-height:56px;padding:var(--space-stack-sm) var(--space-margin-mobile);flex-wrap:wrap}.write-canvas.svelte-8cvvcn{padding:32px 20px 120px}.editor-bottom-bar.svelte-8cvvcn{margin:48px -20px -120px;padding:0 20px}.spread-preview-layout.svelte-8cvvcn{padding:80px var(--space-margin-mobile) 96px;grid-template-columns:1fr;overflow-y:auto}.spread-preview-panel.svelte-8cvvcn,.spread-preview-cover.svelte-8cvvcn{min-height:42vh}.spread-preview-copy.svelte-8cvvcn{padding:var(--space-stack-lg) var(--space-stack-md)}.spread-editor.svelte-8cvvcn{padding:var(--space-stack-md);grid-template-columns:1fr}.spread-editor-cover.svelte-8cvvcn,.spread-editor-body.svelte-8cvvcn{width:100%;height:auto;min-height:auto}.spread-editor-cover.svelte-8cvvcn{border-right:none;border-bottom:1px solid var(--color-outline-variant)}.spread-cover-button.svelte-8cvvcn,.spread-cover-placeholder.svelte-8cvvcn{min-height:48vh}.spread-preview-nav.svelte-8cvvcn{right:var(--space-margin-mobile);bottom:var(--space-stack-md)}}