.cf-app,.cf-editor-scope{--cf-bg:#f4f2ed;--cf-surface:#fff;--cf-text:#17151d;--cf-muted:#77717f;--cf-line:#dedbd4;--cf-accent:#6d48ff;--cf-soft:#eee9ff}.cf-app{min-height:100dvh;background:var(--cf-bg)}.cf-app,.cf-editor-scope{color:var(--cf-text)}.cf-topbar{position:sticky;z-index:30;top:0;height:68px;padding:0 22px;display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;border-bottom:1px solid var(--cf-line);background:#fffffff4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cf-back,.cf-icon-btn{width:40px;height:40px;border:1px solid var(--cf-line);border-radius:50%;background:#fff;cursor:pointer}.cf-progress{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.cf-progress span{display:flex;align-items:center;gap:6px;color:var(--cf-muted);font-size:10px;font-weight:700}.cf-progress i{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--cf-line);border-radius:50%;background:#fff;font-style:normal}.cf-progress .active{color:var(--cf-text)}.cf-progress .active i{border-color:var(--cf-accent);background:var(--cf-accent);color:#fff}.cf-progress .done{color:var(--cf-text)}.cf-progress .done i{border-color:var(--cf-accent);background:var(--cf-soft);color:var(--cf-accent)}.cf-note{color:var(--cf-muted);font-size:12px}.cf-page{width:min(1180px,calc(100% - 40px));margin:auto;padding:43px 0 62px}.cf-genre{width:min(1080px,calc(100% - 40px))}.cf-center{text-align:center}.cf-eyebrow{margin:0;color:var(--cf-accent);font-size:10px;font-weight:900;letter-spacing:.14em}.cf-center h1,.cf-head h1{margin:8px 0;font-size:clamp(32px,4vw,52px);line-height:1.18;letter-spacing:-.04em}.cf-center h1 em{font-style:normal;text-decoration:underline;text-decoration-color:var(--cf-accent);text-decoration-thickness:4px;text-underline-offset:8px}.cf-head p,.cf-intro{margin:0 0 28px;color:var(--cf-muted)}.cf-genres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cf-genres button{position:relative;overflow:hidden;aspect-ratio:16/9;min-height:0;padding:12px 14px;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;border:1px solid var(--cf-line);border-radius:16px;background:var(--cf-surface);cursor:pointer}.cf-genres button.has-bg{color:#fff;border-color:hsla(0,0%,100%,.18)}.cf-genres-bg{position:absolute;inset:0;background-position:50%;background-size:cover;z-index:0}.cf-genres-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,14,28,.12) 20%,rgba(18,14,28,.78))}.cf-genres button.has-bg>:not(.cf-genres-bg){position:relative;z-index:1}.cf-genres i{display:none}.cf-genres b{font-size:15px;line-height:1.2}.cf-genres p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.35}.cf-genres button.selected,.cf-genres button:hover{border-color:var(--cf-accent);background:var(--cf-soft)}.cf-genres button.has-bg.selected,.cf-genres button.has-bg:hover{background:transparent;box-shadow:inset 0 0 0 2px var(--cf-accent)}.cf-genres b,.cf-genres small{display:block}.cf-genres p,.cf-genres small{color:var(--cf-muted)}.cf-genres button.has-bg p,.cf-genres button.has-bg small{color:hsla(0,0%,100%,.82)}.cf-custom{margin-top:14px;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px dashed #bdb6d8;border-radius:17px;background:#faf9ff;text-align:left}.cf-custom small{display:block;margin-top:2px;color:var(--cf-muted);font-size:10px}.cf-custom>div:last-child{width:min(470px,55%);display:flex;gap:8px}.cf-custom input,.cf-form input,.cf-form textarea{min-width:0;flex:1;height:44px;padding:0 12px;border:1px solid var(--cf-line);border-radius:11px;background:var(--cf-surface)}.cf-form textarea{height:auto;padding:11px 12px}.cf-primary,.cf-quiet,.cf-secondary{min-height:44px;padding:0 16px;border-radius:12px;font-weight:800;cursor:pointer}.cf-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--cf-accent);color:#fff}.cf-primary:disabled{cursor:not-allowed;opacity:.55}.cf-primary[aria-busy=true]{cursor:wait}.cf-secondary{border:1px solid var(--cf-accent);background:#fff;color:var(--cf-accent)}.cf-quiet{border:1px solid var(--cf-line);background:transparent;color:var(--cf-muted)}.cf-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.cf-head-actions{display:flex;gap:9px}.cf-tabs{display:flex;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--cf-line);overflow-x:auto}.cf-tabs button{flex:none;padding:8px 16px;border:1px solid var(--cf-line);border-radius:11px;background:#fff;color:var(--cf-muted);cursor:pointer;white-space:nowrap}.cf-tabs .active{border-color:var(--cf-accent);background:var(--cf-soft);color:var(--cf-accent)}.cf-grid{margin-top:15px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.cf-card{position:relative;padding:0;overflow:hidden;border:1px solid var(--cf-line);border-radius:18px;aspect-ratio:9/16;cursor:pointer}.cf-card.selected{border-color:var(--cf-accent);box-shadow:0 0 0 2px #6d48ff44}.cf-card img,.cf-card svg{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.cf-overlay{position:absolute;inset:auto 0 0;padding:55px 17px 16px;background:linear-gradient(transparent,#101011e8);color:#fff;text-align:left}.cf-overlay p{margin:0 0 7px;font-size:11px}.cf-overlay span{display:inline-block;margin:2px 4px 0 0;padding:3px 7px;border-radius:99px;background:#ffffff22;font-size:8px}.cf-empty{grid-column:1/-1;min-height:280px;display:grid;place-items:center;gap:6px;border:1px dashed var(--cf-line);border-radius:18px;background:#fff;text-align:center}html.cf-body-lock,html.cf-body-lock body{overflow:hidden!important;overscroll-behavior:none}.cf-modal-root{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:28px 20px;overscroll-behavior:none;touch-action:none}.cf-modal-mask{position:absolute;inset:0;z-index:1;border:0;background:#17151d99;cursor:pointer}.cf-modal{position:relative;z-index:2;width:min(1040px,calc(100vw - 40px));height:min(82dvh,760px);max-height:min(82dvh,760px);border-radius:22px;background:#fff;box-shadow:0 28px 80px #17151d40;animation:cf-modal-in .22s ease}.cf-modal,.cf-modal-art{display:flex;overflow:hidden}.cf-modal-art{flex:none;align-items:center;justify-content:center;width:auto;height:100%;aspect-ratio:9/16;background:#151224}.cf-modal-art img,.cf-modal-art svg{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.cf-modal-side{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0}.cf-drawer-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 56px 12px 24px}.cf-drawer-body h1{margin:6px 0 0;font-size:28px;line-height:1.15}.cf-drawer-body>p{margin:6px 0 0;color:var(--cf-muted)}.cf-drawer-foot{flex:none;display:flex;flex-direction:column;gap:8px;padding:14px 24px 22px;border-top:1px solid var(--cf-line);background:#fff}.cf-close{position:absolute;z-index:3;right:14px;top:14px;left:auto;width:40px;height:40px;border:1px solid var(--cf-line);border-radius:50%;background:#fff;color:var(--cf-text);cursor:pointer}@keyframes cf-modal-in{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:none;opacity:1}}.cf-pills{margin:8px 0 20px}.cf-pills span{display:inline-block;margin:2px 4px 0 0;padding:3px 7px;border-radius:99px;background:var(--cf-soft);color:var(--cf-accent);font-size:11px}.cf-lore{margin:10px 0;padding:15px;border-radius:14px;background:#f5f3ef}.cf-lore small{color:var(--cf-accent);font-size:9px;font-weight:800}.cf-stats{margin:16px 0;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--cf-line)}.cf-stats div{padding:12px 4px}.cf-stats-wide{grid-column:1/-1}.cf-stats-wide dd{font-weight:700;line-height:1.45;word-break:break-word}.cf-stats dt{color:var(--cf-muted);font-size:9px}.cf-stats dd{margin:0;font-weight:800}.cf-use{height:54px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font-size:16px;box-shadow:0 10px 22px #6d48ff33}.cf-edit,.cf-use{width:100%;margin:0}.cf-edit{height:48px}.cf-use b{font-size:20px;line-height:1}.cf-form{display:grid;gap:16px;padding:24px;border:1px solid var(--cf-line);border-radius:18px;background:#fff}.cf-form label{display:grid;gap:6px;color:var(--cf-muted);font-size:10px;font-weight:700}.cf-form-actions{display:flex;justify-content:flex-end;gap:8px}.cf-create-form .cf-form-actions{margin-top:28px;padding-top:18px;border-top:1px solid var(--cf-line)}.cf-create-page{width:min(1180px,calc(100% - 40px))}.cf-create-head{margin-bottom:22px;text-align:left}.cf-create-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cf-create-quick{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;min-height:42px;padding:0 16px;border:0;border-radius:12px;background:var(--cf-accent);color:#fff;font-weight:800;cursor:pointer}.cf-create-quick:disabled{opacity:.6;cursor:not-allowed}.cf-quick-dialog{background:#fff;color:#1a1a1a}.cf-quick-field{display:grid;gap:8px;font-size:14px;font-weight:700}.cf-quick-field textarea{width:100%;min-height:150px;padding:12px;border:1px solid #e6e1f4;border-radius:12px;font:inherit;font-weight:500;resize:vertical}.cf-quick-error{margin:0;color:#c2410c;font-size:13px}.cf-quick-status{display:flex;align-items:center;gap:8px;margin:0;color:var(--cf-muted);font-size:13px}.cf-create-head h1{margin:6px 0 8px;font-size:clamp(32px,4vw,46px);letter-spacing:-.04em}.cf-create-head p{margin:0;color:var(--cf-muted)}.cf-create-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:22px;align-items:start}.cf-create-preview{position:sticky;top:86px;overflow:hidden;border-radius:22px;background:#ece7fb}.cf-create-preview img,.cf-create-preview-zoom img{display:block;width:100%;aspect-ratio:9/16;-o-object-fit:cover;object-fit:cover}.cf-create-preview-zoom{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.cf-create-inline-preview{display:none}.cf-create-lightbox{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px 16px;background:rgba(16,16,17,.88)}.cf-create-lightbox img{max-width:100%;max-height:min(90dvh,calc(100% - 24px));-o-object-fit:contain;object-fit:contain;border-radius:12px}.cf-create-lightbox-close{position:fixed;top:16px;right:16px;z-index:81;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:999px;background:rgba(0,0,0,.5);color:#fff;cursor:pointer}.cf-create-preview-empty{width:100%;aspect-ratio:9/16;min-height:0;padding:28px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;text-align:center;color:#5b4b8a;font:inherit;cursor:pointer}.cf-create-preview-empty b,.cf-create-preview-empty small{display:block}.cf-create-preview-empty small{margin-top:4px;font-weight:500;line-height:1.4;opacity:.78}.cf-create-preview-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:var(--cf-accent);color:#fff}.cf-create-preview>p{margin:0;padding:12px 16px 16px;color:var(--cf-muted);font-size:12px}.cf-create-form{padding:22px;border:1px solid var(--cf-line);border-radius:22px;background:#fff}.cf-create-form .cf-create-extras,.cf-create-form section+section{margin-top:22px}.cf-create-form .cf-create-extras{margin-bottom:16px}.cf-create-form h2{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:16px}.cf-create-form h2 span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--cf-soft);color:var(--cf-accent);font-size:12px}.cf-create-form label{display:grid;gap:6px;margin-bottom:12px;color:var(--cf-muted);font-size:12px;font-weight:700}.cf-create-form input,.cf-create-form select,.cf-create-form textarea{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--cf-line);border-radius:11px;background:var(--cf-surface);color:var(--cf-text);font-weight:500}.cf-create-form textarea{min-height:88px;resize:vertical}.cf-create-tags{display:grid;gap:8px;margin-bottom:12px}.cf-create-tags>span{color:var(--cf-muted);font-size:12px;font-weight:700}.cf-create-tag-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:8px 10px;border:1px solid var(--cf-line);border-radius:11px;background:var(--cf-surface)}.cf-create-tag-box.is-disabled{opacity:.6}.cf-create-form .cf-create-tag-box input{flex:1;width:auto;min-width:120px;padding:4px 2px;border:0;background:transparent;box-shadow:none}.cf-create-tag-suggest{display:flex;flex-wrap:wrap;gap:6px}.cf-create-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid color-mix(in srgb,var(--cf-accent,#7c5cbf) 28%,var(--cf-line));border-radius:999px;background:color-mix(in srgb,var(--cf-accent,#7c5cbf) 10%,#fff);color:var(--cf-text);font-size:12px;font-weight:600;line-height:1.2;cursor:pointer}.cf-create-tag-chip.is-on{background:var(--cf-accent,#7c5cbf);border-color:var(--cf-accent,#7c5cbf);color:#fff}.cf-create-public{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px;padding:12px 14px;border:1px solid var(--cf-line);border-radius:11px;background:var(--cf-surface)}.cf-create-public b{display:block;color:var(--cf-text);font-size:13px}.cf-create-public small{display:block;margin-top:4px;color:var(--cf-muted);font-size:12px;font-weight:500;line-height:1.4}.cf-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cf-create-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-create-style-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;padding:10px 12px;border:1px solid var(--cf-line);border-radius:11px;background:var(--cf-surface);color:var(--cf-text);font-weight:500;text-align:left;cursor:pointer}.cf-create-style-btn:disabled{opacity:.6;cursor:not-allowed}.cf-create-style-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-create-prompt{display:grid;gap:6px;margin-bottom:12px}.cf-create-prompt-head{display:flex;justify-content:space-between;gap:8px;color:var(--cf-muted)}.cf-create-prompt-btn,.cf-create-prompt-head{align-items:center;font-size:12px;font-weight:700}.cf-create-prompt-btn{display:inline-flex;gap:4px;height:28px;padding:0 10px;border:1px solid color-mix(in srgb,var(--cf-accent,#7c5cbf) 42%,var(--cf-line));border-radius:999px;background:color-mix(in srgb,var(--cf-accent,#7c5cbf) 10%,#fff);color:var(--cf-accent,#7c5cbf);cursor:pointer}.cf-create-prompt-btn:disabled{opacity:.6;cursor:not-allowed}.cf-create-prompt textarea{min-height:88px}.cf-create-prompt.is-stale textarea{border-color:#d97706}.cf-create-prompt-hint{margin:0;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,#d97706 12%,#fff);color:#9a6700;font-size:12px;font-weight:600;line-height:1.45}.cf-create-tabs{display:flex;gap:8px;margin-bottom:14px}.cf-create-tabs button{height:36px;padding:0 14px;border:1px solid var(--cf-line);border-radius:999px;background:#fff;cursor:pointer}.cf-create-tabs button.active{border-color:var(--cf-accent);background:var(--cf-soft);color:var(--cf-accent)}.cf-create-generate{width:100%;min-height:52px;padding:10px 16px;display:flex;align-items:center;justify-content:flex-start;gap:8px;border:0;border-radius:14px;background:var(--cf-accent);color:#fff;cursor:pointer}.cf-create-generate:disabled{opacity:.55;cursor:not-allowed}.cf-create-generate small{margin-left:auto;color:hsla(0,0%,100%,.78);font-size:11px}.cf-create-upload{padding:18px;border:1px dashed #c9c2e6;border-radius:14px;background:#faf9ff;text-align:center}.cf-create-upload input{display:none}.cf-create-upload span{display:inline-flex;align-items:center;gap:8px;color:var(--cf-accent)}.cf-create-upload.is-busy{pointer-events:none}.cf-create-upload-progress{margin-top:12px}.cf-create-upload-track{height:6px;overflow:hidden;border-radius:99px;background:#e8e4f4}.cf-create-upload-track i{display:block;height:100%;border-radius:inherit;background:var(--cf-accent);transition:width .16s ease}.cf-create-extras{width:100%;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 0 16px;border:0;background:transparent;color:var(--cf-text);cursor:pointer}.cf-create-extra-fields{margin-top:8px;margin-bottom:16px}@media (max-width:900px){.cf-create-grid,.cf-create-grid-2,.cf-create-layout{grid-template-columns:1fr}.cf-create-page{width:100%}.cf-create-head{margin-bottom:14px}.cf-create-layout{display:flex;flex-direction:column;gap:14px}.cf-create-preview{display:none}.cf-create-form{order:1;width:100%;padding:16px}#cf-create-image-section{scroll-margin-top:72px}.cf-create-inline-preview{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin:2px 0 14px;padding:0;border:0;background:transparent;cursor:zoom-in;scroll-margin-top:72px}.cf-create-inline-preview img{width:auto;max-width:min(100%,calc(42vh * 9 / 16));max-height:min(42vh,360px);aspect-ratio:9/16;-o-object-fit:cover;object-fit:cover;border-radius:16px}.cf-create-inline-preview span{color:var(--cf-muted);font-size:12px;font-weight:600}.cf-create-head-row{flex-direction:row;align-items:center}.cf-create-head h1{font-size:26px}}.cf-toast{position:fixed;z-index:100;left:50%;bottom:24px;padding:10px 17px;border-radius:99px;background:#101011;color:#fff;transform:translateX(-50%)}@media (max-width:900px){.cf-genres,.cf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-modal{width:min(100vw - 24px,520px);height:min(90dvh,860px);max-height:min(90dvh,860px);flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.cf-modal-art{width:min(100%,calc(42dvh * 9 / 16));height:auto;max-height:42dvh;margin:0 auto;flex:none}.cf-modal-side{flex:1 0 auto;min-height:auto}.cf-drawer-body{flex:none;overflow:visible}.cf-drawer-foot{position:sticky;bottom:0;z-index:2}}.cf-openings{display:grid;gap:10px}.cf-openings button{min-height:104px;padding:16px;display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;border:1px solid var(--cf-line);border-radius:16px;background:#fff;text-align:left;cursor:pointer}.cf-openings b,.cf-openings small{display:block}.cf-openings small{margin-top:3px;color:var(--cf-muted);font-size:11px}.cf-openings i,.cf-openings strong{color:var(--cf-accent);font-style:normal}.cf-opening-head{flex-wrap:wrap}.cf-head .cf-opening-hint{flex-basis:100%;margin:2px 0 0;color:var(--cf-muted)}.cf-opening-refresh{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:0;flex-shrink:0}.cf-opening-refresh button{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--cf-accent);border-radius:12px;background:#fff;color:var(--cf-accent);font-weight:800;cursor:pointer}.cf-refresh-spin{display:inline-block;animation:cf-spin .8s linear infinite}.cf-opening-wait{display:grid;gap:14px}.cf-opening-wait-status{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #d8d2e8;border-radius:16px;background:linear-gradient(90deg,#f7f4ff,#fff,#f7f4ff);background-size:200% 100%;animation:cf-wait-glow 2.4s ease-in-out infinite}.cf-opening-wait-status b,.cf-opening-wait-status small{display:block}.cf-opening-wait-status small{margin-top:3px;color:var(--cf-muted);font-size:12px;animation:cf-hint-in .35s ease}.cf-opening-orb{width:28px;height:28px;flex:none;border:2px solid #d7ccff;border-top:2px solid var(--cf-accent);border-radius:50%;animation:cf-spin .75s linear infinite}.cf-openings-skeleton,.cf-openings-streaming{pointer-events:none}.cf-opening-skel{min-height:104px;padding:16px;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;border:1px dashed #d8d2e8;border-radius:16px;background:#fff;animation:cf-skel-in .45s ease both}.cf-opening-skel i{color:var(--cf-accent);font-style:normal;opacity:.45}.cf-opening-skel span{display:grid;gap:8px}.cf-opening-skel b,.cf-opening-skel small{display:block;height:12px;border-radius:99px;background:linear-gradient(90deg,#eee9f6 20%,#f7f4ff 50%,#eee9f6 80%);background-size:200% 100%;animation:cf-shimmer 1.4s ease-in-out infinite}.cf-opening-skel b{width:38%;height:14px}.cf-opening-skel small:first-of-type{width:92%}.cf-opening-skel small:nth-of-type(2){width:68%}@keyframes cf-spin{to{transform:rotate(1turn)}}@keyframes cf-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes cf-wait-glow{0%,to{background-position:0 0}50%{background-position:100% 0}}@keyframes cf-hint-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cf-skel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cf-chapter-skel i,.cf-chapter-wait,.cf-chapter-wait-hint,.cf-editor.is-generating textarea,.cf-modal,.cf-opening-orb,.cf-opening-skel,.cf-opening-skel b,.cf-opening-skel small,.cf-opening-wait-status,.cf-opening-wait-status small,.cf-refresh-spin{animation:none}}.cf-opening-refresh button:disabled{border-color:var(--cf-line);color:var(--cf-muted);cursor:not-allowed}.cf-own-story{margin-top:22px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px dashed #bdb6d8;border-radius:17px;background:#faf9ff}.cf-own-story span{display:flex;flex-direction:column;gap:6px;min-width:0}.cf-own-story span small{color:var(--cf-muted);line-height:1.45}.cf-commandbar{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.7fr);gap:10px;padding:10px;border:1px solid #d8d2e8;border-radius:17px;background:hsla(0,0%,100%,.96)}.cf-work-title{display:flex;flex-direction:column;font-size:10px;font-weight:800}.cf-work-title-wide{margin-bottom:14px}.cf-work-title input{height:54px;margin-top:6px;padding:0 14px;border:1px solid var(--cf-line);border-radius:12px;font-size:22px;font-weight:700;letter-spacing:-.02em}.cf-ai-toolbar{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:11px;background:#f5f1ff}.cf-ai-toolbar>div:first-child{display:flex;align-items:center;gap:9px}.cf-ai-toolbar i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--cf-accent);color:#fff;font-style:normal}.cf-ai-actions{display:flex;flex-wrap:wrap;gap:8px}.cf-ai-actions button{padding:7px 11px;border:1px solid #d7ccff;border-radius:10px;background:#fff;color:var(--cf-accent);font-weight:800;cursor:pointer}.cf-editor{margin-top:18px;padding:14px 16px 8px;border:1px solid var(--cf-line);border-radius:20px;background:#fff}.cf-editor.is-compact{margin-top:0;position:relative}.cf-editor.is-compact .cf-editor-preview,.cf-editor.is-compact textarea{min-height:220px;max-height:38vh;overflow:auto;field-sizing:unset}.cf-editor.is-compact .cf-ai-compose textarea{min-height:64px;max-height:96px}.cf-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-weight:800}.cf-editor-head small{color:var(--cf-muted);font-weight:400}.cf-editor-box{overflow:visible;border:0;border-radius:0;background:transparent}.cf-editor-menubar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;min-height:42px;margin:0 -16px;padding:5px 8px;border-bottom:1px solid var(--cf-line);background:linear-gradient(#faf9f6,#f4f2ee)}.cf-editor-menubar button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#2d2836;font-size:13px;font-weight:600;cursor:pointer}.cf-editor-menubar button:hover:not(:disabled){background:#ece8f4;color:var(--cf-accent)}.cf-editor-menubar button:disabled{color:#b4afb8;cursor:not-allowed}.cf-editor-menubar button.is-select{background:#efeaff;color:var(--cf-accent)}.cf-ai-compose{margin:0 -16px;padding:10px 12px 12px;border-bottom:1px solid #d7ccff;background:#f7f4ff}.cf-ai-compose>p{margin:0 0 8px;color:var(--cf-muted);font-size:12px;line-height:1.45}.cf-ai-compose-row{display:flex;align-items:flex-end;gap:8px}.cf-ai-compose textarea{flex:1 1 auto;min-height:64px;max-height:96px;margin:0;padding:8px 10px;border:1px solid #d7ccff;border-radius:10px;background:#fff;color:var(--cf-text);font-size:13px;line-height:1.45;resize:none;field-sizing:unset}.cf-ai-compose-actions{display:flex;flex-shrink:0;gap:6px}.cf-ai-compose-actions .cf-primary,.cf-ai-compose-actions .cf-quiet{min-height:36px;padding:0 12px;font-size:13px}@media (max-width:560px){.cf-ai-compose-row{flex-direction:column;align-items:stretch}.cf-ai-compose-actions{justify-content:flex-end}}.cf-editor-sep{width:1px;height:18px;margin:0 6px;background:#d8d4cc}.cf-editor label{display:block;font-weight:800}.cf-chapter-wait-inline{margin:0;border:0;border-bottom:1px solid #d8d2e8;border-radius:0}.cf-chapter-wait-copy{min-width:0;flex:1 1 auto}.cf-chapter-wait-stop{align-self:center;margin-left:0;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid #d7ccff;border-radius:10px;background:#fff;color:var(--cf-accent);font-size:13px;font-weight:800;line-height:1;white-space:nowrap;cursor:pointer}.cf-ai-review,.cf-chapter-wait-stop:hover{background:#f7f4ff}.cf-ai-review{margin:0;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-top:1px solid #d7ccff;border-radius:0}.cf-ai-review>div{display:flex;gap:8px}.cf-select-menu{position:fixed;z-index:80;display:flex;gap:6px;padding:6px;border:1px solid #d7ccff;border-radius:12px;background:#fff;box-shadow:0 10px 28px #30207222}.cf-select-menu button{padding:7px 12px;border:0;border-radius:9px;background:#f7f4ff;color:var(--cf-accent);font-weight:800;cursor:pointer}.cf-prompt-hint{margin:0 0 10px;color:var(--cf-muted);font-size:12px}.cf-editor textarea,.cf-editor-preview{width:100%;min-height:160px;margin:0;padding:12px 16px 16px;border:0;border-radius:0;line-height:1.8;overflow:hidden;box-sizing:border-box}.cf-editor textarea{display:block;resize:none;field-sizing:content}.cf-editor .cf-ai-compose textarea{display:block;flex:1 1 auto;width:auto;min-height:64px;max-height:96px;margin:0;padding:8px 10px;border:1px solid #d7ccff;border-radius:10px;background:#fff;line-height:1.45;overflow:auto;resize:none;field-sizing:unset}.cf-editor-preview{white-space:pre-wrap;word-break:break-word;background:transparent}.cf-ai-new{color:var(--cf-accent);background:#eee8ff;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.cf-chapter-wait{margin-top:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;border:1px solid #d8d2e8;border-radius:16px;background:linear-gradient(90deg,#f7f4ff,#fff,#f7f4ff);background-size:200% 100%;animation:cf-wait-glow 2.4s ease-in-out infinite}.cf-chapter-wait b,.cf-chapter-wait-hint{display:block;float:none}.cf-chapter-wait b{line-height:1.35}.cf-chapter-wait-hint{margin-top:3px;color:var(--cf-muted);font-size:12px;font-weight:400;line-height:1.4;animation:cf-hint-in .35s ease}.cf-editor.is-generating{box-shadow:inset 0 0 0 1px #d7ccff}.cf-editor.is-generating textarea{border-color:#c9bbff;caret-color:var(--cf-accent);animation:cf-editor-pulse 1.6s ease-in-out infinite}.cf-chapter-skel{min-height:300px;margin-top:8px;padding:18px 16px;display:grid;align-content:start;gap:12px;border:1px dashed #d8d2e8;border-radius:13px;background:#faf8ff}.cf-chapter-skel i{display:block;height:12px;border-radius:99px;background:linear-gradient(90deg,#eee9f6 20%,#f7f4ff 50%,#eee9f6 80%);background-size:200% 100%;animation:cf-shimmer 1.4s ease-in-out infinite}.cf-chapter-skel i:first-child{width:46%}.cf-chapter-skel i:nth-child(2){width:94%}.cf-chapter-skel i:nth-child(3){width:88%}.cf-chapter-skel i:nth-child(4){width:91%}.cf-chapter-skel i:nth-child(5){width:62%}@keyframes cf-editor-pulse{0%,to{box-shadow:0 0 0 0 #6d48ff00}50%{box-shadow:0 0 0 3px #6d48ff22}}.cf-add-chapter-page .cf-app:has(.cf-chapter){min-height:0;height:100%;overflow:hidden}.cf-add-chapter-page .cf-page.cf-chapter{height:100%;max-height:100%}.cf-app:has(.cf-chapter){height:100dvh;overflow:hidden}.cf-page.cf-chapter{display:flex;flex-direction:column;box-sizing:border-box;height:calc(100dvh - 68px);max-height:calc(100dvh - 68px);padding:20px 0 16px;overflow:hidden}.cf-chapter .cf-chapter-wait:not(.cf-chapter-wait-inline),.cf-chapter .cf-work-title-wide{flex:0 0 auto}.cf-chapter .cf-editor{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;margin-top:0}.cf-chapter .cf-editor-head{flex:0 0 auto}.cf-chapter .cf-editor-box{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.cf-chapter .cf-ai-compose,.cf-chapter .cf-ai-review,.cf-chapter .cf-chapter-wait-inline,.cf-chapter .cf-editor-menubar{flex:0 0 auto}.cf-chapter .cf-editor-scroll{position:relative;flex:1 1 auto;min-height:0}.cf-chapter .cf-editor-scroll .cf-chapter-skel,.cf-chapter .cf-editor-scroll .cf-editor-preview,.cf-chapter .cf-editor-scroll textarea{position:absolute;inset:0;width:100%;height:100%;min-height:0;overflow:auto;field-sizing:unset}.cf-chapter .cf-editor-scroll .cf-editor-preview,.cf-chapter .cf-editor-scroll textarea{resize:none;padding:12px 16px 16px;box-sizing:border-box}.cf-actions{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:14px}.cf-actions,.cf-chapter .cf-actions{padding:13px 15px;border:1px solid var(--cf-line);border-radius:15px;background:#fff}.cf-chapter .cf-actions{position:static;z-index:auto;width:100%;margin:14px 0 0;-webkit-backdrop-filter:none;backdrop-filter:none}.cf-command-sheet{position:fixed;z-index:60;inset:0;display:grid;place-items:end center;background:#1118}.cf-command-sheet>div{position:relative;width:min(640px,100%);padding:25px;border-radius:22px 22px 0 0;background:#fff}.cf-command-sheet>div>button:first-of-type{position:absolute;top:14px;right:16px;width:36px;height:36px;border:0;border-radius:50%;background:#f4f2ee;color:#5c5666;font-size:22px;line-height:1;cursor:pointer}.cf-command-sheet textarea{width:100%;height:110px;padding:12px;border:1px solid var(--cf-line);border-radius:12px}.cf-command-sheet .cf-primary{width:100%;margin-top:12px}.cf-style-wrap{width:min(980px,calc(100% - 40px));margin:24px auto calc(40px + var(--cookie-banner-offset, 0px))}.cf-style-next{display:flex;justify-content:flex-end;margin-top:16px}@media (max-width:650px){.cf-create-page{width:100%}.cf-create-head{margin-bottom:14px}.cf-create-head h1{font-size:22px}.cf-create-head p{font-size:13px}.cf-create-quick{min-height:36px;padding:0 12px;font-size:13px}.cf-create-inline-preview img{max-height:min(38vh,300px)}.cf-topbar{height:60px;padding:0 10px}.cf-progress span span{display:none}.cf-genre,.cf-page{width:100%;padding:25px 12px 45px}.cf-custom{display:block}.cf-genres{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cf-genres button{padding:10px 11px;border-radius:14px}.cf-genres b{font-size:13px}.cf-genres small{font-size:10px}.cf-genres p{-webkit-line-clamp:1;font-size:11px}.cf-custom>div:last-child{width:100%;margin-top:10px}.cf-head{display:block}.cf-head-actions{margin-top:13px}.cf-opening-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 10px;margin-bottom:14px}.cf-opening-head>div:first-child{flex:1 1 0;min-width:0}.cf-opening-head h1{margin:4px 0 0;font-size:22px;line-height:1.2;letter-spacing:-.03em}.cf-head .cf-opening-hint{flex-basis:100%;margin:0;font-size:13px;line-height:1.45}.cf-opening-head .cf-head-actions{margin-top:0;margin-left:auto}.cf-opening-refresh{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;max-width:46%;gap:6px}.cf-opening-refresh button{min-height:34px;padding:0 10px;font-size:13px}.cf-opening-refresh small{font-size:11px;white-space:nowrap}.cf-openings button{grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;align-items:start;gap:6px 10px;min-height:0;padding:14px}.cf-openings button>span{min-width:0}.cf-openings i{padding-top:2px;font-size:15px}.cf-openings b{font-size:16px}.cf-openings small{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.5}.cf-openings strong{grid-column:1/-1;display:flex;justify-content:flex-end;width:100%;margin-top:4px;padding-top:10px;border-top:1px solid var(--cf-line);font-size:13px}.cf-own-story{flex-direction:column;align-items:stretch;gap:12px}.cf-own-story span{gap:6px}.cf-own-story .cf-primary{width:100%}.cf-editor-menubar{gap:0}.cf-editor-menubar button{padding:0 8px;font-size:12px}.cf-ai-review{flex-direction:column;align-items:stretch}.cf-page.cf-chapter{width:100%;height:calc(100dvh - 60px);max-height:calc(100dvh - 60px);padding:16px 12px calc(12px + env(safe-area-inset-bottom, 0px))}.cf-work-title input{height:50px;font-size:20px}.cf-editor{padding:12px 12px 6px}.cf-editor-menubar{margin:0 -12px}.cf-chapter .cf-actions{padding:12px}.cf-chapter .cf-actions .cf-primary{min-height:44px;padding:0 16px}.cf-chapter-wait{padding:10px 12px;gap:10px}.cf-chapter-wait-inline{padding:8px 12px}.cf-chapter-wait b{font-size:13px}.cf-chapter-wait-hint{font-size:11px}.cf-chapter-wait-stop{min-height:36px;min-width:36px;padding:0 10px;font-size:12px}}