.writer-template-browser-shell{min-width:0}.writer-template-browser-shell [data-template-preview]{display:flow-root}.writer-template-browser-shell[data-presentation=dialog]{display:contents}.writer-template-browser-shell[data-presentation=dialog]>[data-template-preview]{display:none}.writer-template-browser{width:100%;min-width:0;color:#171129;text-align:start;--template-accent: #6d4aff}.writer-template-browser [hidden]{display:none!important}.writer-template-browser-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-block-end:24px}.writer-template-browser-heading h2{margin:0;font-size:max(21px,min(2vw,26px));font-weight:700;line-height:1.35}.writer-template-browser-search{display:flex;align-items:center;gap:9px;width:min(100%,280px);min-height:42px;border:1px solid #e4dff1;border-radius:9px;background:rgba(255,255,255,.8);padding-inline:13px;color:#80768e}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-search{display:none}.writer-template-browser-search svg{width:17px;height:17px;flex:0 0 auto}.writer-template-browser-search input{width:100%;min-width:0;border:0;background:transparent;padding-block:10px;color:#171129;font:inherit;font-size:13px;outline:none}.writer-template-browser-tabs-nav{position:relative;min-width:0;margin-block-end:14px}.writer-template-browser-tabs-arrow{position:absolute;z-index:1;inset-block-start:8px;display:grid;align-items:center;justify-items:center;place-items:center;width:32px;height:32px;padding:0;border:1px solid #e5def4;border-radius:50%;background:rgba(255,255,255,.96);color:var(--template-accent);box-shadow:0 2px 10px rgba(75,44,138,.12);opacity:0;pointer-events:none;cursor:pointer;transition:opacity .16s}.writer-template-browser-tabs-arrow svg{display:block;width:16px;height:16px}.writer-template-browser [data-template-tabs-prev]{inset-inline-start:3px}.writer-template-browser [data-template-tabs-prev] svg{transform:rotate(180deg)}.writer-template-browser [data-template-tabs-next]{inset-inline-end:3px}.writer-template-browser-tabs-nav:has(:focus-visible) .writer-template-browser-tabs-arrow{opacity:1;pointer-events:auto}.writer-template-browser-tabs-arrow:focus-visible{outline:2px solid #a995ff;outline-offset:3px}.writer-template-browser-tabs{display:flex;gap:8px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:3px 3px 13px;scrollbar-width:thin;scrollbar-color:#d2c9ee transparent}.writer-template-browser-tabs button{flex:0 0 auto;border:1px solid transparent;border-radius:8px;background:rgba(255,255,255,.62);padding:10px 15px;color:#665d77;font:inherit;font-size:13px;font-weight:600;line-height:1.3;cursor:pointer;transition:background-color .16s,color .16s,border-color .16s}.writer-template-browser-tabs button:hover{border-color:#dedede;background:#f2f2f2;color:#292332}.writer-template-browser-tabs button[aria-selected=true]{background:var(--template-accent);color:#fff}.writer-template-browser-tabs button:focus-visible,.writer-template-browser-card:focus-visible,.writer-template-browser-card-body:focus-visible,.writer-template-browser-card-select:focus-visible,.writer-template-browser-cta:focus-visible,.writer-template-browser-more:focus-visible{outline:3px solid #b5a4ff;outline-offset:3px}.writer-template-browser [data-template-results]:focus-visible{outline:2px solid #b5a4ff;outline-offset:4px}.writer-template-browser-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.writer-template-browser-card{position:relative;display:flex;min-width:0;min-height:162px;flex-direction:column;border:1px solid #eee9f7;border-radius:12px;background:#fff;padding:22px;color:inherit;-webkit-text-decoration:none;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s}.writer-template-browser-card:hover{border-color:#c6b8ff;box-shadow:0 8px 24px rgba(75,44,138,.07);transform:translateY(-2px)}.writer-template-browser-card.is-selected{border-color:var(--template-accent);background:#faf8ff;box-shadow:0 0 0 1px var(--template-accent)}.writer-template-browser-card-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;padding:0;cursor:pointer}.writer-template-browser-card-body{display:flex;flex:1 1;flex-direction:column;color:inherit;-webkit-text-decoration:none;text-decoration:none}.writer-template-browser-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.writer-template-browser-card h3{margin:0;font-size:15px;font-weight:650;line-height:1.45;word-wrap:anywhere}.writer-template-browser-card h3 a{position:relative;z-index:1;color:inherit;-webkit-text-decoration:none;text-decoration:none;text-underline-offset:3px;transition:color .16s}.writer-template-browser-card h3 a:hover{color:var(--template-accent);-webkit-text-decoration:underline;text-decoration:underline}.writer-template-browser-icon{display:grid;align-items:center;justify-items:center;place-items:center;flex:0 0 auto;width:25px;height:25px;color:#9b69ff}.writer-template-browser-icon svg,.writer-template-browser-icon img{width:22px;height:22px}.writer-template-browser-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-block:10px 18px;color:#7b7486;font-size:12px;line-height:1.65;word-wrap:anywhere}.writer-template-browser-cta{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;margin-block-start:auto;color:var(--template-accent);font-size:12px;font-weight:600;line-height:1.4}.writer-template-browser-cta svg{width:13px;height:13px;flex:0 0 auto}.writer-template-browser button.writer-template-browser-cta{position:relative;z-index:1;align-self:flex-end;min-height:34px;border:1px solid rgba(35,29,46,.08);border-radius:999px;background:#fff;box-shadow:0 4px 14px rgba(35,29,46,.12);padding:7px 14px;color:#292332;font-family:inherit;cursor:pointer;transition:opacity .16s,background-color .16s,border-color .16s,box-shadow .16s}.writer-template-browser button.writer-template-browser-cta:hover{border-color:#d4d4d4;background:#e3e3e3;box-shadow:0 4px 12px rgba(35,35,35,.1)}.writer-template-browser[data-mode=select] .writer-template-browser-card{cursor:pointer}.writer-template-browser[data-dialog-open=true] [data-template-console-link]{pointer-events:none}.writer-template-browser-empty{margin:0;padding:48px 20px;border:1px dashed #d9d1eb;border-radius:12px;color:#7b7486;font-size:14px;text-align:center}.writer-template-browser-footer{display:grid;justify-items:center;grid-gap:12px;gap:12px;margin-block-start:22px}.writer-template-browser-more{display:inline-flex;align-items:center;min-height:40px;border:1px solid #ddd3ff;border-radius:8px;background:#fff;padding:9px 22px;color:var(--template-accent);font:inherit;font-size:13px;font-weight:600;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;transition:background-color .16s}.writer-template-browser-more:hover{background:#f5f1ff}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-heading{flex-wrap:nowrap;gap:8px;margin-block-end:10px}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-heading h2{flex:1 1;min-inline-size:0}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-heading-more{flex:0 0 44px;inline-size:44px;block-size:44px;justify-content:center;padding:10px;border:0;background:transparent;color:#666}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-heading-more svg{inline-size:22px;block-size:22px}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-heading-more:active{transform:translateY(1px)}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-tabs-nav{margin-block-end:6px}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-tabs{padding-block-end:6px}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-card{min-height:0;padding:16px}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-card p{-webkit-line-clamp:2;margin-block-end:0}@media (hover: hover){.writer-template-browser[data-mode=select] .writer-template-browser-card{min-height:0}.writer-template-browser[data-mode=select] .writer-template-browser-card p{margin-block-end:0}.writer-template-browser[data-mode=select] button.writer-template-browser-cta{position:absolute;z-index:2;inset-block-end:16px;inset-inline-end:16px;max-width:calc(100% - 32px);margin:0;opacity:0}.writer-template-browser[data-mode=select] .writer-template-browser-card:hover button.writer-template-browser-cta,.writer-template-browser[data-mode=select] .writer-template-browser-card:focus-within button.writer-template-browser-cta{opacity:1}.writer-template-browser-tabs-nav{padding-inline:40px}.writer-template-browser-tabs-nav:hover .writer-template-browser-tabs-arrow{opacity:1;pointer-events:auto}}@media (hover: none){.writer-template-browser-tabs-arrow{display:none}}@media (max-width: 1100px){.writer-template-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.writer-template-browser-grid{grid-template-columns:minmax(0,1fr);gap:12px}.writer-template-browser-heading{gap:14px;margin-block-end:18px}.writer-template-browser-search{width:100%}.writer-template-browser-card{min-height:146px;padding:20px}}.writer-template-browser-dialog{box-sizing:border-box;width:min(1240px,100vw - 136px);max-width:none;max-height:calc(100dvh - 56px);margin:auto;padding:0;overflow:visible;border:0;border-radius:24px;background:#fff;color:#171129;box-shadow:0 28px 90px rgba(0,0,0,.28);text-align:start}.writer-template-browser-dialog[open]{display:flex;flex-direction:column;animation:writer-template-dialog-enter .16s ease-out}.writer-template-browser-dialog::backdrop{background:rgba(18,18,18,.56)}.writer-template-browser-dialog-heading{display:grid;grid-template-columns:-webkit-max-content minmax(260px,420px);grid-template-columns:max-content minmax(260px,420px);flex:0 0 auto;align-items:center;justify-content:space-between;grid-gap:20px;gap:20px;padding:28px 32px 18px;border:0;border-start-start-radius:24px;border-start-end-radius:24px;background:#fff}.writer-template-browser-dialog-heading h2{margin:0;font-size:24px;font-weight:700;line-height:1.4}.writer-template-browser-dialog-search-slot{display:flex;min-width:0;justify-content:flex-end}.writer-template-browser-dialog-search-slot .writer-template-browser-search{width:100%;min-height:46px;border-color:#d8d8d8;border-radius:12px;background:#fbfbfb;color:#696969}.writer-template-browser-dialog-close{position:absolute;inset-block-start:4px;inset-inline-end:-58px;display:grid;flex:0 0 auto;align-items:center;justify-items:center;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(31,28,37,.58);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:background-color .16s}.writer-template-browser-dialog-close:hover{background:rgba(31,28,37,.76)}.writer-template-browser-dialog-close:focus-visible{outline:3px solid #b5a4ff;outline-offset:2px}.writer-template-browser-dialog-close svg{width:21px;height:21px}.writer-template-browser-dialog-content{min-height:0;padding:12px 32px 32px;overflow-y:auto;border-end-start-radius:24px;border-end-end-radius:24px;background:#fff;overscroll-behavior:contain}.writer-template-browser-dialog .writer-template-browser{margin-block-start:0}.writer-template-browser-dialog .writer-template-browser-heading,.writer-template-browser-dialog .writer-template-browser-footer{display:none}.writer-template-browser-dialog .writer-template-browser-tabs-nav{margin-block-end:22px}.writer-template-browser-dialog .writer-template-browser-tabs{gap:6px;padding-block:2px 12px;scrollbar-color:#d4d4d4 transparent}.writer-template-browser-dialog .writer-template-browser-tabs button{border:0;border-radius:10px;background:transparent;padding:10px 14px;color:#3f3f3f;font-size:14px;font-weight:650}.writer-template-browser-dialog .writer-template-browser-tabs button:hover{background:#f1f1f1;color:#171717}.writer-template-browser-dialog .writer-template-browser-tabs button[aria-selected=true]{background:#ececec;color:#171717}.writer-template-browser-dialog .writer-template-browser-tabs-arrow{border-color:#dedede;background:rgba(255,255,255,.98);color:#303030;box-shadow:0 2px 10px rgba(0,0,0,.1)}.writer-template-browser-dialog .writer-template-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.writer-template-browser-dialog .writer-template-browser[data-mode=select] .writer-template-browser-card{min-height:172px;border:0;border-radius:14px;background:#f1f1f1;padding:24px;box-shadow:none}.writer-template-browser-dialog .writer-template-browser-card:hover{border:0;background:#eaeaea;box-shadow:none;transform:translateY(-1px)}.writer-template-browser-dialog .writer-template-browser-card.is-selected{border:0;background:#e9e9e9;box-shadow:inset 0 0 0 2px #373737}.writer-template-browser-dialog .writer-template-browser-card h3{color:#181818;font-size:17px;font-weight:700;line-height:1.35}.writer-template-browser-dialog .writer-template-browser-card p{margin-block-start:14px;color:#686868;font-size:14px;line-height:1.55}.writer-template-browser-dialog .writer-template-browser-icon{width:32px;height:32px}.writer-template-browser-dialog .writer-template-browser-icon svg,.writer-template-browser-dialog .writer-template-browser-icon img{width:28px;height:28px}@media (max-width: 900px) and (min-width: 561px){.writer-template-browser-dialog-heading{grid-template-columns:minmax(0,1fr)}.writer-template-browser-dialog-search-slot{justify-content:stretch}.writer-template-browser-dialog .writer-template-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes writer-template-dialog-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 560px){.writer-template-browser-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;overflow:hidden;border:0;border-radius:0}.writer-template-browser-dialog-heading{grid-template-columns:minmax(0,1fr) 38px;gap:14px;padding:max(16px,env(safe-area-inset-top)) 18px 16px;border-radius:0}.writer-template-browser-dialog-search-slot{grid-column:1/-1;grid-row:2}.writer-template-browser-dialog-close{position:static;grid-column:2;grid-row:1;width:38px;height:38px;border:0;background:transparent;color:#756a88;-webkit-backdrop-filter:none;backdrop-filter:none}.writer-template-browser-dialog-close:hover{background:#f0eef3}.writer-template-browser-dialog-content{flex:1 1;padding:20px 18px max(20px,env(safe-area-inset-bottom));border-radius:0}.writer-template-browser-dialog .writer-template-browser-search{width:100%}.writer-template-browser-dialog .writer-template-browser-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 900px){.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-tabs-nav{display:none}.writer-template-browser[data-source=home]:not([data-dialog-open=true]):not([data-template-browser-bound=true]) [data-template-parent-type]:not([data-template-parent-type=popular_tools]){display:none}.writer-template-browser[data-source=home]:not([data-dialog-open=true]):not([data-template-browser-bound=true]) .writer-template-browser-grid>:nth-child(n+7){display:none}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-heading h2{font-size:20px}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:64px;gap:8px}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) [data-template-results]{min-block-size:208px}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-card{padding:10px;border-radius:9px}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-card-body{justify-content:center}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-card header{align-items:center;justify-content:flex-start;gap:8px}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-card h3{min-inline-size:0;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-card p{display:none}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-icon{order:-1;inline-size:20px;block-size:20px}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-icon svg,.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-icon img{inline-size:20px;block-size:20px}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-footer{margin-block-start:14px}.writer-template-browser[data-source=home]:not([data-dialog-open=true]) .writer-template-browser-card:active{transform:scale(.98)}.writer-template-browser-dialog .writer-template-browser[data-source=home] .writer-template-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.writer-template-browser-dialog .writer-template-browser[data-source=home] .writer-template-browser-card{min-block-size:116px;min-height:116px;padding:12px;border-radius:10px}.writer-template-browser-dialog .writer-template-browser[data-source=home] .writer-template-browser-card header{gap:6px}.writer-template-browser-dialog .writer-template-browser[data-source=home] .writer-template-browser-card h3{font-size:14px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.writer-template-browser-dialog .writer-template-browser[data-source=home] .writer-template-browser-card p{margin-block-start:8px;font-size:12px;line-height:1.5;-webkit-line-clamp:2}.writer-template-browser-dialog .writer-template-browser[data-source=home] .writer-template-browser-icon,.writer-template-browser-dialog .writer-template-browser[data-source=home] .writer-template-browser-icon svg,.writer-template-browser-dialog .writer-template-browser[data-source=home] .writer-template-browser-icon img{inline-size:18px;block-size:18px}.writer-template-browser-dialog .writer-template-browser[data-source=home] .writer-template-browser-card:active{transform:scale(.98)}}@media (prefers-reduced-motion: reduce){.writer-template-browser-card,.writer-template-browser-tabs button,.writer-template-browser-tabs-arrow,.writer-template-browser-more,.writer-template-browser-dialog-close{transition:none}.writer-template-browser-card:hover{transform:none}.writer-template-browser-dialog[open]{animation:none}}