@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Inter:wght@400;500;600;650;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Roboto:wght@400;500;700&display=swap";.writopin-root{color:#17151b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--purple:#8244ee;--purple-deep:#6e36d7;--ink:#170f24;--sidebar:#140d20;--muted:#787780;--hairline:#e9e8eb;background:#f7f7f8;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}.writopin-root,.writopin-root *{box-sizing:border-box}.writopin-root{width:100%;min-width:320px;height:100%;min-height:100vh;margin:0}.writopin-root button,.writopin-root input{font:inherit}.writopin-root button{color:inherit}.writopin-root .app-shell{background:#f8f8f9;width:100%;height:100vh;min-height:100vh;display:flex;overflow:hidden}.writopin-root .feedback-trigger{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:40;color:#fff;background:#170f24;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-size:13px;font-weight:600;transition:transform .16s,background-color .16s,box-shadow .16s;display:inline-flex;position:fixed;box-shadow:0 12px 30px #170f2440}.writopin-root .feedback-trigger:hover{background:#2a1b3c;transform:translateY(-2px);box-shadow:0 16px 34px #170f244d}.writopin-root .feedback-trigger:focus-visible{outline-offset:3px;outline:3px solid #8244ee}@media (width<=640px){.writopin-root .feedback-trigger{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));min-height:46px;padding:0 15px}}@media (prefers-reduced-motion:reduce){.writopin-root .feedback-trigger{transition:none}.writopin-root .feedback-trigger:hover{transform:none}}.writopin-root .sidebar{z-index:5;color:#f7f5fa;background:var(--sidebar);flex:0 0 316px;height:100vh;min-height:720px;display:flex}.writopin-root .app-rail{color:#62616a;background:#fcfcfd;border-right:1px solid #efedf2;flex-direction:column;flex:0 0 58px;align-items:center;padding:16px 7px 14px;display:flex}.writopin-root .brand-mark{width:32px;height:32px;margin:3px 0 16px;position:relative}.writopin-root .brand-orbit{border:2px solid #5e36bb;border-bottom-color:#0000;border-radius:50%;position:absolute;transform:rotate(-14deg)}.writopin-root .orbit-one{inset:2px 3px 3px}.writopin-root .orbit-two{border-width:1.8px;inset:7px 8px 8px}.writopin-root .brand-core{background:#7545df;border-radius:50%;width:6px;height:6px;position:absolute;top:13px;left:13px;box-shadow:0 -8px 0 -1px #7545df}.writopin-root .rail-rule{background:#ddd9e3;width:30px;height:1px;margin-bottom:14px}.writopin-root .rail-button{color:#696772;cursor:pointer;background:0 0;border:0;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;margin-bottom:10px;display:grid;position:relative}.writopin-root .rail-button:hover{color:#382456;background:#f1edf9}.writopin-root .rail-button.rail-active{color:#fff;background:#1a1326;box-shadow:0 3px 10px #140d2022}.writopin-root .rail-active:before{content:"";background:#8550ec;border-radius:0 4px 4px 0;width:4px;height:18px;position:absolute;left:-13px}.writopin-root .rail-button.rail-notice i,.writopin-root .top-bell i{background:#f36269;border:1px solid #fff;border-radius:100%;width:6px;height:6px;position:absolute;top:7px;right:7px}.writopin-root .rail-button.rail-add{background:#eeedf1;height:38px;margin-top:1px}.writopin-root .rail-spacer{flex:1;min-height:95px}.writopin-root .side-content{background:radial-gradient(at 90% 16%,#1d122d 0,#150d21 48%,#120b1d 100%);flex-direction:column;flex:1;min-width:0;padding:16px 11px 12px;display:flex}.writopin-root .side-top{letter-spacing:-.02em;align-items:center;gap:9px;height:34px;padding:0 3px;font-size:15px;font-weight:600;display:flex}.writopin-root .collapse-sidebar,.writopin-root .side-settings{color:#d9d3e4;cursor:pointer;background:#ffffff12;border:1px solid #ffffff17;border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;display:grid}.writopin-root .side-settings{width:27px;height:27px;margin-left:auto}.writopin-root .side-search{color:#d4cfdb;border-bottom:1px solid #ffffff2c;align-items:center;gap:9px;height:39px;margin:10px 1px 17px;padding:0 8px;font-size:15px;display:flex}.writopin-root .side-search kbd{color:#dad4e1;background:#ffffff10;border:1px solid #ffffff25;border-radius:5px;margin-left:auto;padding:3px 5px;font-size:13px}.writopin-root .side-nav{flex-direction:column;flex:1;min-height:0;display:flex}.writopin-root .side-nav button{color:inherit;cursor:pointer}.writopin-root .nav-primary{color:#ded8e7;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;height:34px;padding:0 12px;font-size:15px;transition:background .16s,color .16s,box-shadow .16s;display:flex}.writopin-root .nav-primary:hover{color:#fff;background:#ffffff12}.writopin-root .nav-primary span{flex:1}.writopin-root .nav-tree{position:relative}.writopin-root .nav-overview{border-left:1px solid #70657e;margin:5px 0 14px 14px;padding:5px 0 7px 12px}.writopin-root .nav-overview:before{content:"";border-bottom:1px solid #70657e;border-left:1px solid #70657e;border-radius:0 0 0 12px;width:14px;height:11px;position:absolute;top:0;left:-1px}.writopin-root .nav-link{color:#d0cbd5;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;min-width:0;height:32px;padding:0 8px;font-size:14px;display:flex}.writopin-root .nav-link>span:first-child{flex:1;min-width:0}.writopin-root .nav-indent{width:100%;margin:1px 0 3px;padding-left:7px}.writopin-root .nav-indent svg{margin-left:auto}.writopin-root .nav-selected{color:#fff;background:#352a43;height:29px;box-shadow:inset 0 0 0 1px #ffffff08}.writopin-root .nav-count{background:#51465c;border-radius:6px;padding:3px 6px;font-size:13px;flex:none!important}.writopin-root .nav-section-heading{color:#e2dce7;justify-content:space-between;align-items:center;height:30px;margin-bottom:3px;padding:0 8px 0 18px;font-size:14px;display:flex}.writopin-root .nav-edit{color:#d7cfdf;background:0 0;border:0;padding:4px}.writopin-root .nav-folder{width:100%;padding:0 8px}.writopin-root .nav-folder>span:nth-child(2){flex:1}.writopin-root .nav-nested{border-left:1px solid #65596f;margin:2px 0 3px 12px;padding:1px 0 0 12px}.writopin-root .nav-nested:before{content:"";border-bottom:1px solid #65596f;border-left:1px solid #65596f;border-radius:0 0 0 11px;width:11px;height:12px;position:absolute;top:0;left:-1px}.writopin-root .nav-child{margin:2px 0 4px}.writopin-root .nav-subchild{color:#c4bfca;width:100%;padding-left:17px;font-size:13px;position:relative}.writopin-root .nav-subchild:before{content:"";border-bottom:1px solid #65596f;border-left:1px solid #65596f;border-radius:0 0 0 10px;width:11px;height:16px;position:absolute;top:0;left:-1px}.writopin-root .nav-loose{margin-top:4px}.writopin-root .new-folder{color:#ddd6e5;text-align:left;background:0 0;border:1px dashed #82768f8f;border-radius:8px;align-items:center;gap:9px;height:36px;margin:13px 2px 0;padding:0 10px;font-size:14px;display:flex}.writopin-root .new-folder svg{color:#3c2858;background:#d4b9ff;border-radius:50%;width:17px;height:17px;padding:2px}.writopin-root .trial-card{background:radial-gradient(at 80% 0,#3b1b6b 0%,#271443 47%,#21123a 100%);border:1px solid #ffffff12;border-radius:20px;flex:none;min-height:176px;margin:15px 0 2px;padding:67px 12px 11px;position:relative;box-shadow:inset 0 1px #ffffff0b}.writopin-root .trial-more{color:#fff;background:#ffffff13;border:1px solid #ffffff0c;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:12px;right:10px}.writopin-root .rocket{filter:drop-shadow(0 5px 4px #10072066);font-size:53px;position:absolute;top:-19px;left:17px;transform:rotate(-20deg)}.writopin-root .trial-card strong{letter-spacing:-.02em;margin-bottom:7px;font-size:13px;font-weight:500;display:block}.writopin-root .trial-card>span{color:#d1c7df;font-size:13px;line-height:1.65;display:block}.writopin-root .upgrade-button{color:#f4eff9;background:#ffffff14;border:1px solid #ffffff0a;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;height:32px;margin-top:11px;font-size:13px;display:flex}.writopin-root .main-content{background:#fbfbfc;flex-direction:column;flex:1;width:0;min-width:0;height:100vh;min-height:0;display:flex;position:relative;overflow:hidden}.writopin-root .topbar{z-index:2;background:#fff;border-bottom:1px solid #f1f0f2;flex:0 0 66px;justify-content:space-between;align-items:center;height:66px;padding:0 25px 0 21px;display:flex}.writopin-root .storage-summary{align-items:center;gap:9px;display:flex}.writopin-root .cloud-icon{background:#e7f3fc;border:1px solid #d9e8f2;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 2px 5px #1a4d7412}.writopin-root .storage-copy{width:182px}.writopin-root .storage-label{white-space:nowrap;align-items:center;gap:22px;margin-bottom:5px;font-size:14px;display:flex}.writopin-root .storage-label strong{font-weight:600}.writopin-root .storage-label span{color:#55525a;font-size:13px}.writopin-root .storage-track{background:#ecebf0;border-radius:8px;height:6px;overflow:hidden}.writopin-root .storage-track i{border-radius:inherit;background:linear-gradient(90deg,#9349f6,#7740df);width:50%;height:100%;display:block}.writopin-root .top-actions{align-items:center;gap:13px;display:flex}.writopin-root .top-icon{color:#65636b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:relative}.writopin-root .top-icon:hover{background:#f5f2fa}.writopin-root .theme-icon{color:#7941e6;border-color:#eeedf1;font-size:19px;box-shadow:0 2px 5px #1a16200e}.writopin-root .theme-icon span{background:#f1eaff;border-radius:50%;place-items:center;width:15px;height:15px;display:grid}.writopin-root .top-bell i{top:4px;right:4px}.writopin-root .profile-avatar{color:#fff;text-shadow:0 1px 2px #583426;cursor:pointer;background:radial-gradient(circle at 50% 34%,#f4d5c2 0 19%,#0000 20%),radial-gradient(at 50% 95%,#453c48 0 31%,#0000 32%),linear-gradient(135deg,#efd4c2,#ac7861);border:2px solid #f4ece6;border-radius:50%;place-items:center;width:33px;height:33px;font-size:12px;font-weight:700;display:grid}.writopin-root .mobile-menu{display:none!important}.writopin-root .breadcrumb-bar{z-index:1;background:#fcfcfd;border-bottom:1px solid #e9e8eb;flex:0 0 49px;justify-content:space-between;align-items:center;min-height:49px;padding:0 22px 0 23px;display:flex}.writopin-root .breadcrumbs{color:#63616a;white-space:nowrap;align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}.writopin-root .breadcrumbs b{color:#a7a5ac;font-weight:400}.writopin-root .breadcrumbs button{color:#626069;font-size:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:3px 0;display:flex}.writopin-root .breadcrumbs strong{color:#201e24;font-weight:500}.writopin-root .crumb-count{color:#44414a;background:#eeedf0;border-radius:10px;padding:3px 7px;font-size:13px}.writopin-root .breadcrumb-actions,.writopin-root .section-actions{align-items:center;gap:9px;display:flex}.writopin-root .sort-button{color:#333139;white-space:nowrap;cursor:pointer;background:#f6f6f7;border:1px solid #eeedf0;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:31px;padding:0 10px;font-size:14px;display:flex}.writopin-root .create-wrap{position:relative}.writopin-root .create-button{color:#fff;cursor:pointer;background:linear-gradient(110deg,#914df5,#8041e9);border:0;border-radius:9px;align-items:center;gap:5px;height:32px;padding:0 12px;font-size:14px;display:flex;box-shadow:0 2px 5px #7035d224}.writopin-root .create-menu{z-index:8;background:#fff;border:1px solid #eae8ee;border-radius:10px;width:155px;padding:5px;position:absolute;top:38px;right:0;box-shadow:0 8px 26px #1d132322}.writopin-root .create-menu button{color:#302c36;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px;font-size:14px;display:flex}.writopin-root .create-menu button:hover{background:#f6f1ff}.writopin-root .content-scroll{scrollbar-color:#d3cfd8 transparent;scrollbar-width:thin;flex:1;min-height:0;padding:12px 20px 65px;overflow:auto}.writopin-root .section-heading{justify-content:space-between;align-items:center;min-height:28px;margin-bottom:5px;display:flex}.writopin-root .section-heading h1,.writopin-root .section-heading h2{letter-spacing:-.035em;margin:0;font-size:13px;font-weight:600}.writopin-root .view-all{color:#37343c;cursor:pointer;background:#fdfdfe;border:1px solid #e8e7ea;border-radius:7px;align-items:center;gap:4px;height:27px;padding:0 9px;font-size:13px;display:flex}.writopin-root .recent-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;display:grid}.writopin-root .recent-card{min-width:0;padding-bottom:6px}.writopin-root .recent-preview{cursor:pointer;background:#f1f1f2;border:0;border-radius:15px;width:100%;height:114px;padding:8px;display:block;overflow:hidden}.writopin-root .preview-doc,.writopin-root .preview-image{background:linear-gradient(125deg,#fff 0% 68%,#fafafa 100%);border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 3px 8px #1f18220b}.writopin-root .preview-doc{align-items:flex-start;padding:15px 14px;display:flex}.writopin-root .preview-doc .file-type{flex:0 0 27px;width:27px;height:27px;box-shadow:0 2px 5px #0000000c}.writopin-root .preview-tooltip{z-index:1;color:#fff;background:#21142e;border-radius:9px;padding:8px 14px;font-size:10px;position:absolute;top:34px;left:56px;box-shadow:0 4px 10px #130a1c26}.writopin-root .preview-lines{flex-direction:column;gap:8px;display:flex;position:absolute;top:57px;left:13px;right:12px}.writopin-root .preview-lines i{background:#f1f2f2;border-radius:4px;height:12px}.writopin-root .preview-lines i:nth-child(2){width:94%}.writopin-root .preview-lines i:nth-child(3){width:82%}.writopin-root .preview-notes .preview-lines{top:58px}.writopin-root .preview-image{background:#f5f4f1;grid-template-rows:1fr 20px;grid-template-columns:1fr 1fr;gap:3px 6px;padding:9px 8px;display:grid}.writopin-root .magazine-head{z-index:1;letter-spacing:-.06em;color:#141414;width:42%;font-family:Georgia,serif;font-size:10px;font-weight:700;line-height:.9;position:absolute;top:7px;left:7px}.writopin-root .magazine-photo{background:linear-gradient(135deg,#d4d1ca,#9d9588 52%,#ebe6db);position:relative;overflow:hidden}.writopin-root .photo-one{border-radius:3px;grid-area:1/2;margin-top:3px}.writopin-root .photo-two{background:linear-gradient(135deg,#b5b1aa,#857769 48%,#d7d2c9);grid-area:1/1;margin:31px 1px 0 0}.writopin-root .magazine-photo span{background:linear-gradient(#3b342c 0 34%,#cda78b 35% 52%,#c8b9a8 53%);border-radius:45% 45% 30% 30%;width:28%;height:55%;position:absolute;top:15%;left:36%}.writopin-root .magazine-caption{color:#25232a;font-size:4px;position:absolute;bottom:4px;left:5px}.writopin-root .magazine-side-lines{flex-direction:column;gap:3px;width:34%;display:flex;position:absolute;bottom:6px;right:8px}.writopin-root .magazine-side-lines i{background:#d2d0cb;height:3px}.writopin-root .recent-copy{justify-content:space-between;align-items:center;gap:4px;min-width:0;margin:9px 4px 2px;display:flex}.writopin-root .recent-name{color:#201e24;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.writopin-root .recent-edited{color:#77757e;margin:0 4px;font-size:13px;display:block}.writopin-root .icon-button{color:#6c6972;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;width:27px;height:27px;display:grid}.writopin-root .icon-button:hover{color:#6736c5;background:#f1edf8}.writopin-root .more-button{width:22px;height:22px}.writopin-root .folders-section{border-top:1px solid #e9e8eb;margin-top:5px;padding-top:12px}.writopin-root .folders-section .section-heading{margin-bottom:7px}.writopin-root .folder-sort{color:#40354c;background:#f0ebf8;border-color:#eee8f7}.writopin-root .folders-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:9px 1px 8px;display:grid}.writopin-root .folder-card{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;height:120px;padding:8px 0 0;position:relative}.writopin-root .folder-back{background:#e9e2f8;border-radius:14px 13px 4px 3px;width:calc(100% - 21px);height:35px;position:absolute;top:6px;left:10px;transform:rotate(-5deg)}.writopin-root .folder-back-two{background:#d4c1f4;width:calc(100% - 28px);top:12px;left:15px;transform:rotate(-2deg)}.writopin-root .folder-face{background:#fff;border-radius:14px 16px 17px 17px;flex-direction:column;align-items:flex-start;padding:10px 12px 8px;transition:transform .16s,box-shadow .16s;display:flex;position:absolute;inset:15px 0 0;overflow:hidden;box-shadow:0 8px 18px #2a1a4310}.writopin-root .folder-face:before{content:"";background:inherit;border-radius:14px 13px 0 0;width:45%;height:22px;position:absolute;top:-11px;left:0}.writopin-root .folder-card:hover .folder-face{transform:translateY(-3px);box-shadow:0 12px 20px #2a1a431a}.writopin-root .folder-symbol{z-index:1;align-items:center;height:25px;margin-bottom:3px;display:grid}.writopin-root .file-type{border-radius:50%;flex:0 0 27px;justify-content:center;align-items:center;width:27px;height:27px;font-size:13px;font-weight:500;display:inline-flex}.writopin-root .word-type{color:#fff;background:#347fdc}.writopin-root .excel-type{color:#fff;background:#258a70}.writopin-root .file-type-compact{flex-basis:22px;width:22px;height:22px;font-size:11px}.writopin-root .figma-type{background:0 0;border-radius:0;grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 1fr;gap:0;width:23px;height:27px;display:grid;position:relative}.writopin-root .figma-type i{width:11px;height:9px;display:block}.writopin-root .figma-type i:first-child{background:#f24e1e;border-radius:6px 0 0 6px}.writopin-root .figma-type i:nth-child(2){background:#ff7262;border-radius:0 6px 6px 0}.writopin-root .figma-type i:nth-child(3){background:#a259ff;border-radius:6px 0 0 6px}.writopin-root .figma-type i:nth-child(4){background:#1abcfe;border-radius:0 6px 6px 0}.writopin-root .figma-type i:nth-child(5){background:#0acf83;border-radius:6px 0 6px 6px}.writopin-root .figma-type i:first-child,.writopin-root .figma-type i:nth-child(2){grid-row:1}.writopin-root .figma-type i:nth-child(3),.writopin-root .figma-type i:nth-child(4){grid-row:2}.writopin-root .figma-type i:nth-child(5){grid-area:3/1}.writopin-root .sketch-type{color:#eeb512;filter:drop-shadow(0 1px #f6d96c);font-size:25px}.writopin-root .sketch-type span{line-height:1}.writopin-root .folder-name{z-index:1;color:#25222a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:3px;font-size:13px;font-weight:500;overflow:hidden}.writopin-root .folder-details{z-index:1;color:#85828b;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:5px;font-size:12px;overflow:hidden}.writopin-root .avatar-stack{flex:none;align-items:center;display:inline-flex}.writopin-root .folder-face>.avatar-stack{position:absolute;bottom:8px;right:10px}.writopin-root .avatar{color:#fff;letter-spacing:-.03em;border:1.5px solid #fff;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;margin-left:-7px;font-size:7px;font-weight:700;display:inline-grid;overflow:hidden;box-shadow:0 1px 3px #1e14222c}.writopin-root .avatar:first-child{margin-left:0}.writopin-root .avatar-0{background:radial-gradient(circle at 50% 34%,#f0c7a8 0 24%,#0000 25%),radial-gradient(at 50% 14%,#3c2922 0 35%,#0000 36%),linear-gradient(145deg,#ba8974,#553d38)}.writopin-root .avatar-1{background:radial-gradient(circle at 50% 34%,#e2b797 0 24%,#0000 25%),radial-gradient(at 50% 14%,#2c2829 0 36%,#0000 37%),linear-gradient(145deg,#bd8c69,#55433d)}.writopin-root .avatar-2{background:radial-gradient(circle at 50% 34%,#f1cdb0 0 24%,#0000 25%),radial-gradient(at 50% 14%,#574136 0 35%,#0000 36%),linear-gradient(145deg,#d5a68c,#68534a)}.writopin-root .avatar-3{background:radial-gradient(circle at 50% 34%,#ce9b78 0 24%,#0000 25%),radial-gradient(at 50% 14%,#302b28 0 36%,#0000 37%),linear-gradient(145deg,#a87a60,#47362d)}.writopin-root .avatar-4{background:radial-gradient(circle at 50% 34%,#eac1a3 0 24%,#0000 25%),radial-gradient(at 50% 14%,#47362c 0 35%,#0000 36%),linear-gradient(145deg,#c69577,#725548)}.writopin-root .avatar-small{flex-basis:23px;width:23px;height:23px;font-size:6px}.writopin-root .avatar-extra{color:#746783;background:#f1eef5;border-color:#fff;font-size:8px;box-shadow:0 1px 3px #1e14220c}.writopin-root .folder-card-dark .folder-face{background:linear-gradient(145deg,#251638,#2d1c45)}.writopin-root .folder-card-dark .folder-name{color:#fff}.writopin-root .folder-card-dark .folder-details{color:#c6bacf}.writopin-root .folder-card-dark .avatar{border-color:#2b1a40}.writopin-root .folder-card-dark .avatar-extra{color:#ddd2e8;background:#443451}.writopin-root .files-section{border-top:1px solid #e9e8eb;margin-top:6px;padding-top:11px}.writopin-root .file-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:39px;margin-bottom:9px;display:flex}.writopin-root .tabs{background:#f0eff2;border-radius:9px;align-items:center;gap:2px;min-width:0;padding:3px;display:inline-flex}.writopin-root .tab-button{color:#69666f;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;height:29px;padding:0 9px;font-size:13px;display:inline-flex}.writopin-root .tab-active{color:#242129;background:#fff;box-shadow:0 1px 4px #21163314}.writopin-root .tab-check{color:#fff;background:#33204b;border-radius:50%;place-items:center;width:14px;height:14px;display:inline-grid}.writopin-root .table-controls{align-items:center;gap:8px;display:flex}.writopin-root .table-search{color:#74717a;background:#fdfdfe;border:1px solid #e3e1e6;border-radius:10px;align-items:center;gap:7px;width:235px;height:34px;padding:0 9px;transition:border .15s,box-shadow .15s;display:flex}.writopin-root .table-search:focus-within{border-color:#ba9af1;box-shadow:0 0 0 3px #894be911}.writopin-root .table-search input{color:#2c2931;background:0 0;border:0;outline:0;flex:1;width:0;min-width:0;font-size:13px}.writopin-root .table-search input::placeholder{color:#77747d;opacity:1}.writopin-root .table-search kbd{color:#45414b;white-space:nowrap;border:1px solid #eae8ed;border-radius:6px;padding:3px 5px;font-size:13px}.writopin-root .view-switch{background:#f0eff3;border-radius:9px;align-items:center;gap:3px;padding:3px;display:flex}.writopin-root .view-switch button{color:#6c6872;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:27px;display:grid}.writopin-root .view-switch .view-selected{color:#4b3b61;background:#fff;border:1px solid #ece8f2;box-shadow:0 1px 3px #1d13220c}.writopin-root .file-table{border-radius:11px 11px 0 0;min-width:720px;overflow:hidden}.writopin-root .file-head,.writopin-root .file-row{grid-template-columns:39px minmax(185px,1.42fr) minmax(100px,.83fr) minmax(123px,.91fr) minmax(125px,.95fr) minmax(72px,.62fr) 34px;align-items:center;display:grid}.writopin-root .file-head{color:#39363e;background:#f0f0f1;border-radius:8px;height:38px;font-size:12px;font-weight:600}.writopin-root .cell{color:#39363e;white-space:nowrap;min-width:0;padding:0 7px;font-size:13px}.writopin-root .checkbox-cell{place-items:center;padding:0;display:grid}.writopin-root .check-box{color:#fff;cursor:pointer;background:0 0;border:1px solid #c9c7cd;border-radius:4px;place-items:center;width:16px;height:16px;padding:0;display:grid}.writopin-root .check-box.checked{background:#7942df;border-color:#7942df}.writopin-root .file-row{cursor:pointer;border-bottom:1px solid #e8e7eb;min-height:47px;transition:background .13s}.writopin-root .file-row:hover,.writopin-root .file-row-selected{background:#f8f5fc}.writopin-root .file-cell{align-items:center;gap:8px;display:flex}.writopin-root .file-icon{background:#fff;border-radius:9px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 2px 5px #21142a12}.writopin-root .file-icon .file-type{flex-basis:23px;width:23px;height:23px;font-size:11px}.writopin-root .file-icon .figma-type{width:18px;height:21px}.writopin-root .file-icon .figma-type i{width:9px;height:7px}.writopin-root .file-text{flex-direction:column;gap:2px;min-width:0;display:flex}.writopin-root .file-text strong{color:#25222a;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.writopin-root .file-text small{color:#85828b;align-items:center;gap:3px;font-size:12px;display:flex}.writopin-root .owner-cell .avatar-stack{margin-left:2px}.writopin-root .owner-cell .avatar{margin-left:-9px}.writopin-root .owner-cell .avatar:first-child{margin-left:0}.writopin-root .row-actions{justify-content:center;padding:0;display:flex}.writopin-root .file-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:4px 1px;display:grid}.writopin-root .grid-file{text-align:left;cursor:pointer;background:#fff;border:1px solid #ebe9ee;border-radius:11px;flex-direction:column;align-items:flex-start;gap:7px;min-height:117px;padding:13px;display:flex}.writopin-root .grid-file:hover{border-color:#cfb6f6;box-shadow:0 4px 14px #4b2e7410}.writopin-root .grid-file-icon{background:#f7f5f9;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.writopin-root .grid-file strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:500;overflow:hidden}.writopin-root .grid-file>span:last-child{color:#807c85;font-size:12px}.writopin-root .selection-bar{z-index:2;background:#fff;border-top:1px solid #e8e6eb;justify-content:space-between;align-items:center;gap:10px;height:46px;padding:0 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.writopin-root .selection-file{color:#2a272e;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.writopin-root .selection-file>span:nth-child(2){text-overflow:ellipsis;overflow:hidden}.writopin-root .selection-file strong{font-weight:500}.writopin-root .selection-file i{color:#88848e;padding:0 6px;font-style:normal}.writopin-root .restricted-pill{color:#fff;background:#201331;border-radius:7px;flex:none;align-items:center;gap:5px;padding:6px 9px;font-size:12px;display:inline-flex}.writopin-root .selection-actions{flex:none;align-items:center;gap:1px;display:flex}.writopin-root .selection-visible{box-shadow:0 -3px 12px #2416380b}.writopin-root .folder-toast{z-index:12;background:#fff;border:1px solid #ece9f0;border-radius:9px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex;position:absolute;bottom:58px;right:22px;box-shadow:0 6px 20px #2116311e}.writopin-root .folder-toast button{color:#777;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:20px;height:20px;display:grid}.writopin-root .sidebar-scrim{display:none}@media (width>=1500px){.writopin-root .sidebar{flex-basis:330px}.writopin-root .app-rail{flex-basis:62px}.writopin-root .side-content{padding-left:13px;padding-right:13px}.writopin-root .content-scroll{padding-left:26px;padding-right:26px}.writopin-root .topbar{padding-left:25px;padding-right:30px}.writopin-root .recent-preview{height:130px}.writopin-root .folder-card{height:136px}.writopin-root .folder-face{padding:12px 14px 8px;top:17px}.writopin-root .file-row{min-height:50px}}@media (width<=1120px){.writopin-root .sidebar{flex-basis:274px}.writopin-root .app-rail{flex-basis:51px;padding-left:5px;padding-right:5px}.writopin-root .side-content{padding-left:9px;padding-right:9px}.writopin-root .content-scroll{padding-left:15px;padding-right:15px}.writopin-root .recent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.writopin-root .recent-preview{height:98px;padding:7px}.writopin-root .folders-grid{gap:8px}.writopin-root .folder-face{padding-left:9px;padding-right:8px}.writopin-root .folder-name,.writopin-root .folder-details{font-size:12px}.writopin-root .tab-button{padding:0 7px;font-size:12px}.writopin-root .table-search{width:188px}}@media (width<=900px){.writopin-root .sidebar{flex-basis:258px}.writopin-root .recent-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:9px}.writopin-root .recent-preview{height:115px}.writopin-root .folders-grid{grid-template-columns:repeat(3,minmax(145px,1fr));padding-bottom:9px;overflow-x:auto}.writopin-root .folder-card{height:126px}.writopin-root .file-toolbar{flex-direction:column;align-items:flex-start}.writopin-root .table-controls{justify-content:flex-end;width:100%}.writopin-root .table-search{width:min(300px,55vw)}.writopin-root .file-table{overflow-x:auto}}@media (width<=820px){.writopin-root .app-shell,.writopin-root .main-content{height:100dvh;min-height:0}.writopin-root .sidebar{z-index:20;width:300px;height:100dvh;min-height:0;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:18px 0 40px #0f081b20}.writopin-root .sidebar.sidebar-open{transform:translate(0)}.writopin-root .sidebar-scrim{z-index:19;background:#160c2380;border:0;display:block;position:fixed;inset:0}.writopin-root .mobile-menu{margin-right:8px;display:grid!important}.writopin-root .topbar{flex-basis:59px;height:59px;padding:0 13px}.writopin-root .storage-summary{gap:7px}.writopin-root .cloud-icon{width:31px;height:31px}.writopin-root .storage-copy{width:143px}.writopin-root .storage-label{gap:10px;font-size:13px}.writopin-root .storage-label span{font-size:12px}.writopin-root .top-actions{gap:3px}.writopin-root .top-actions .top-icon:nth-child(2){display:none}.writopin-root .top-icon{width:27px;height:27px}.writopin-root .profile-avatar{width:29px;height:29px}.writopin-root .breadcrumb-bar{flex-direction:column;flex-basis:84px;justify-content:center;align-items:flex-start;gap:10px;min-height:84px;padding:9px 14px}.writopin-root .breadcrumbs{gap:7px;max-width:100%;font-size:13px;overflow:hidden}.writopin-root .breadcrumb-actions{align-self:flex-end}.writopin-root .content-scroll{padding:10px 13px 60px}.writopin-root .section-heading h1,.writopin-root .section-heading h2{font-size:15px}.writopin-root .recent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 9px}.writopin-root .recent-preview{border-radius:12px;height:clamp(82px,27vw,126px);padding:6px}.writopin-root .preview-doc{padding:10px}.writopin-root .preview-doc .file-type{flex-basis:23px;width:23px;height:23px}.writopin-root .preview-tooltip{padding:6px 9px;font-size:8px;top:29px;left:37px}.writopin-root .preview-lines{gap:5px;top:47px;left:9px;right:9px}.writopin-root .preview-lines i{height:8px}.writopin-root .recent-name{font-size:13px}.writopin-root .recent-edited{font-size:12px}.writopin-root .folders-section{margin-top:7px;padding-top:9px}.writopin-root .folders-grid{scrollbar-width:none;grid-template-columns:repeat(5,158px);gap:8px;margin-right:-13px;overflow-x:auto}.writopin-root .folders-grid::-webkit-scrollbar{display:none}.writopin-root .folder-card{height:121px}.writopin-root .folder-face{padding-left:11px;padding-right:11px}.writopin-root .folder-name{font-size:13px}.writopin-root .folder-details{font-size:12px}.writopin-root .files-section{margin-top:4px;padding-top:9px}.writopin-root .file-toolbar{gap:8px;margin-bottom:8px}.writopin-root .tabs{justify-content:space-between;width:100%}.writopin-root .tab-button{height:27px;padding:0 6px;font-size:12px}.writopin-root .tab-check{width:12px;height:12px}.writopin-root .table-controls{gap:6px}.writopin-root .table-search{width:100%;height:32px}.writopin-root .view-switch button{width:26px;height:25px}.writopin-root .selection-bar{height:43px;padding:0 10px}.writopin-root .selection-file{gap:6px;font-size:12px}.writopin-root .selection-file i{padding:0 3px}.writopin-root .selection-file .restricted-pill{display:none}.writopin-root .selection-actions{gap:0}.writopin-root .selection-actions .icon-button{width:25px;height:27px}.writopin-root .selection-actions .icon-button:nth-child(4){display:none}.writopin-root .selection-file .file-type-compact{flex-basis:19px;width:19px;height:19px}}@media (width<=560px){.writopin-root .recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=390px){.writopin-root .topbar{padding-left:8px;padding-right:9px}.writopin-root .mobile-menu{margin-right:2px}.writopin-root .storage-copy{width:125px}.writopin-root .storage-label{gap:6px;font-size:12px}.writopin-root .storage-label span{font-size:12px}.writopin-root .top-actions{gap:0}.writopin-root .breadcrumbs{font-size:12px}.writopin-root .tab-button{gap:3px;padding:0 4px;font-size:12px}.writopin-root .table-search kbd{display:none}.writopin-root .selection-file{max-width:calc(100vw - 115px)}.writopin-root .selection-actions .icon-button:nth-child(2){display:none}}.writopin-root .sidebar{transition:flex-basis .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1)}.writopin-root .side-content{scrollbar-width:none;overflow-y:auto}.writopin-root .side-content::-webkit-scrollbar{display:none}.writopin-root .brand-button{cursor:pointer;background:0 0;border:0;padding:0}.writopin-root .brand-letter{color:#7744d6;text-align:center;font-size:12px;font-weight:800;position:absolute;inset:7px 0 0}.writopin-root .brand-core{z-index:1}.writopin-root .app-rail .brand-mark{flex:0 0 32px}.writopin-root .side-search{text-align:left;cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;width:100%}.writopin-root .sidebar-collapsed .sidebar,.writopin-root .sidebar.sidebar-collapsed{flex-basis:58px}.writopin-root .sidebar.sidebar-collapsed .side-content{display:none}.writopin-root .sidebar-collapsed .app-rail{flex-basis:58px}.writopin-root .sidebar-collapsed .rail-button{margin-bottom:9px}.writopin-root .rail-expand{color:#6036b2;background:#f2edfb}.writopin-root .nav-link.nav-selected{color:#fff}.writopin-root .board-nav-tree .nav-subchild{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.writopin-root .nav-create-board{align-items:center;gap:5px;display:flex;color:#d6c5f4!important}.writopin-root .nav-primary-active{color:#fff;background:linear-gradient(100deg,#914bf6,#8143ec);box-shadow:0 3px 12px #6930d522}.writopin-root .nav-submenu{animation:.16s ease-out group-in}.writopin-root .writopin-card{background:radial-gradient(at 80% 0,#49256f 0%,#2b1744 50%,#211239 100%)}.writopin-root .writopin-card .rocket{transform:rotate(-20deg)}.writopin-root .storage-summary{text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.writopin-root .pinterest-cloud{background:#fff7f7;border-color:#f0dfdf}.writopin-root .pinterest-cloud>span,.writopin-root .pinterest-mark{color:#fff;background:#bd081c;border-radius:50%;place-items:center;width:20px;height:20px;font-family:Georgia,serif;font-size:15px;font-weight:700;display:inline-grid}.writopin-root .top-actions{position:relative}.writopin-root .profile-trigger{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.writopin-root .profile-avatar{color:#fff;object-fit:cover;background:linear-gradient(135deg,#f6d1c1,#9c7068);border:2px solid #f4ece6;border-radius:50%;place-items:center;width:33px;height:33px;font-size:13px;font-weight:700;display:grid}.writopin-root .theme-icon.is-on{background:#efe8fc}.writopin-root .header-popover{z-index:40;color:#28242d;background:#fff;border:1px solid #e9e6ed;border-radius:13px;width:310px;padding:11px;animation:.16s ease-out pop-in;position:absolute;top:42px;right:0;overflow:hidden;box-shadow:0 14px 40px #1b102329}.writopin-root .popover-title{justify-content:space-between;align-items:center;padding:3px 5px 10px;font-size:15px;font-weight:650;display:flex}.writopin-root .popover-title>span{color:#827c88;font-size:13px;font-weight:500}.writopin-root .popover-row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 7px;display:flex}.writopin-root .popover-row:hover,.writopin-root .notification-item:hover,.writopin-root .board-action-list button:hover{background:#f7f4fb}.writopin-root .popover-row>span:nth-child(2){color:#2e2933;flex:1;font-size:14px;font-weight:550}.writopin-root .popover-row small,.writopin-root .profile-popover-head small,.writopin-root .notification-item small{color:#827d87;margin-top:4px;font-size:13px;font-weight:400;line-height:1.45;display:block}.writopin-root .popover-row-icon{color:#713ccd;background:#f3eefb;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.writopin-root .popover-copy{color:#77717c;margin:0 5px 8px;font-size:13px;line-height:1.55}.writopin-root .popover-link,.writopin-root .profile-link{color:#6940ae;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 6px 4px;font-size:13px;text-decoration:none;display:flex}.writopin-root .notification-list{max-height:280px;overflow-y:auto}.writopin-root .notification-item{color:#2d2931;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:9px;width:100%;padding:10px 7px;display:flex}.writopin-root .notification-item>span:last-child{flex:1}.writopin-root .notification-item strong{font-size:13px;font-weight:600}.writopin-root .notification-item em{color:#a09aa5;margin-top:5px;font-size:12px;font-style:normal;display:block}.writopin-root .notification-dot{background:#8244ee;border-radius:50%;flex:0 0 7px;width:7px;height:7px;margin-top:4px}.writopin-root .notification-read .notification-dot{background:#d7d3db}.writopin-root .popover-footer{color:#634098;cursor:pointer;background:#fff;border:0;border-top:1px solid #f0eef2;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:7px;padding:9px;font-size:13px;display:flex}.writopin-root .profile-popover-head{border-bottom:1px solid #f0edf2;align-items:center;gap:10px;padding:4px 4px 11px;display:flex}.writopin-root .profile-popover-head>span:last-child{min-width:0}.writopin-root .profile-popover-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.writopin-root .account-stats{border-bottom:1px solid #f0edf2;grid-template-columns:repeat(3,1fr);padding:10px 3px;display:grid}.writopin-root .account-stats>span{flex-direction:column;align-items:center;gap:3px;display:flex}.writopin-root .account-stats strong{font-size:15px}.writopin-root .account-stats small{color:#89838d;font-size:12px}.writopin-root .connect-button{color:#fff;cursor:pointer;background:#bd081c;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:36px;margin-top:11px;font-size:14px;font-weight:600;display:flex}.writopin-root .connect-button .pinterest-mark{color:#bd081c;background:#fff;width:19px;height:19px;font-size:14px}.writopin-root .popover-safe{color:#7a7480;align-items:flex-start;gap:5px;margin:9px 3px 3px;font-size:12px;line-height:1.45;display:flex}.writopin-root .popover-danger{color:#ae3e50;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;width:100%;margin-top:5px;padding:9px 6px;font-size:13px;display:flex}.writopin-root .popover-danger:hover,.writopin-root .menu-danger:hover{background:#fff1f2}.writopin-root .sort-control{position:relative}.writopin-root .sort-menu{z-index:35;background:#fff;border:1px solid #e8e5eb;border-radius:9px;width:175px;padding:5px;animation:.14s ease-out pop-in;position:absolute;top:37px;right:0;box-shadow:0 9px 26px #1e14241f}.writopin-root .sort-menu button{color:#38333d;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;padding:8px;font-size:13px;display:block}.writopin-root .sort-menu button:hover{background:#f5f1fb}.writopin-root .section-subtitle{color:#85818b;margin:4px 0 0;font-size:13px;font-weight:400}.writopin-root .pin-preview{background:#efedf2;padding:0;position:relative}.writopin-root .pin-art{border-radius:inherit;background-color:#ece7f0;background-position:50% 44%;background-size:cover;width:100%;height:100%;transition:transform .22s;display:block;position:relative;overflow:hidden}.writopin-root .pin-preview:hover .pin-art,.writopin-root .grid-pin-art:hover .pin-art{transform:scale(1.035)}.writopin-root .pin-art-placeholder{color:#8864bb;background:linear-gradient(135deg,#eee7f7,#d7c6f0);place-items:center;width:100%;height:100%;display:grid}.writopin-root .pin-preview>.status-pill{z-index:1;position:absolute;top:8px;left:8px}.writopin-root .pin-preview-open{color:#fff;opacity:0;background:#20142cdb;border-radius:7px;align-items:center;gap:4px;padding:6px 9px;font-size:12px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:8px;right:8px;transform:translateY(3px)}.writopin-root .pin-preview:hover .pin-preview-open,.writopin-root .pin-preview:focus-visible .pin-preview-open{opacity:1;transform:translateY(0)}.writopin-root .pin-title-button{text-align:left;cursor:pointer;background:0 0;border:0;padding:0;overflow:hidden}.writopin-root .pin-title-button:hover,.writopin-root .grid-pin-title:hover{color:#6738b2}.writopin-root .status-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;width:fit-content;padding:4px 7px;font-size:12px;line-height:1;display:inline-flex}.writopin-root .status-published{color:#277b49;background:#eef9f2;border-color:#d4eddf}.writopin-root .status-scheduled{color:#7044ba;background:#f5efff;border-color:#e6dcf8}.writopin-root .status-draft{color:#66616b;background:#f6f5f7;border-color:#e8e5ea}.writopin-root .status-trash,.writopin-root .status-failed{color:#a7424b;background:#fff1f1;border-color:#f3dcdd}.writopin-root .board-card{height:130px}.writopin-root .board-open{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.writopin-root .board-face{background:linear-gradient(180deg, #170c1a00 15%, #170c1ac9 100%), var(--board-cover) center 42% / cover;justify-content:flex-end}.writopin-root .board-card-dark .board-face{background:linear-gradient(180deg, #170c1a00 12%, #170c1ad9 100%), var(--board-cover) center 42% / cover}.writopin-root .board-face .folder-name{z-index:2;color:#fff;text-shadow:0 1px 3px #140d1c88;font-size:13px}.writopin-root .board-face .folder-details{z-index:2;color:#f1eaf6;text-shadow:0 1px 3px #140d1c88}.writopin-root .board-symbol{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff8;border:1px solid #ffffff64;border-radius:8px;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:10px;left:11px}.writopin-root .board-private{z-index:2;color:#fff;background:#1e1327a8;border-radius:7px;align-items:center;gap:4px;padding:4px 6px;font-size:12px;display:inline-flex;position:absolute;top:10px;right:10px}.writopin-root .board-more{z-index:4;color:#fff;opacity:0;background:#21172c93;border:1px solid #ffffff59;width:24px;height:24px;transition:opacity .15s;position:absolute;bottom:3px;right:4px}.writopin-root .board-card:hover .board-more,.writopin-root .board-more:focus-visible{opacity:1}.writopin-root .files-section{scroll-margin-top:15px}.writopin-root .bulk-filter-row{justify-content:space-between;align-items:center;gap:10px;min-height:27px;padding:0 2px 6px;display:flex}.writopin-root .filter-label{color:#817c87;align-items:center;gap:5px;font-size:12px;display:flex}.writopin-root .bulk-actions{align-items:center;gap:5px;display:flex}.writopin-root .bulk-actions>span{color:#6e6579;margin-right:4px;font-size:12px}.writopin-root .bulk-actions button{color:#5b5264;cursor:pointer;background:#fff;border:1px solid #e9e5ed;border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font-size:12px;display:flex}.writopin-root .pin-table{overflow-x:auto}.writopin-root .pin-table .file-head,.writopin-root .pin-table .file-row{grid-template-columns:38px minmax(220px,1.55fr) minmax(130px,.92fr) minmax(102px,.7fr) minmax(145px,1fr) minmax(60px,.45fr) 34px}.writopin-root .pin-table .file-table,.writopin-root .pin-table{min-width:800px}.writopin-root .pin-row-thumb{background:#eee9f4;border-radius:6px;flex:0 0 31px;width:31px;height:36px;display:block;overflow:hidden}.writopin-root .pin-row-thumb .pin-art{border-radius:6px}.writopin-root .pin-row .file-cell{gap:8px}.writopin-root .pin-row .file-text small{text-overflow:ellipsis;white-space:nowrap;max-width:360px;overflow:hidden}.writopin-root .demo-label{color:#9b78cd;margin-left:5px;font-size:12px}.writopin-root .board-cell{text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.writopin-root .board-mini-icon{color:#7543c9;background:#f2edfa;border-radius:6px;flex:0 0 21px;place-items:center;width:21px;height:21px;display:inline-grid}.writopin-root .pin-row .status-pill{font-size:12px}.writopin-root .pin-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.writopin-root .pin-grid-card{gap:7px;min-height:220px;padding:9px;position:relative}.writopin-root .grid-pin-art{cursor:pointer;background:#eeeaf2;border:0;border-radius:8px;width:100%;height:143px;padding:0;display:block;overflow:hidden}.writopin-root .grid-pin-art .pin-art{border-radius:8px}.writopin-root .grid-pin-title{color:#28242e;text-align:left;text-overflow:ellipsis;-webkit-line-clamp:2;cursor:pointer;background:0 0;border:0;-webkit-box-orient:vertical;width:100%;padding:0;font-size:13px;font-weight:600;display:-webkit-box;overflow:hidden}.writopin-root .pin-grid-card>span:not(.status-pill){color:#817c86;font-size:12px}.writopin-root .pin-grid-card>.status-pill{position:absolute;top:16px;left:16px}.writopin-root .grid-pin-more{position:absolute;bottom:6px;right:8px}.writopin-root .empty-state{text-align:center;background:#fff;border:1px dashed #ded8e7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:25px;display:flex}.writopin-root .empty-icon{color:#7643cf;background:#f1eafd;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.writopin-root .empty-state h3{margin:12px 0 4px;font-size:13px}.writopin-root .empty-state p{color:#817b87;margin:0 0 14px;font-size:13px}.writopin-root .workspace-page>.section-heading{min-height:44px;margin-bottom:16px}.writopin-root .workspace-page>.section-heading h1{font-size:16px}.writopin-root .workspace-page>.section-heading p{color:#77727d;margin:5px 0 0;font-size:14px}.writopin-root .pin-builder>.section-heading p{color:#5f6368;font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}.writopin-root .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.writopin-root .settings-card{background:#fff;border:1px solid #eae7ed;border-radius:13px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:100px;padding:16px;display:grid;position:relative;box-shadow:0 3px 12px #20162b06}.writopin-root .settings-card-icon{color:#7442c4;background:#f2edfa;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.writopin-root .settings-card-icon .pinterest-mark{width:23px;height:23px}.writopin-root .settings-card h2{margin:0;font-size:14px}.writopin-root .settings-card p{color:#7c7681;margin:5px 0 0;font-size:12px;line-height:1.5}.writopin-root .settings-card-action{grid-area:1/3}.writopin-root .settings-card-action .create-button,.writopin-root .settings-card-action .secondary-button{height:31px}.writopin-root .settings-note{color:#7e7884;grid-column:1/-1;align-items:center;gap:5px;margin-top:3px;font-size:12px;display:flex}.writopin-root .account-detail-card{grid-template-columns:42px minmax(0,1fr) auto;max-width:760px;margin:12px 0}.writopin-root .account-detail-card>.profile-avatar{width:39px;height:39px}.writopin-root .account-detail-card a{color:#7044b9;font-size:13px}.writopin-root .full-notifications{background:#fff;border:1px solid #e9e6ec;border-radius:12px;max-width:760px;padding:10px}.writopin-root .full-notifications .notification-item{border-bottom:1px solid #f2f0f3;padding:14px}.writopin-root .full-notifications>.secondary-button{margin:10px}.writopin-root .selection-pin-icon{color:#7542c8;background:#f3ebfb;border-radius:7px;flex:0 0 23px;place-items:center;width:23px;height:23px;display:grid}.writopin-root .pin-selection-bar .restricted-pill{color:#604583;background:#f0ebf7}.writopin-root .pin-selection-bar .selection-actions .icon-button{width:30px}.writopin-root .app-toast{z-index:60;color:#352d3e;background:#fff;border:1px solid #eae6ed;border-radius:9px;align-items:center;gap:8px;max-width:min(420px,100% - 44px);padding:11px 12px;font-size:13px;animation:.18s ease-out pop-in;display:flex;position:absolute;bottom:58px;right:22px;box-shadow:0 8px 24px #20132822}.writopin-root .app-toast>svg{color:#477e5e}.writopin-root .app-toast.is-error{background:#fff8f7;border-color:#efc4c0}.writopin-root .app-toast.is-error>svg{color:#c5352b}.writopin-root .app-toast button{color:#807987;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:22px;height:22px;margin-left:4px;display:grid}.writopin-root .pin-context-menu{z-index:45;background:#fff;border:1px solid #e8e4eb;border-radius:10px;flex-direction:column;width:176px;padding:5px;animation:.14s ease-out pop-in;display:flex;position:fixed;top:47%;right:24px;box-shadow:0 12px 34px #1c102424}.writopin-root .pin-context-menu button,.writopin-root .board-action-list button{color:#3b3540;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px;font-size:13px;display:flex}.writopin-root .menu-danger{color:#a43f4a!important}.writopin-root .modal-scrim{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#150c23a6;justify-content:center;align-items:center;padding:20px;animation:.16s ease-out fade-in;display:flex;position:fixed;inset:0}.writopin-root .modal-card{color:#29242f;background:#fff;border:1px solid #e6e1eb;border-radius:16px;width:min(100%,470px);max-height:min(90vh,860px);animation:.2s cubic-bezier(.2,.8,.2,1) modal-in;overflow-y:auto;box-shadow:0 22px 80px #0b061359}.writopin-root .modal-wide{width:min(100%,760px)}.writopin-root .modal-header{z-index:2;background:#fff;border-bottom:1px solid #f0edf2;justify-content:space-between;align-items:flex-start;gap:12px;padding:17px 19px 13px;display:flex;position:sticky;top:0}.writopin-root .modal-header h2{letter-spacing:-.02em;margin:0;font-size:15px}.writopin-root .modal-header p{color:#817b86;margin:5px 0 0;font-size:13px}.writopin-root .modal-close{margin-top:-3px}.writopin-root .pin-form,.writopin-root .board-form{padding:16px 19px 18px}.writopin-root .pin-form-layout{grid-template-columns:minmax(160px,.8fr) minmax(280px,1.2fr);gap:16px;display:grid}.writopin-root .pin-form-art{flex-direction:column;gap:8px;min-height:290px;display:flex}.writopin-root .pin-form-art>.pin-art{background-color:#eeeaf3;border-radius:12px;flex:1;min-height:240px}.writopin-root .pin-form-note{color:#827b87;align-items:center;gap:5px;font-size:12px;display:flex}.writopin-root .pin-form-fields,.writopin-root .board-form{flex-direction:column;gap:10px;display:flex}.writopin-root .pin-form-fields label,.writopin-root .board-form label{color:#554e5c;flex-direction:column;gap:5px;font-size:12px;font-weight:550;display:flex}.writopin-root .pin-form-fields input,.writopin-root .pin-form-fields textarea,.writopin-root .pin-form-fields select,.writopin-root .board-form input,.writopin-root .board-form textarea,.writopin-root .board-form select{color:#29242f;resize:vertical;background:#fff;border:1px solid #e5e1e8;border-radius:7px;outline:0;width:100%;min-height:35px;padding:8px 10px;font-size:13px;font-weight:400}.writopin-root .pin-form-fields textarea,.writopin-root .board-form textarea{min-height:66px}.writopin-root .pin-form-fields input:focus,.writopin-root .pin-form-fields textarea:focus,.writopin-root .pin-form-fields select:focus,.writopin-root .board-form input:focus,.writopin-root .board-form textarea:focus,.writopin-root .board-form select:focus{border-color:#a77ce1;box-shadow:0 0 0 3px #8244ee15}.writopin-root .pin-form-fields input:disabled{color:#837b89;cursor:not-allowed;background:#f5f3f7}.writopin-root .field-note{color:#7a7182;font-size:12px;font-weight:400;line-height:1.45}.writopin-root .form-error{color:#ae3342;margin:11px 0 0;font-size:13px}.writopin-root .form-error,.writopin-root .settings-card p.form-error,.writopin-root .settings-card .form-error{color:#b3261e;font-weight:500}.writopin-root .form-error a{color:inherit;text-underline-offset:3px;font-weight:600;text-decoration:underline}.writopin-root .theme-dark .settings-card p.form-error,.writopin-root .theme-dark .settings-card .form-error{color:#ff8a80}.writopin-root .blog-source-chip{border-radius:7px;align-items:center;display:inline-flex}.writopin-root .blog-source-chip.active{background:#fff;box-shadow:0 1px 5px #20122812}.writopin-root .blog-source-chip>button[role=tab]{box-shadow:none;background:0 0}.writopin-root .blog-source-remove{color:#8a8290;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;margin-right:4px;display:inline-grid}.writopin-root .blog-source-remove:hover:not(:disabled),.writopin-root .blog-source-remove:focus-visible{color:#b3261e;background:#fde8e6}.writopin-root .form-hint{color:#756e7a;align-items:center;gap:5px;margin:10px 0 0;font-size:12px;display:flex}.writopin-root .modal-actions{justify-content:flex-end;align-items:center;gap:7px;margin-top:15px;display:flex}.writopin-root .pin-form-actions{margin-top:13px}.writopin-root .create-button,.writopin-root .secondary-button,.writopin-root .danger-button{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:33px;padding:0 11px;font-size:13px;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex}.writopin-root .create-button:hover,.writopin-root .connect-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #743bd230}.writopin-root .secondary-button{color:#4b4551;background:#fff;border-color:#e7e3e9}.writopin-root .secondary-button:hover{background:#f8f5fb}.writopin-root .connect-cta .pinterest-mark{width:18px;height:18px;font-size:13px}.writopin-root .danger-button{color:#a63b48;background:#fff2f3;border-color:#f1d8dc}.writopin-root .danger-icon{color:#ad4752}.writopin-root .confirm-modal-body{padding:14px 19px 18px}.writopin-root .confirm-modal-body p{color:#746e78;margin:0 0 10px;font-size:13px;line-height:1.5}.writopin-root .confirm-modal-body p strong{color:#312b36}.writopin-root .oauth-setup{padding:15px 19px 18px}.writopin-root .oauth-setup p{color:#726c77;font-size:13px;line-height:1.5}.writopin-root .oauth-setup code{color:#493860;background:#f7f5f9;border:1px solid #ebe6ef;border-radius:7px;padding:10px;font-size:13px;line-height:1.7;display:block}.writopin-root .oauth-setup .modal-security{color:#6e6280;align-items:flex-start;gap:6px;display:flex}.writopin-root .oauth-setup a{color:#6840a7;align-items:center;gap:5px;font-size:13px;display:flex}.writopin-root .board-action-list{flex-direction:column;padding:10px;display:flex}.writopin-root .pin-detail-layout{grid-template-columns:minmax(170px,.8fr) minmax(260px,1.2fr);gap:18px;padding:18px;display:grid}.writopin-root .pin-detail-art{border-radius:11px;min-height:315px}.writopin-root .pin-detail-copy{flex-direction:column;align-items:flex-start;display:flex}.writopin-root .pin-detail-copy h3{color:#28232d;margin:11px 0 6px;font-size:16px;line-height:1.35}.writopin-root .pin-detail-copy p{color:#76707c;margin:0 0 9px;font-size:13px;line-height:1.6}.writopin-root .pin-detail-copy>a{color:#6f43b4;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:100%;font-size:12px;display:flex;overflow:hidden}.writopin-root .pin-detail-meta{color:#77717c;flex-wrap:wrap;gap:14px;margin-top:16px;font-size:12px;display:flex}.writopin-root .pin-detail-meta span{align-items:center;gap:5px;display:flex}.writopin-root .pin-detail-copy .modal-actions{flex-wrap:wrap;justify-content:flex-start;width:100%;margin-top:auto;padding-top:20px}.writopin-root .theme-dark{--purple:#a677f1;--sidebar:#110b19;color:#ede9f1;background:#17131c}.writopin-root .theme-dark .main-content,.writopin-root .theme-dark .content-scroll{color:#ede9f1;background:#17141c}.writopin-root .theme-dark .topbar,.writopin-root .theme-dark .breadcrumb-bar,.writopin-root .theme-dark .selection-bar{color:#eeeaf3;background:#1d1922;border-color:#332d3a}.writopin-root .theme-dark .breadcrumbs strong,.writopin-root .theme-dark .section-heading h1,.writopin-root .theme-dark .section-heading h2,.writopin-root .theme-dark .recent-name,.writopin-root .theme-dark .cell,.writopin-root .theme-dark .grid-pin-title{color:#ece7f0}.writopin-root .theme-dark .section-subtitle,.writopin-root .theme-dark .recent-edited,.writopin-root .theme-dark .filter-label{color:#a39ba9}.writopin-root .theme-dark .recent-preview{background:#292430}.writopin-root .theme-dark .folders-section,.writopin-root .theme-dark .files-section{border-color:#332d3a}.writopin-root .theme-dark .folder-face,.writopin-root .theme-dark .grid-file,.writopin-root .theme-dark .settings-card,.writopin-root .theme-dark .empty-state{color:#eeeaf3;background-color:#211d27;border-color:#332d3a}.writopin-root .theme-dark .folder-name,.writopin-root .theme-dark .settings-card h2,.writopin-root .theme-dark .file-text strong{color:#eeeaf3}.writopin-root .theme-dark .folder-details,.writopin-root .theme-dark .file-text small,.writopin-root .theme-dark .settings-card p{color:#aaa2b1}.writopin-root .theme-dark .file-head{color:#ddd7e3;background:#2b2631}.writopin-root .theme-dark .file-row{border-color:#342e3a}.writopin-root .theme-dark .file-row:hover,.writopin-root .theme-dark .file-row-selected{background:#282230}.writopin-root .theme-dark .tabs,.writopin-root .theme-dark .view-switch{background:#292430}.writopin-root .theme-dark .tab-active,.writopin-root .theme-dark .view-switch .view-selected{color:#f1ecf5;background:#1e1a23;border-color:#393140}.writopin-root .theme-dark .sort-button,.writopin-root .theme-dark .view-all,.writopin-root .theme-dark .table-search{color:#e9e3ee;background:#25212b;border-color:#39323f}.writopin-root .theme-dark .table-search input{color:#eee}.writopin-root .theme-dark .modal-card,.writopin-root .theme-dark .modal-header,.writopin-root .theme-dark .header-popover,.writopin-root .theme-dark .sort-menu,.writopin-root .theme-dark .pin-context-menu,.writopin-root .theme-dark .app-toast{color:#eeeaf3;background:#211d27;border-color:#39323f}.writopin-root .theme-dark .app-toast.is-error{background:#302124;border-color:#754448}.writopin-root .theme-dark .app-toast.is-error>svg,.writopin-root .theme-dark .editor-publish-issue-bubble>svg{color:#ff8d82}.writopin-root .theme-dark .editor-publish-issue-bubble{color:#ffd0cb;background:#302124;border-color:#754448}.writopin-root .theme-dark .editor-publish-issue-bubble small{color:#e5a8a3}.writopin-root .theme-dark .editor-photo-issue-focus.has-publish-issue>.editor-photo-slot{border-color:#df6158;box-shadow:0 0 0 3px #df615826}.writopin-root .theme-dark .modal-header{border-bottom-color:#39323f}.writopin-root .theme-dark .modal-header h2,.writopin-root .theme-dark .pin-detail-copy h3{color:#f1edf4}.writopin-root .theme-dark .popover-row:hover,.writopin-root .theme-dark .notification-item:hover,.writopin-root .theme-dark .board-action-list button:hover,.writopin-root .theme-dark .sort-menu button:hover{background:#312a39}.writopin-root .theme-dark .popover-row>span:nth-child(2),.writopin-root .theme-dark .notification-item,.writopin-root .theme-dark .sort-menu button{color:#eeeaf3}.writopin-root .theme-dark .pin-form-fields input,.writopin-root .theme-dark .pin-form-fields textarea,.writopin-root .theme-dark .pin-form-fields select,.writopin-root .theme-dark .board-form input,.writopin-root .theme-dark .board-form textarea,.writopin-root .theme-dark .board-form select{color:#eeeaf3;background:#19161e;border-color:#3d3644}.writopin-root .theme-dark .pin-form-fields input:disabled{color:#a49aaa;background:#211d27}.writopin-root .theme-dark .secondary-button{color:#eeeaf3;background:#28232e;border-color:#403947}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(9px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.writopin-root .pin-table{overflow-x:auto}.writopin-root .pin-grid-card{min-height:200px}.writopin-root .grid-pin-art{height:125px}}@media (width<=820px){.writopin-root .sidebar.sidebar-collapsed{flex-basis:300px}.writopin-root .sidebar.sidebar-collapsed .side-content{display:flex}.writopin-root .header-popover{width:min(310px,100vw - 16px);position:fixed;top:62px;right:8px}.writopin-root .sort-menu{right:0}.writopin-root .section-heading{gap:7px}.writopin-root .section-subtitle{text-overflow:ellipsis;white-space:nowrap;max-width:55vw;overflow:hidden}.writopin-root .board-card{height:121px}.writopin-root .board-more{opacity:1}.writopin-root .pin-table{min-width:0;overflow-x:auto}.writopin-root .pin-table .file-head,.writopin-root .pin-table .file-row{width:800px}.writopin-root .settings-grid{grid-template-columns:1fr}.writopin-root .settings-card{grid-template-columns:34px minmax(0,1fr);padding:13px}.writopin-root .settings-card-action{grid-area:2/2;justify-self:start}.writopin-root .settings-note{grid-column:1/-1}.writopin-root .account-detail-card{grid-template-columns:39px minmax(0,1fr)}.writopin-root .pin-form-layout,.writopin-root .pin-detail-layout{grid-template-columns:1fr}.writopin-root .pin-form-art{min-height:175px}.writopin-root .pin-form-art>.pin-art{min-height:155px;max-height:220px}.writopin-root .pin-detail-art{min-height:210px;max-height:280px}.writopin-root .pin-detail-copy .modal-actions{margin-top:12px;padding-top:0}.writopin-root .modal-scrim{align-items:flex-end;padding:8px}.writopin-root .modal-card{border-radius:15px;max-height:94dvh}.writopin-root .pin-form,.writopin-root .board-form{padding:13px}.writopin-root .modal-header{padding:14px}.writopin-root .pin-form-actions{flex-wrap:wrap}.writopin-root .pin-form-actions .create-button{flex:auto}.writopin-root .selection-file{max-width:calc(100vw - 150px)}.writopin-root .selection-file .restricted-pill{display:inline-flex}.writopin-root .pin-context-menu{position:fixed;top:auto;bottom:54px;right:10px}}@media (width<=390px){.writopin-root .selection-file .restricted-pill{display:none}.writopin-root .settings-card-action .create-button,.writopin-root .settings-card-action .secondary-button{min-height:30px;padding:0 8px;font-size:12px}.writopin-root .pin-form-actions{gap:5px}.writopin-root .pin-form-actions .secondary-button{padding:0 7px;font-size:12px}}@media (prefers-reduced-motion:reduce){.writopin-root,.writopin-root *,.writopin-root :before,.writopin-root :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.writopin-root .prototype-page{color:#2b2730;max-width:1480px;margin:0 auto;padding:22px 25px 34px;animation:.22s both fade-in}.writopin-root .prototype-page-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 20px;display:flex}.writopin-root .prototype-page-heading h1{color:#241e2b;letter-spacing:-.045em;margin:5px 0 7px;font-size:clamp(23px,2.5vw,31px)}.writopin-root .prototype-page-heading p{color:#79737e;max-width:680px;margin:0;font-size:13px;line-height:1.6}.writopin-root .eyebrow{color:#8b68bd;letter-spacing:.12em;font-size:12px;font-weight:750}.writopin-root .prototype-card{background:#fff;border:1px solid #ece8ef;border-radius:12px;min-width:0;box-shadow:0 5px 20px #26162b08}.writopin-root .prototype-notice{color:#7048a8;background:linear-gradient(100deg,#f8f3fd,#fff 70%);border:1px solid #e8def4;border-radius:10px;align-items:center;gap:12px;min-height:62px;margin-bottom:17px;padding:12px 15px;display:flex}.writopin-root .prototype-notice>span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.writopin-root .prototype-notice strong{color:#39303f;font-size:14px}.writopin-root .prototype-notice small{color:#77717c;font-size:13px;line-height:1.5}.writopin-root .demo-chip{color:#7952a9;letter-spacing:.055em;white-space:nowrap;background:#f7f3fb;border:1px solid #e8e0f0;border-radius:5px;justify-content:center;align-items:center;padding:4px 7px;font-size:12px;font-weight:750;display:inline-flex}.writopin-root .batch-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.writopin-root .batch-form{padding:20px}.writopin-root .prototype-card-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.writopin-root .prototype-card-heading>div{align-items:center;gap:11px;min-width:0;display:flex}.writopin-root .prototype-card-heading h2,.writopin-root .media-library-heading h2{color:#2e2834;margin:0 0 4px;font-size:14px}.writopin-root .prototype-card-heading p,.writopin-root .media-library-heading p{color:#847e88;margin:0;font-size:13px}.writopin-root .step-number{color:#7750aa;background:#f3edfb;border-radius:8px;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:13px;font-weight:700;display:grid}.writopin-root .prototype-muted{color:#827b87;font-size:12px}.writopin-root .prototype-tabs{background:#f4f2f6;border-radius:8px;align-items:center;gap:5px;padding:4px;display:flex}.writopin-root .prototype-tabs button{color:#746d79;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;min-height:32px;padding:0 11px;font-size:13px;transition:color .16s,background .16s,box-shadow .16s;display:inline-flex}.writopin-root .prototype-tabs button:hover{color:#44334f}.writopin-root .prototype-tabs button.is-active{color:#49345f;background:#fff;box-shadow:0 1px 5px #20122812}.writopin-root .prototype-tabs button span{background:#eee8f4;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:12px;display:inline-grid}.writopin-root .batch-form>.prototype-tabs{margin-bottom:17px}.writopin-root .prototype-field{color:#514b56;flex-direction:column;gap:6px;margin:0 0 13px;font-size:13px;font-weight:650;display:flex}.writopin-root .prototype-field>span{color:#938c98;font-size:12px;font-weight:400;display:inline}.writopin-root .prototype-field input,.writopin-root .prototype-field textarea,.writopin-root .prototype-field select,.writopin-root .planner-toolbar select,.writopin-root .insights-actions select{color:#352f39;width:100%;min-height:37px;font:inherit;background:#fff;border:1px solid #e6e1e9;border-radius:7px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .16s,box-shadow .16s}.writopin-root .prototype-field textarea{resize:vertical;line-height:1.5}.writopin-root .prototype-field input:focus,.writopin-root .prototype-field textarea:focus,.writopin-root .prototype-field select:focus,.writopin-root .planner-toolbar select:focus,.writopin-root .insights-actions select:focus{border-color:#a780d4;box-shadow:0 0 0 3px #8351c21a}.writopin-root .batch-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.writopin-root .template-heading{margin-top:22px}.writopin-root .template-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.writopin-root .template-choice,.writopin-root .library-template-card{color:#4a444f;text-align:left;cursor:pointer;background:#fff;border:1px solid #ece8ef;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:8px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative}.writopin-root .template-choice:hover,.writopin-root .library-template-card:hover{border-color:#cbb6e2;transform:translateY(-1px);box-shadow:0 5px 14px #38204712}.writopin-root .template-choice-active,.writopin-root .library-template-card.is-selected{background:#fcfaff;border-color:#9d77c9;box-shadow:0 0 0 2px #9d77c91c}.writopin-root .template-swatch{background:linear-gradient(150deg, #ffffff45 8%, transparent 45%), var(--template-color);color:#fff;border-radius:7px;flex-direction:column;flex:0 0 52px;justify-content:space-between;width:52px;height:59px;padding:7px;display:flex;overflow:hidden}.writopin-root .template-swatch strong{font-family:Georgia,serif;font-size:17px}.writopin-root .template-swatch i{font-size:6px;font-style:normal;font-weight:700}.writopin-root .template-choice>span:nth-child(2),.writopin-root .library-template-card>span:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.writopin-root .template-choice>span:nth-child(2) strong,.writopin-root .library-template-card>span:nth-child(2) strong{color:#38313e;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.writopin-root .template-choice small,.writopin-root .library-template-card small{color:#847d88;font-size:12px}.writopin-root .template-choice>svg,.writopin-root .library-template-card>svg{color:#7650a7}.writopin-root .brand-summary{background:#fbfafc;border:1px solid #eee9f1;border-radius:8px;align-items:center;gap:9px;margin-top:15px;padding:10px;display:flex}.writopin-root .brand-color-dot{border:2px solid #fff;border-radius:50%;flex:0 0 24px;width:24px;height:24px;box-shadow:0 0 0 1px #ded7e3}.writopin-root .brand-summary>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.writopin-root .brand-summary strong{color:#3d3742;font-size:12px}.writopin-root .brand-summary small{color:#8a838d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.writopin-root .text-button{color:#7650a7;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:5px 2px;font-size:12px;display:inline-flex}.writopin-root .text-button:hover{color:#4c2e75}.writopin-root .batch-submit{border-top:1px solid #eeeaf1;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:15px;display:flex}.writopin-root .batch-submit>span{color:#817b85;align-items:center;gap:6px;font-size:12px;display:flex}.writopin-root .batch-aside{flex-direction:column;gap:13px;display:flex}.writopin-root .batch-preview-card{padding:17px}.writopin-root .workflow-step{border-bottom:1px solid #f0edf2;gap:10px;padding:13px 0;display:flex}.writopin-root .workflow-step>i{color:#7651a5;background:#f2ecf8;border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;font-size:12px;font-style:normal;font-weight:700;display:grid}.writopin-root .workflow-step>span{flex-direction:column;gap:4px;display:flex}.writopin-root .workflow-step strong{color:#413a46;font-size:13px}.writopin-root .workflow-step small{color:#837d87;font-size:12px;line-height:1.45}.writopin-root .full-width{justify-content:center;width:100%;margin-top:15px}.writopin-root .credit-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex;position:relative}.writopin-root .credit-card>div:first-child{flex-direction:column;gap:4px;display:flex}.writopin-root .credit-card>div:first-child>span{color:#8c8490;letter-spacing:.08em;font-size:12px;font-weight:700}.writopin-root .credit-card>div:first-child>strong{color:#312a38;font-size:24px}.writopin-root .credit-card>div:first-child>strong small{color:#908995;font-size:14px;font-weight:400}.writopin-root .credit-card>div:first-child>small{color:#807985;font-size:12px}.writopin-root .credit-meter{background:#eeeaf1;border-radius:4px;width:100%;height:5px;overflow:hidden}.writopin-root .credit-meter i{border-radius:inherit;background:linear-gradient(90deg,#9b6ee4,#b790e7);height:100%;transition:width .3s;display:block}.writopin-root .mode-placeholder{color:#8b67b5;background:#fbf9fd;border:1px solid #ece6f3;border-radius:8px;gap:10px;margin:14px 0;padding:13px;display:flex}.writopin-root .mode-placeholder strong{color:#48414e;font-size:13px}.writopin-root .mode-placeholder p{color:#837c88;margin:5px 0 0;font-size:12px;line-height:1.5}.writopin-root .planner-toolbar{background:#fff;border:1px solid #ece8ef;border-radius:9px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 13px;display:flex}.writopin-root .planner-toolbar>div:first-child{flex:1;align-items:center;gap:9px;display:flex}.writopin-root .planner-toolbar>div:first-child strong{color:#413a47;min-width:115px;font-size:14px}.writopin-root .planner-toolbar .icon-button{color:#69626e;cursor:pointer;background:#fff;border:1px solid #ece8ef;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.writopin-root .planner-toolbar>label{color:#7b7480;white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.writopin-root .planner-toolbar select{width:auto;min-height:30px;padding:5px 8px}.writopin-root .planner-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.writopin-root .planner-day{background:#fff;border:1px solid #ece8ef;border-radius:9px;min-width:0;min-height:170px;transition:border-color .18s,background .18s,box-shadow .18s;overflow:hidden}.writopin-root .planner-day-drop{background:#fcfaff;border-color:#b69bd3}.writopin-root .planner-day-today{border-color:#cbb8e2}.writopin-root .planner-day-head{border-bottom:1px solid #f0edf2;align-items:center;gap:5px;padding:9px;display:flex}.writopin-root .planner-day-head>span{color:#827c86;font-size:12px}.writopin-root .planner-day-head>strong{color:#39323f;font-size:15px}.writopin-root .planner-day-head small{color:#7952aa;margin-left:auto;font-size:12px}.writopin-root .planner-day-items{flex-direction:column;gap:6px;padding:7px;display:flex}.writopin-root .planner-pin{background:#fbfafd;border:1px solid #eee9f2;border-radius:6px;align-items:center;gap:5px;min-width:0;padding:5px;display:flex}.writopin-root .planner-pin-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.writopin-root .planner-thumb{border-radius:4px;flex:0 0 27px;width:27px;height:35px;overflow:hidden}.writopin-root .planner-thumb .pin-art{height:35px;min-height:35px}.writopin-root .planner-thumb .pin-art-copy{display:none}.writopin-root .planner-pin-main>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.writopin-root .planner-pin-main strong{color:#4a424f;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.writopin-root .planner-pin-main small{color:#89828d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.writopin-root .planner-edit{color:#817887;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:0 0 22px;place-items:center;width:22px;height:22px;display:grid}.writopin-root .planner-edit:hover{color:#704b9e;background:#eee8f4}.writopin-root .planner-drop-hint{color:#aaa3ad;text-align:center;place-items:center;min-height:60px;font-size:12px;display:grid}.writopin-root .planner-overflow{color:#8a5d28;font-size:12px}.writopin-root .planner-lower{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px;margin-top:15px;display:grid}.writopin-root .planner-queue-card,.writopin-root .planner-drafts-card{padding:15px}.writopin-root .queue-row,.writopin-root .draft-drag-row{border-top:1px solid #f0edf2;align-items:center;gap:9px;padding:9px 0;display:flex}.writopin-root .queue-date{color:#7650a7;flex-direction:column;align-items:center;width:34px;display:flex}.writopin-root .queue-date strong{font-size:15px}.writopin-root .queue-date small{font-size:12px}.writopin-root .queue-pin-thumb,.writopin-root .top-pin-thumb{border-radius:5px;flex:0 0 31px;width:31px;height:40px;overflow:hidden}.writopin-root .queue-pin-thumb .pin-art,.writopin-root .top-pin-thumb .pin-art{height:40px;min-height:40px}.writopin-root .queue-pin-thumb .pin-art-copy,.writopin-root .top-pin-thumb .pin-art-copy{display:none}.writopin-root .queue-pin-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.writopin-root .queue-pin-copy strong{color:#403945;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.writopin-root .queue-pin-copy small{color:#88818c;font-size:12px}.writopin-root .queue-row .secondary-button{min-height:28px;padding:0 8px;font-size:12px}.writopin-root .draft-drag-row{cursor:grab}.writopin-root .draft-drag-row:active{cursor:grabbing}.writopin-root .drag-grip{color:#aaa2ae;font-size:17px}.writopin-root .planner-empty{color:#a18ab8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:120px;display:flex}.writopin-root .planner-empty strong{color:#4e4654;font-size:13px}.writopin-root .planner-empty small{color:#89828d;max-width:250px;font-size:12px}.writopin-root .library-tabs{margin:0 0 17px}.writopin-root .library-design-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.writopin-root .design-card{overflow:hidden}.writopin-root .design-art{cursor:pointer;background:#eeeaf1;border:0;width:100%;height:200px;padding:0;display:block;overflow:hidden}.writopin-root .design-art .pin-art{height:100%;min-height:100%;transition:transform .3s}.writopin-root .design-art:hover .pin-art{transform:scale(1.035)}.writopin-root .design-card-copy{flex-direction:column;align-items:flex-start;gap:7px;padding:11px;display:flex}.writopin-root .design-card-copy>strong{color:#3c3541;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.writopin-root .design-card-copy>small{color:#857e89;font-size:12px}.writopin-root .design-card-copy .secondary-button{min-height:28px;margin-top:2px;padding:0 9px;font-size:12px}.writopin-root .library-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.writopin-root .library-template-card{min-height:85px;padding:12px}.writopin-root .library-template-card .template-swatch{flex-basis:58px;width:58px;height:65px}.writopin-root .brand-kit-layout{grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);align-items:start;gap:14px;display:grid}.writopin-root .brand-kit-form{padding:19px}.writopin-root .brand-color-fields{grid-template-columns:1fr 1fr;gap:12px;margin:9px 0 16px;display:grid}.writopin-root .brand-color-fields>label{color:#59515d;flex-direction:column;gap:6px;font-size:12px;font-weight:650;display:flex}.writopin-root .brand-color-fields>label>span{align-items:center;gap:6px;display:flex}.writopin-root .brand-color-fields input[type=color]{background:#fff;border:1px solid #e5e0e8;border-radius:6px;width:34px;height:30px;padding:2px}.writopin-root .brand-color-fields input:not([type=color]){color:#544d59;border:1px solid #e5e0e8;border-radius:6px;width:90px;height:30px;padding:0 7px;font-size:12px}.writopin-root .brand-form-actions{border-top:1px solid #eeeaf1;justify-content:flex-end;gap:8px;padding-top:12px;display:flex}.writopin-root .brand-live-preview{padding:17px}.writopin-root .brand-preview-pin{background:radial-gradient(circle at 80% 18%, #fff7, transparent 23%), linear-gradient(150deg, var(--brand-background), #d9d0c9 54%, var(--brand-accent));min-height:300px;color:var(--brand-text);border-radius:11px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:11px;margin-top:12px;padding:21px;display:flex;box-shadow:inset 0 0 0 1000px #16101d1c}.writopin-root .brand-preview-pin small{letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.writopin-root .brand-preview-pin strong{max-width:260px;font-family:Georgia,serif;font-size:clamp(20px,2.3vw,28px);line-height:1.12}.writopin-root .brand-preview-pin span{max-width:250px;font-size:10px;line-height:1.5}.writopin-root .brand-preview-pin i{background:var(--brand-accent);letter-spacing:.08em;border-radius:4px;padding:7px 10px;font-size:8px;font-style:normal;font-weight:700}.writopin-root .brand-live-preview>p{color:#857e88;margin:10px 0 0;font-size:12px;line-height:1.5}.writopin-root .media-library-heading{justify-content:space-between;align-items:center;gap:10px;margin:5px 0 14px;display:flex}.writopin-root .media-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;display:grid}.writopin-root .media-card{overflow:hidden}.writopin-root .media-card>img{object-fit:cover;background:#f1eef3;width:100%;height:145px;display:block}.writopin-root .media-card>div{justify-content:space-between;align-items:center;gap:7px;padding:7px 9px;display:flex}.writopin-root .media-card strong{color:#4a434f;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.writopin-root .media-card .icon-button{color:#8c6572;flex:0 0 26px;width:26px;height:26px}.writopin-root .media-note,.writopin-root .settings-inline-note{color:#89828c;align-items:center;gap:6px;font-size:12px;line-height:1.5;display:flex}.writopin-root .insights-actions{align-items:center;gap:8px;display:flex}.writopin-root .insights-actions select{width:auto;min-width:105px;min-height:34px}.writopin-root .insights-actions .secondary-button{min-height:34px}.writopin-root .insights-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.writopin-root .metric-card{flex-direction:column;gap:9px;min-height:120px;padding:15px;display:flex}.writopin-root .metric-card>span{color:#827b86;font-size:12px}.writopin-root .metric-card>strong{color:#332d39;letter-spacing:-.04em;font-size:25px}.writopin-root .metric-card>div{align-items:center;gap:7px;display:flex}.writopin-root .metric-card>div small{color:#938b96;font-size:12px}.writopin-root .metric-change{color:#45836e!important}.writopin-root .insights-main-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:13px;display:grid}.writopin-root .insights-chart-card,.writopin-root .top-pins-card{padding:16px}.writopin-root .chart-area{height:235px;margin-top:20px;display:flex}.writopin-root .chart-y-labels{color:#98919c;flex-direction:column;justify-content:space-between;width:31px;padding:0 6px 23px 0;font-size:12px;display:flex}.writopin-root .chart-bars{background:repeating-linear-gradient(#0000 0 24%,#f1eef3 24.5%,#0000 25%);border-bottom:1px solid #eae6ed;flex:1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:9px;display:grid}.writopin-root .chart-bar-column{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.writopin-root .chart-bar-column>span{background:linear-gradient(#bd9be8,#8055b2);border-radius:5px 5px 2px 2px;width:min(100%,22px);min-height:8px;transition:filter .16s;display:block}.writopin-root .chart-bar-column>span:hover{filter:brightness(1.1)}.writopin-root .chart-bar-column>small{color:#99919d;text-align:center;white-space:nowrap;width:calc(100% + 8px);font-size:12px;overflow:hidden}.writopin-root .top-pin-row{border-top:1px solid #f0edf2;align-items:center;gap:9px;padding:10px 0;display:flex}.writopin-root .top-pin-rank{color:#9a8ea2;font-size:12px}.writopin-root .top-pin-row>span:nth-last-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.writopin-root .top-pin-row>span:nth-last-child(2) strong{color:#433c48;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.writopin-root .top-pin-row>span:nth-last-child(2) small{color:#89828c;font-size:12px}.writopin-root .top-pin-row>b{color:#4f4755;font-size:12px}.writopin-root .prototype-settings{max-width:1050px}.writopin-root .prototype-settings>.prototype-tabs{width:fit-content;margin-bottom:15px}.writopin-root .prototype-settings-grid,.writopin-root .preference-settings{grid-template-columns:1fr 1fr;gap:11px;display:grid}.writopin-root .prototype-settings .settings-card{min-height:120px}.writopin-root .settings-card small{color:#88818c;font-size:12px;line-height:1.5}.writopin-root .plan-settings{flex-direction:column;gap:12px;display:flex}.writopin-root .plan-usage-card{justify-content:space-between;align-items:center;gap:15px;padding:18px;display:flex;position:relative}.writopin-root .plan-usage-card h2{color:#332d39;align-items:center;gap:8px;margin:7px 0;font-size:19px;display:flex}.writopin-root .plan-usage-card p{color:#817a85;margin:0;font-size:13px}.writopin-root .usage-dial{border:5px solid #eee6f6;border-right-color:#966ccc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:74px;height:74px;display:flex}.writopin-root .usage-dial strong{color:#4d3a61;font-size:20px}.writopin-root .usage-dial small{color:#8d8591;font-size:12px}.writopin-root .plan-usage-card .credit-meter{width:30%;position:absolute;bottom:18px;right:110px}.writopin-root .plan-option-card{flex-direction:column;align-items:flex-start;gap:9px;min-height:230px;padding:15px;display:flex}.writopin-root .plan-option-card>span{color:#8b8290;letter-spacing:.07em;font-size:12px;font-weight:700}.writopin-root .plan-option-card h3{color:#3d3542;margin:0;font-size:16px}.writopin-root .plan-option-card>strong{color:#352e3a;font-size:21px}.writopin-root .plan-option-card>strong small{color:#8a838e;font-size:12px;font-weight:400}.writopin-root .plan-option-card p{color:#614c78;margin:0;font-size:13px;font-weight:650}.writopin-root .plan-option-card>small{color:#88818c;flex:1;font-size:12px;line-height:1.5}.writopin-root .plan-option-card .create-button,.writopin-root .plan-option-card .secondary-button{min-height:32px;font-size:12px}.writopin-root .plan-current{border-color:#c7b2df;box-shadow:0 0 0 2px #a17ac51c}.writopin-root .settings-inline-note{margin:0}.writopin-root .team-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:28px;display:flex}.writopin-root .team-placeholder-icon{color:#815bad;background:#f2ecf8;border-radius:13px;place-items:center;width:43px;height:43px;margin-bottom:12px;display:grid}.writopin-root .team-placeholder h2{color:#362f3b;margin:7px 0;font-size:17px}.writopin-root .team-placeholder p{color:#817a85;max-width:430px;margin:0 0 15px;font-size:13px;line-height:1.6}.writopin-root .settings-enabled{color:#527a65;align-items:center;gap:5px;font-size:12px;display:inline-flex}.writopin-root .prototype-inline-note{color:#827b86;align-items:center;gap:5px;font-size:12px;display:flex}.writopin-root .image-upload-button{width:fit-content;min-height:28px;padding:0 8px;font-size:12px}.writopin-root .image-upload-note{color:#7b7085;font-size:12px}.writopin-root .pin-form-art .pin-art-copy{padding:14px}.writopin-root .pin-form-art .pin-art-copy strong{font-size:18px}.writopin-root .pin-art-copy{width:100%;height:100%;min-height:inherit;color:#fff;text-align:left;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:7px;padding:12px;display:flex}.writopin-root .pin-art-copy small{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700}.writopin-root .pin-art-copy strong{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:95%;font-family:Georgia,serif;font-size:15px;line-height:1.1;display:-webkit-box;overflow:hidden}.writopin-root .pin-art-copy em{opacity:.9;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:95%;font-size:12px;font-style:normal;line-height:1.35;display:-webkit-box;overflow:hidden}.writopin-root .pin-art-editorial{background-size:cover}.writopin-root .pin-art-clean .pin-art-copy{color:#302837;text-shadow:none}.writopin-root .pin-art-clean{background-blend-mode:normal}.writopin-root .pin-art-quote .pin-art-copy strong{font-family:Georgia,serif;font-style:italic}.writopin-root .pin-art-list .pin-art-copy strong{font-family:Arial,sans-serif}.writopin-root .theme-dark .prototype-page,.writopin-root .theme-dark .prototype-page-heading h1,.writopin-root .theme-dark .prototype-card-heading h2,.writopin-root .theme-dark .media-library-heading h2,.writopin-root .theme-dark .prototype-notice strong,.writopin-root .theme-dark .brand-summary strong,.writopin-root .theme-dark .template-choice>span:nth-child(2) strong,.writopin-root .theme-dark .library-template-card>span:nth-child(2) strong,.writopin-root .theme-dark .design-card-copy>strong,.writopin-root .theme-dark .metric-card>strong,.writopin-root .theme-dark .plan-usage-card h2,.writopin-root .theme-dark .plan-option-card h3,.writopin-root .theme-dark .team-placeholder h2{color:#eeeaf3}.writopin-root .theme-dark .prototype-page-heading p,.writopin-root .theme-dark .prototype-card-heading p,.writopin-root .theme-dark .prototype-muted,.writopin-root .theme-dark .prototype-notice small,.writopin-root .theme-dark .prototype-field,.writopin-root .theme-dark .metric-card>span,.writopin-root .theme-dark .metric-card>div small,.writopin-root .theme-dark .brand-summary small,.writopin-root .theme-dark .media-library-heading p,.writopin-root .theme-dark .settings-card small{color:#aaa2b1}.writopin-root .theme-dark .prototype-card,.writopin-root .theme-dark .prototype-tabs button.is-active,.writopin-root .theme-dark .template-choice,.writopin-root .theme-dark .library-template-card,.writopin-root .theme-dark .planner-toolbar,.writopin-root .theme-dark .planner-day,.writopin-root .theme-dark .planner-pin,.writopin-root .theme-dark .settings-card,.writopin-root .theme-dark .plan-option-card,.writopin-root .theme-dark .brand-kit-form{color:#eeeaf3;background-color:#211d27;border-color:#39323f}.writopin-root .theme-dark .prototype-notice,.writopin-root .theme-dark .brand-summary,.writopin-root .theme-dark .mode-placeholder,.writopin-root .theme-dark .batch-submit{background:#28232f;border-color:#39323f}.writopin-root .theme-dark .prototype-field input,.writopin-root .theme-dark .prototype-field textarea,.writopin-root .theme-dark .prototype-field select,.writopin-root .theme-dark .planner-toolbar select,.writopin-root .theme-dark .insights-actions select,.writopin-root .theme-dark .brand-color-fields input:not([type=color]){color:#eeeaf3;background:#19161e;border-color:#403947}.writopin-root .theme-dark .planner-day-head,.writopin-root .theme-dark .planner-queue-card .queue-row,.writopin-root .theme-dark .planner-drafts-card .draft-drag-row,.writopin-root .theme-dark .top-pin-row{border-color:#39323f}.writopin-root .theme-dark .planner-day-head strong,.writopin-root .theme-dark .planner-pin-main strong,.writopin-root .theme-dark .queue-pin-copy strong,.writopin-root .theme-dark .top-pin-row>span:nth-last-child(2) strong,.writopin-root .theme-dark .top-pin-row>b{color:#eeeaf3}.writopin-root .theme-dark .chart-area{opacity:.85}@media (width<=1080px){.writopin-root .batch-layout{grid-template-columns:minmax(0,1fr) 235px}.writopin-root .planner-calendar{grid-template-columns:repeat(4,minmax(0,1fr))}.writopin-root .planner-day{min-height:140px}.writopin-root .library-design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.writopin-root .media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.writopin-root .prototype-page{padding:16px 13px 25px}.writopin-root .prototype-page-heading{flex-direction:column;align-items:flex-start}.writopin-root .prototype-page-heading>button{align-self:flex-start}.writopin-root .batch-layout,.writopin-root .planner-lower,.writopin-root .brand-kit-layout,.writopin-root .insights-main-grid{grid-template-columns:1fr}.writopin-root .batch-aside{grid-template-columns:1fr 1fr;display:grid}.writopin-root .planner-toolbar{flex-wrap:wrap}.writopin-root .planner-toolbar>div:first-child{flex-basis:100%}.writopin-root .planner-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.writopin-root .planner-day{min-height:145px}.writopin-root .library-design-grid,.writopin-root .library-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writopin-root .media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.writopin-root .insights-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writopin-root .prototype-settings-grid,.writopin-root .preference-settings{grid-template-columns:1fr}.writopin-root .plan-option-card{min-height:190px}.writopin-root .prototype-settings>.prototype-tabs{width:100%;overflow-x:auto}.writopin-root .prototype-settings>.prototype-tabs button{white-space:nowrap}.writopin-root .prototype-tabs{max-width:100%;overflow-x:auto}.writopin-root .prototype-tabs button{white-space:nowrap}}@media (width<=480px){.writopin-root .prototype-page-heading h1{font-size:23px}.writopin-root .prototype-notice{align-items:flex-start}.writopin-root .prototype-notice .demo-chip{display:none}.writopin-root .batch-form{padding:14px}.writopin-root .batch-options{grid-template-columns:1fr;gap:0}.writopin-root .template-choice-grid{grid-template-columns:1fr}.writopin-root .batch-submit{flex-direction:column;align-items:stretch}.writopin-root .batch-submit .create-button{justify-content:center}.writopin-root .batch-aside{grid-template-columns:1fr}.writopin-root .planner-toolbar>label{flex:1;justify-content:space-between}.writopin-root .planner-calendar{gap:5px}.writopin-root .planner-day{min-height:130px}.writopin-root .planner-day-head{padding:7px}.writopin-root .planner-day-items{padding:5px}.writopin-root .planner-pin{padding:4px}.writopin-root .planner-thumb{flex-basis:23px;width:23px}.writopin-root .library-design-grid,.writopin-root .library-template-grid{grid-template-columns:1fr 1fr;gap:7px}.writopin-root .design-art{height:150px}.writopin-root .design-card-copy{padding:8px}.writopin-root .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writopin-root .media-card>img{height:130px}.writopin-root .insights-actions{width:100%}.writopin-root .insights-actions>*{flex:1}.writopin-root .chart-bars{gap:4px}.writopin-root .chart-bar-column>small{font-size:12px}.writopin-root .brand-color-fields{gap:8px}.writopin-root .brand-live-preview{padding:13px}.writopin-root .brand-preview-pin{min-height:245px}.writopin-root .plan-usage-card .credit-meter{flex-basis:100%;position:static}}.writopin-root .nav-group{background:#ffffff04;border:1px solid #ffffff0a;border-radius:9px;overflow:hidden}.writopin-root .nav-group-trigger{text-align:left;cursor:pointer;border:0;align-items:center;gap:9px;width:100%;min-height:36px;padding:0 9px;font-size:13px;display:flex;color:#e2dce7!important;background:0 0!important}.writopin-root .nav-group-trigger>span{flex:1}.writopin-root .nav-group-trigger:hover,.writopin-root .nav-group-current{background:#ffffff0c!important}.writopin-root .nav-group-items{flex-direction:column;gap:2px;padding:2px 6px 7px 25px;animation:.16s ease-out group-in;display:flex}.writopin-root .nav-group-link{text-align:left;cursor:pointer;border:0;border-radius:6px;align-items:center;gap:8px;min-width:0;min-height:30px;padding:0 8px;font-size:12px;display:flex;color:#c8c1d0!important;background:0 0!important}.writopin-root .nav-group-link>span{flex:1;min-width:0}.writopin-root .nav-group-link:hover,.writopin-root .nav-group-link.active{color:#fff!important;background:#352a43!important}@keyframes group-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.writopin-root .workspace-page{width:100%;max-width:1500px;margin:0 auto}.writopin-root .demo-pill,.writopin-root .timezone-pill{color:#704ba0;white-space:nowrap;background:#f8f4fd;border:1px solid #e8dff3;border-radius:999px;align-items:center;gap:6px;min-height:25px;padding:0 9px;font-size:12px;display:inline-flex}.writopin-root .timezone-pill{color:#655d6b;background:#fff;border-color:#e7e4eb}.writopin-root .create-mode-tabs,.writopin-root .review-filters,.writopin-root .publication-tabs{scrollbar-width:thin;background:#f5f3f7;border:1px solid #eeeaf2;border-radius:10px;gap:4px;max-width:100%;margin:0 0 14px;padding:4px;display:flex;overflow-x:auto}.writopin-root .create-mode-tabs button,.writopin-root .review-filters button,.writopin-root .publication-tabs button{color:#77717f;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;min-height:32px;padding:0 10px;font-size:12px;display:inline-flex}.writopin-root .create-mode-tabs button.active,.writopin-root .review-filters button.active,.writopin-root .publication-tabs button.active{color:#4c326b;background:#fff;box-shadow:0 1px 5px #20122812}.writopin-root .review-filters button span{color:#766d7e;background:#f0edf3;border-radius:7px;padding:2px 5px;font-size:12px}.writopin-root .creation-grid{grid-template-columns:minmax(0,1fr) 305px;align-items:start;gap:14px;display:grid}.writopin-root .creation-form-card,.writopin-root .creation-preview-card,.writopin-root .review-card,.writopin-root .settings-panel-card,.writopin-root .waitlist-card,.writopin-root .client-review-sample,.writopin-root .local-calendar,.writopin-root .board-catalog-card,.writopin-root .billing-plan{background:#fff;border:1px solid #e9e5ec;border-radius:13px;box-shadow:0 3px 13px #20162b07}.writopin-root .creation-form-card{flex-direction:column;align-items:stretch;gap:13px;padding:18px;display:flex}.writopin-root .creation-form-card>label,.writopin-root .settings-tab-content label,.writopin-root .product-preview>label,.writopin-root .client-review-page>label{color:#4f4855;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.writopin-root .creation-form-card input,.writopin-root .creation-form-card textarea,.writopin-root .creation-form-card select,.writopin-root .settings-tab-content input,.writopin-root .settings-tab-content textarea,.writopin-root .settings-tab-content select,.writopin-root .product-preview input,.writopin-root .product-preview textarea,.writopin-root .product-preview select,.writopin-root .client-review-page textarea,.writopin-root .consent-item select,.writopin-root .consent-item input,.writopin-root .consent-action-choice select,.writopin-root .review-metadata input,.writopin-root .review-metadata textarea,.writopin-root .team-invite-form input,.writopin-root .automation-row select,.writopin-root .board-catalog-search input{color:#29242f;background:#fff;border:1px solid #e5e1e8;border-radius:8px;outline:0;width:100%;min-width:0;min-height:36px;padding:8px 10px;font-size:13px;font-weight:400}.writopin-root .creation-form-card textarea,.writopin-root .settings-tab-content textarea,.writopin-root .review-metadata textarea,.writopin-root .client-review-page textarea{resize:vertical;line-height:1.55}.writopin-root .creation-form-card input:focus,.writopin-root .creation-form-card textarea:focus,.writopin-root .creation-form-card select:focus,.writopin-root .settings-tab-content input:focus,.writopin-root .settings-tab-content textarea:focus,.writopin-root .settings-tab-content select:focus,.writopin-root .product-preview input:focus{border-color:#9f7dde;box-shadow:0 0 0 3px #8144ee17}.writopin-root .creation-step-heading{align-items:flex-start;gap:10px;margin-bottom:2px;display:flex}.writopin-root .creation-step-heading>span:first-child{color:#7a4abc;background:#f3ecfb;border-radius:8px;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:13px;font-weight:700;display:grid}.writopin-root .creation-step-heading h2,.writopin-root .creation-preview-card h2{color:#322a39;margin:0;font-size:15px;font-weight:650}.writopin-root .creation-step-heading p{color:#837c89;margin:4px 0 0;font-size:12px;line-height:1.5}.writopin-root .creation-two-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.writopin-root .creation-two-fields label{color:#4f4855;flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:600;display:flex}.writopin-root .creation-two-fields input,.writopin-root .creation-two-fields select{color:#332d38;background:#fff;border:1px solid #e5e1e8;border-radius:8px;width:100%;min-height:35px;padding:7px 9px;font-size:12px}.writopin-root .creation-side-column{flex-direction:column;gap:11px;display:flex}.writopin-root .creation-preview-card{padding:15px}.writopin-root .creation-preview-card h3{color:#312b37;margin:12px 0 5px;font-size:15px}.writopin-root .creation-preview-card>p{color:#77717c;font-size:12px;line-height:1.65}.writopin-root .creation-preview-card>a{color:#7443bb;text-overflow:ellipsis;align-items:center;gap:4px;max-width:100%;font-size:12px;display:inline-flex;overflow:hidden}.writopin-root .source-state{color:#49815d;font-size:12px}.writopin-root .source-placeholder{color:#898190;text-align:center;border:1px dashed #ded8e6;border-radius:9px;place-items:center;gap:8px;min-height:128px;padding:16px;font-size:12px;line-height:1.6;display:grid}.writopin-root .source-placeholder svg{color:#9575bd}.writopin-root .workflow-list{flex-direction:column;gap:12px;margin:14px 0;padding:0;list-style:none;display:flex}.writopin-root .workflow-list li{color:#58515e;align-items:center;gap:8px;font-size:12px;display:flex}.writopin-root .workflow-list svg{color:#7952a8}.writopin-root .text-button{color:#7650a4;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:29px;padding:0 7px;font-size:12px;display:inline-flex}.writopin-root .text-button:hover{background:#f5f0fa}.writopin-root .fixture-list{background:#faf9fb;border:1px solid #eeeaf2;border-radius:9px;flex-direction:column;gap:5px;padding:10px;display:flex}.writopin-root .fixture-list>strong{color:#655b6c;margin-bottom:2px;font-size:12px}.writopin-root .fixture-list button,.writopin-root .recent-source-row{color:#554d5e;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-height:33px;padding:6px 7px;font-size:12px;display:flex}.writopin-root .fixture-list button:hover,.writopin-root .fixture-list button.selected,.writopin-root .recent-source-row:hover{background:#f5effb;border-color:#e7dcf5}.writopin-root .success-banner,.writopin-root .prototype-notice{color:#496b4e;background:#f5faf5;border:1px solid #deebdf;border-radius:9px;align-items:center;gap:9px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.writopin-root .prototype-notice{color:#6e5781;background:#fbf8fd;border-color:#e8def3}.writopin-root .generation-progress{color:#4b4058;background:#fbf9fd;border:1px solid #e9e1f2;border-radius:9px;gap:7px;padding:11px;font-size:12px;display:grid}.writopin-root .generation-progress>div{justify-content:space-between;display:flex}.writopin-root .generation-progress progress,.writopin-root .usage-panel progress{accent-color:#8244ee;width:100%;height:6px}.writopin-root .generation-progress small{color:#7b7382}.writopin-root .review-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.writopin-root .review-filters{margin:0}.writopin-root .review-notice{justify-content:space-between;margin-bottom:11px}.writopin-root .review-bulkbar{color:#554661;background:#faf7fd;border:1px solid #e7def2;border-radius:9px;align-items:center;gap:7px;margin-bottom:12px;padding:9px 11px;font-size:12px;display:flex}.writopin-root .review-bulkbar>span{margin-right:auto;font-weight:700}.writopin-root .review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.writopin-root .review-card{min-width:0;position:relative;overflow:hidden}.writopin-root .review-card.selected{border-color:#9b6de4;box-shadow:0 0 0 2px #8244ee19}.writopin-root .review-select{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;border:1px solid #ffffffa8;border-radius:7px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:10px;left:10px}.writopin-root .review-select input,.writopin-root .consent-confirm input{accent-color:#8244ee}.writopin-root .review-art{cursor:pointer;background:#efedf2;border:0;width:100%;padding:0;display:block}.writopin-root .review-art-background{aspect-ratio:2/3;color:#30263a;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;width:100%;padding:12%;display:flex}.writopin-root .review-art-background>span{color:#7154a3;letter-spacing:.11em;text-transform:uppercase;font-size:8px;font-weight:700}.writopin-root .review-art-background>strong{-webkit-line-clamp:5;-webkit-box-orient:vertical;max-width:100%;font-family:Georgia,serif;font-size:clamp(18px,2.1vw,29px);line-height:1.1;display:-webkit-box;overflow:hidden}.writopin-root .review-art-background>small{color:#7650a4;letter-spacing:.1em;margin-top:auto;font-size:8px;font-weight:700}.writopin-root .review-card-body{padding:12px}.writopin-root .review-card-heading{justify-content:space-between;align-items:center;gap:4px;display:flex}.writopin-root .review-state{color:#766a7e;background:#f6f3f8;border-radius:99px;padding:4px 6px;font-size:12px}.writopin-root .state-approved{color:#3d7b4f;background:#edf7ef}.writopin-root .state-discarded{color:#a24250;background:#fff0f0}.writopin-root .review-card-body h3{color:#322c38;margin:7px 0 5px;font-size:14px;line-height:1.4}.writopin-root .review-card-body>p,.writopin-root .review-card-body>small{color:#7b7580;font-size:12px;line-height:1.5}.writopin-root .review-card-actions{flex-wrap:wrap;align-items:center;gap:4px;margin-top:9px;display:flex}.writopin-root .review-footer-note,.writopin-root .queue-guardrail{color:#77717e;align-items:flex-start;gap:7px;margin:14px 0 0;font-size:12px;line-height:1.5;display:flex}.writopin-root .review-footer-note svg,.writopin-root .queue-guardrail svg{color:#7751a6;flex:none}.writopin-root .review-metadata{background:#fbfafc;border:1px solid #eeeaf2;border-radius:8px;gap:8px;margin-top:9px;padding:9px;display:grid}.writopin-root .review-metadata label{color:#665d6a;gap:4px;font-size:12px;display:grid}.writopin-root .review-metadata small{color:#847b89;font-size:12px;line-height:1.45}.writopin-root .consent-modal{width:min(760px,100%)}.writopin-root .consent-account{border-bottom:1px solid #f0edf2;align-items:center;gap:9px;padding:12px 18px;display:flex}.writopin-root .consent-avatar,.writopin-root .connection-avatar{color:#6840a0;background:#f0e7fa;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.writopin-root .consent-account span:last-child{gap:3px;display:grid}.writopin-root .consent-account strong{color:#3c3442;font-size:13px}.writopin-root .consent-account small{color:#827a88;font-size:12px}.writopin-root .consent-list{gap:8px;max-height:min(40vh,360px);padding:12px 18px;display:grid;overflow:auto}.writopin-root .consent-item{border:1px solid #ece8ef;border-radius:9px;grid-template-columns:minmax(0,1fr) minmax(140px,.55fr) minmax(185px,.7fr);align-items:center;gap:9px;padding:10px;display:grid}.writopin-root .consent-item>div{gap:4px;min-width:0;display:grid}.writopin-root .consent-item strong{color:#3e3744;font-size:12px}.writopin-root .consent-item small{color:#817987;font-size:12px;line-height:1.45}.writopin-root .consent-item label,.writopin-root .consent-action-choice{color:#6e6574;gap:4px;font-size:12px;display:grid}.writopin-root .consent-item select,.writopin-root .consent-item input,.writopin-root .consent-action-choice select{min-height:31px;padding:5px 6px;font-size:12px}.writopin-root .consent-confirm{color:#5b5064;background:#fbf9fd;border:1px solid #e8e0f0;border-radius:8px;align-items:flex-start;gap:8px;margin:2px 18px 12px;padding:10px;font-size:12px;line-height:1.5;display:flex}.writopin-root .consent-action-choice{margin:0 18px 10px}.writopin-root .consent-modal>.prototype-notice{margin:0 18px 12px}.writopin-root .consent-modal>.modal-actions{margin:0 18px 17px}.writopin-root .publication-tabs{width:fit-content}.writopin-root .publication-table{background:#fff;border:1px solid #eae6ee;border-radius:12px;overflow:hidden}.writopin-root .publication-row,.writopin-root .local-calendar>article{border-bottom:1px solid #f0edf2;align-items:center;gap:12px;min-height:76px;padding:10px 13px;display:flex}.writopin-root .publication-row:last-child,.writopin-root .local-calendar>article:last-child{border-bottom:0}.writopin-root .publication-pin-art{border-radius:6px;flex:0 0 43px;width:43px;height:60px;overflow:hidden}.writopin-root .publication-row-main{flex:1;gap:4px;min-width:0;display:grid}.writopin-root .publication-row-main strong{color:#3b3441;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.writopin-root .publication-row-main span,.writopin-root .publication-row-main small{color:#807987;font-size:12px}.writopin-root .publication-actions{align-items:center;gap:4px;display:flex}.writopin-root .local-calendar{overflow:hidden}.writopin-root .local-calendar-heading{border-bottom:1px solid #f0edf2;padding:15px}.writopin-root .local-calendar-heading h2{color:#372f3d;margin:0;font-size:15px}.writopin-root .local-calendar-heading p{color:#817985;margin:5px 0 0;font-size:12px}.writopin-root .calendar-date{color:#7750a6;min-width:145px;font-size:12px}.writopin-root .local-calendar article>div{flex:1;gap:4px;display:grid}.writopin-root .local-calendar article strong{color:#3e3744;font-size:12px}.writopin-root .local-calendar article small{color:#817987;font-size:12px}.writopin-root .settings-tab-layout{grid-template-columns:185px minmax(0,1fr);align-items:start;gap:13px;display:grid}.writopin-root .settings-tabs{background:#fff;border:1px solid #eae6ee;border-radius:11px;flex-direction:column;gap:3px;padding:6px;display:flex}.writopin-root .settings-tabs button{color:#69616f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:33px;padding:0 9px;font-size:12px}.writopin-root .settings-tabs button:hover,.writopin-root .settings-tabs button.active{color:#5a367e;background:#f5effb}.writopin-root .settings-panel-card{gap:11px;padding:17px;display:grid}.writopin-root .settings-panel-card h2{color:#342d3a;margin:0;font-size:13px}.writopin-root .settings-panel-card>p{color:#7e7784;margin:0;font-size:12px;line-height:1.6}.writopin-root .settings-panel-card>label{color:#625968;gap:5px;font-size:12px;display:grid}.writopin-root .billing-grid,.writopin-root .product-fixtures,.writopin-root .demo-scenario-grid,.writopin-root .welcome-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.writopin-root .billing-plan{gap:7px;padding:13px;display:grid}.writopin-root .billing-plan.current{border-color:#9c7dd1;box-shadow:0 0 0 2px #8244ee13}.writopin-root .billing-plan>span{color:#7b51ad;font-size:12px;font-weight:700}.writopin-root .billing-plan>strong{color:#37303d;min-height:28px;font-size:13px}.writopin-root .billing-plan p,.writopin-root .billing-plan small{color:#7e7784;margin:0;font-size:12px;line-height:1.5}.writopin-root .billing-plan .secondary-button{width:fit-content;min-height:28px;font-size:12px}.writopin-root .usage-panel{background:#fbfafc;border:1px solid #eeeaf2;border-radius:10px;gap:9px;padding:14px;display:grid}.writopin-root .usage-panel h2,.writopin-root .usage-panel h3{color:#403748;margin:0;font-size:13px}.writopin-root .usage-panel p{color:#79717f;margin:0;font-size:12px;line-height:1.5}.writopin-root .automation-row{border:1px solid #eeeaf2;border-radius:8px;align-items:center;gap:9px;min-height:54px;padding:9px;display:flex}.writopin-root .automation-row>div{flex:1;gap:4px;display:grid}.writopin-root .automation-row small,.writopin-root .automation-row>span{color:#807886;font-size:12px}.writopin-root .automation-row select{background:#fff;border:1px solid #e5e1e8;border-radius:7px;width:110px;min-height:29px;padding:4px;font-size:12px}.writopin-root .automation-create-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.writopin-root .automation-list{gap:10px;display:grid}.writopin-root .automation-card{background:#fff;border:1px solid #eeeaf2;border-radius:10px;padding:10px}.writopin-root .automation-card .automation-row{border:0;padding:0}.writopin-root .automation-run-history{border-top:1px solid #f0edf3;gap:7px;margin-top:12px;padding-top:10px;display:grid}.writopin-root .automation-run-history h3{color:#554d5d;margin:0;font-size:13px}.writopin-root .automation-run-row{background:#faf9fb;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:8px 9px;display:flex}.writopin-root .automation-run-row>div{gap:3px;min-width:0;display:grid}.writopin-root .automation-run-row strong{color:#403948;font-size:12px}.writopin-root .automation-run-row small{color:#807886;font-size:12px}.writopin-root .automation-run-row .automation-run-error{color:#9b3030}@media (width<=560px){.writopin-root .automation-card .automation-row{flex-wrap:wrap;align-items:flex-start}.writopin-root .automation-card .automation-row>div{flex-basis:100%}.writopin-root .automation-run-row{flex-direction:column;align-items:flex-start}}.writopin-root .theme-dark .crumb-count{color:#e3dceb;background:#2a2431;border:1px solid #453b50}.writopin-root .pin-context-menu{width:196px;max-height:calc(100dvh - 16px);bottom:auto;right:auto;overflow-y:auto}.writopin-root .sort-menu{z-index:60;max-height:min(320px,100dvh - 90px);overflow-y:auto}.writopin-root .library-design-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:15px}.writopin-root .design-card{background:#fff;border:1px solid #e9e5ec;border-radius:13px;transition:border-color .16s,box-shadow .16s,transform .16s;box-shadow:0 3px 12px #24163808}.writopin-root .design-card:hover{border-color:#d8c4f2;transform:translateY(-2px);box-shadow:0 8px 22px #24163812}.writopin-root .design-art{aspect-ratio:2/3;background:#f4f1f6;height:auto}.writopin-root .design-card-copy{min-height:104px;padding:12px}.writopin-root .theme-dark .design-card{background:#211d27;border-color:#39323f}.writopin-root .theme-dark .design-art{background:#19161e}.writopin-root .settings-inline-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;display:grid}.writopin-root .settings-inline-form>label{color:#504858;gap:7px;min-width:0;font-size:13px;display:grid}.writopin-root .settings-inline-form input{width:100%;min-width:0;min-height:40px}.writopin-root .settings-inline-form>button{justify-self:start;min-height:38px}.writopin-root .workspace-manager>.settings-panel-card{gap:8px;padding:17px 19px}.writopin-root .workspace-manager .workspace-list{margin-top:4px}.writopin-root .workspace-manager .workspace-list li{min-height:52px;padding:9px 12px}.writopin-root .workspace-manager .workspace-meter{gap:6px;margin:4px 0 8px}.writopin-root .notification-card{border-radius:14px;gap:14px;padding:15px 17px;position:relative}.writopin-root .notification-card.is-unread{border-left:3px solid #8244ee}.writopin-root .notification-card.is-read{background:#fbfafc}.writopin-root .theme-dark .notification-card.is-read{background:#211d27}.writopin-root .notification-card-actions{align-self:center;min-width:130px}.writopin-root .insight-metric-shimmer,.writopin-root .insight-loading-panel>span{background:linear-gradient(90deg,#eeebf2 20%,#faf9fb 45%,#eeebf2 70%) 0 0/220% 100%;border-radius:7px;animation:1.3s ease-in-out infinite insight-shimmer;display:block;overflow:hidden}.writopin-root .insight-metric-shimmer{width:76px;height:23px}.writopin-root .insight-title-shimmer{width:min(100%,145px);height:18px}.writopin-root .insight-loading-panel{background:#fff;border:1px solid #ece8ef;border-radius:14px;align-content:center;gap:11px;min-height:240px;padding:22px;display:grid}.writopin-root .insight-loading-panel>span{width:100%;height:20px}.writopin-root .insight-loading-panel>span:first-child{width:42%;height:27px}.writopin-root .theme-dark .insight-loading-panel{background:#211d27;border-color:#39323f}.writopin-root .theme-dark .insight-metric-shimmer,.writopin-root .theme-dark .insight-loading-panel>span{background:linear-gradient(90deg,#352e3c 20%,#443b4d 45%,#352e3c 70%) 0 0/220% 100%}.writopin-root .usage-credit-note{color:#7c7582;margin:0;font-size:12px!important}.writopin-root .draft-card-meta-overlay{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17121bc9;border:1px solid #ffffffa8;border-radius:8px;align-items:center;gap:4px;padding:2px 5px 2px 3px;font-size:10px;display:inline-flex;position:absolute;top:42px;right:8px}.writopin-root .draft-card-meta-overlay .pin-id-chip code,.writopin-root .draft-card-meta-overlay .pin-id-chip button{color:#fff}.writopin-root .draft-card-meta-overlay .pin-id-chip code{background:0 0;font-size:10px}.writopin-root .draft-card-meta-overlay .pin-id-chip button{width:17px;height:17px}.writopin-root .sort-menu button[aria-checked=true]{color:#512b82;background:#f1eafb;font-weight:600}.writopin-root .account-security-dialog,.writopin-root .account-signout-dialog{color:#302936;background:#fff;border:1px solid #e9e5ec;border-radius:16px;width:min(100%,760px);max-height:min(92dvh,900px);overflow:auto;box-shadow:0 24px 80px #160e2052}.writopin-root .account-security-dialog{overflow:hidden}.writopin-root .account-security-header{text-align:left;background:#fff;border-bottom:1px solid #ece8ef;flex:none;padding:16px 52px 14px 19px}.writopin-root .account-security-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.writopin-root .account-security-header h2,.writopin-root .account-security-dialog>header h2,.writopin-root .account-signout-dialog h2{color:#302936;margin:3px 0 0;font-size:18px}.writopin-root .account-security-content{padding:16px}.writopin-root .account-security-status,.writopin-root .account-security-error{color:#746e78;margin:16px 19px;font-size:13px}.writopin-root .account-security-error{color:#a63345}.writopin-root .account-security-confirm{gap:9px;padding:20px;display:grid}.writopin-root .account-security-confirm p{color:#6f6876;margin:0 0 4px;font-size:13px}.writopin-root .account-security-confirm label{color:#504858;font-size:13px;font-weight:600}.writopin-root .account-security-confirm input{width:100%;min-height:40px}.writopin-root .account-security-confirm .account-security-error{margin:0}.writopin-root .account-security-confirm button{justify-self:start}.writopin-root .account-security-password-link{color:#6940a6;text-underline-offset:3px;justify-self:start;font-size:12px;text-decoration:underline}.writopin-root .account-signout-dialog{width:min(100%,420px);padding:21px}.writopin-root .account-signout-dialog>p{color:#6f6876;font-size:13px;line-height:1.55}.writopin-root .theme-dark .account-security-dialog,.writopin-root .account-security-dialog.theme-dark,.writopin-root .theme-dark .account-signout-dialog{color:#eeeaf3;background:#211d27;border-color:#39323f}.writopin-root .theme-dark .account-security-header,.writopin-root .account-security-dialog.theme-dark .account-security-header{background:#211d27;border-color:#39323f}.writopin-root .theme-dark .account-security-header h2,.writopin-root .account-security-dialog.theme-dark .account-security-header h2,.writopin-root .theme-dark .account-signout-dialog h2{color:#f0ebf4}.writopin-root .theme-dark .account-signout-dialog>p,.writopin-root .theme-dark .account-security-confirm p,.writopin-root .theme-dark .account-security-confirm label{color:#b8b0c0}.writopin-root .theme-dark .account-security-password-link{color:#c4a3f0}.writopin-root .editor-stage-area{cursor:grab}.writopin-root .build-options-disclosure{background:#fbfafc;border:1px solid #eeeaf2;border-radius:12px;margin:16px 0 4px}.writopin-root .build-options-disclosure>summary{color:#4c3f5c;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;min-height:42px;padding:0 13px;font-size:12px;font-weight:700;list-style:none;display:flex}.writopin-root .build-options-disclosure>summary::-webkit-details-marker{display:none}.writopin-root .build-options-disclosure>summary:after{content:"+";color:#76658a;font-size:18px;font-weight:400;line-height:1}.writopin-root .build-options-disclosure[open]>summary:after{content:"−"}.writopin-root .build-options-disclosure>summary:focus-visible{outline-offset:-3px;outline:2px solid #a77ddb}.writopin-root .build-options-disclosure>.build-options{background:0 0;border:0;border-top:1px solid #eeeaf2;border-radius:0 0 12px 12px;margin:0}.writopin-root .theme-dark .build-options-disclosure{background:#211d27;border-color:#39323f}.writopin-root .theme-dark .build-options-disclosure>summary{color:#e9e2f2}.writopin-root .theme-dark .build-options-disclosure>.build-options{border-top-color:#39323f}.writopin-root .editor-stage-area.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}@keyframes insight-shimmer{to{background-position:-220% 0}}@media (width<=820px){.writopin-root .editor-main-actions{scrollbar-width:thin;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.writopin-root .editor-main-actions>button{flex:none}}@media (width<=560px){.writopin-root .settings-inline-form{grid-template-columns:minmax(0,1fr)}.writopin-root .settings-inline-form>button{justify-self:stretch;width:100%}.writopin-root .library-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.writopin-root .design-card-copy{min-height:94px;padding:9px}.writopin-root .notification-card{border-left-width:1px}.writopin-root .notification-card.is-unread{border-left-width:3px}.writopin-root .notification-card-actions{min-width:0}.writopin-root .insights-toolbar{padding:12px}.writopin-root .editor-main-actions{margin-right:-8px;padding-right:8px}.writopin-root .account-security-content{padding:8px}.writopin-root .account-security-confirm button{justify-self:stretch;width:100%}}.writopin-root .brand-suggestion-card{align-content:start;gap:10px;padding:18px;display:grid}.writopin-root .brand-suggestion-card h3{color:#302936;margin:0;font-size:14px}.writopin-root .brand-suggestion-card>p{color:#766d7b;margin:0;font-size:13px;line-height:1.5}.writopin-root .brand-suggestion-input{flex-wrap:wrap;gap:7px;display:flex}.writopin-root .brand-suggestion-input input{border:1px solid #e5e1e8;border-radius:8px;flex:1;min-width:180px;min-height:34px;padding:7px 9px;font-size:13px}.writopin-root .brand-suggestion-result{border-top:1px solid #eeeaf2;gap:8px;padding-top:10px;display:grid}.writopin-root .brand-suggestion-result>small{color:#756c7b;font-size:12px}.writopin-root .brand-suggestion-result>strong{font-size:15px}.writopin-root .brand-suggestion-result>span{color:#756c7b;font-size:12px;line-height:1.5}.writopin-root .brand-suggestion-result>label{color:#62596a;align-items:center;gap:7px;font-size:12px;display:flex}.writopin-root .brand-suggestion-result>label input{width:14px;min-height:14px}.writopin-root .brand-suggestion-swatches{gap:6px;display:flex}.writopin-root .brand-suggestion-swatches span{border:1px solid #ddd8e0;border-radius:50%;width:25px;height:25px}.writopin-root .team-invite-form{gap:7px;display:flex}.writopin-root .team-invite-form input{flex:1}.writopin-root .demo-scenario-grid button{color:#5c5362;text-align:left;cursor:pointer;background:#fff;border:1px solid #e9e5ed;border-radius:8px;min-height:37px;padding:7px;font-size:12px}.writopin-root .demo-scenario-grid button.active{color:#603b89;background:#f7f2fc;border-color:#a98bd2}.writopin-root .demo-scenario-group{gap:8px;margin:14px 0;display:grid}.writopin-root .demo-scenario-group>h3,.writopin-root .demo-scenario-group>p{margin:0}.writopin-root .insight-sample-row{color:#6b6371;border-bottom:1px solid #f0edf2;grid-template-columns:minmax(0,1fr) repeat(3,auto);gap:10px;padding:10px;font-size:12px;display:grid}.writopin-root .insight-sample-row strong{color:#403948;font-size:12px}.writopin-root .account-hub>.settings-card{grid-template-columns:40px minmax(0,1fr) auto;max-width:950px}.writopin-root .account-hub>.settings-grid{margin-top:12px}.writopin-root .public-page,.writopin-root .auth-preview,.writopin-root .client-review-page,.writopin-root .not-found-page{max-width:1000px;margin:18px auto}.writopin-root .welcome-hero{background:radial-gradient(circle at 85% 12%,#efe7fb 0,#0000 40%),linear-gradient(130deg,#fff,#f9f7fb);border:1px solid #ebe6ef;border-radius:20px;padding:clamp(24px,5vw,62px)}.writopin-root .welcome-hero h1{color:#251d2d;letter-spacing:-.05em;max-width:700px;margin:18px 0 11px;font-size:clamp(26px,4vw,42px);line-height:1.08}.writopin-root .welcome-hero p{color:#746d7b;max-width:630px;font-size:15px;line-height:1.75}.writopin-root .welcome-hero>div{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.writopin-root .welcome-steps{grid-template-columns:repeat(3,minmax(0,1fr));margin:13px 0}.writopin-root .welcome-steps article{background:#fff;border:1px solid #eae6ee;border-radius:12px;padding:15px}.writopin-root .welcome-steps article>span{color:#8555bd;font-size:12px;font-weight:700}.writopin-root .welcome-steps h2{color:#39313f;font-size:14px}.writopin-root .welcome-steps p{color:#817985;font-size:12px;line-height:1.6}.writopin-root .waitlist-card{justify-content:space-between;align-items:center;gap:16px;padding:15px;display:flex}.writopin-root .waitlist-card h2{color:#39313f;margin:0;font-size:15px}.writopin-root .waitlist-card p{color:#827b88;margin:5px 0 0;font-size:12px}.writopin-root .waitlist-card form{gap:6px;display:flex}.writopin-root .waitlist-card input{border:1px solid #e5e1e8;border-radius:7px;min-height:34px;padding:7px 9px;font-size:12px}.writopin-root .auth-preview{background:#fff;border:1px solid #eae6ee;border-radius:15px;width:min(100%,430px);padding:24px;box-shadow:0 7px 30px #21152a0b}.writopin-root .auth-preview h1,.writopin-root .client-review-page h1,.writopin-root .not-found-page h1{color:#302838;letter-spacing:-.035em;font-size:20px}.writopin-root .auth-preview p,.writopin-root .client-review-page p,.writopin-root .not-found-page p{color:#7b7480;font-size:13px;line-height:1.65}.writopin-root .auth-preview>label{color:#625969;gap:6px;margin:15px 0;font-size:12px;display:grid}.writopin-root .auth-preview>label input{border:1px solid #e5e1e8;border-radius:7px;min-height:35px;padding:7px 9px}.writopin-root .auth-preview-links{gap:8px;margin-top:12px;display:flex}.writopin-root .auth-preview-links button{color:#7649ac;cursor:pointer;background:0 0;border:0;font-size:12px}.writopin-root .auth-preview form{gap:12px;margin-top:16px;display:grid}.writopin-root .auth-preview form label{color:#625969;gap:6px;font-size:12px;display:grid}.writopin-root .auth-preview form label input{border:1px solid #e5e1e8;border-radius:7px;min-height:35px;padding:7px 9px}.writopin-root .auth-preview form>button{justify-content:center}.writopin-root .onboarding-checklist button{color:#51485a;text-align:left;cursor:pointer;background:#fff;border:1px solid #ece8ef;border-radius:8px;align-items:center;gap:9px;min-height:39px;padding:0 9px;font-size:12px;display:flex}.writopin-root .onboarding-checklist button span{color:#71469f;background:#f3edf9;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.writopin-root .onboarding-checklist button svg{margin-left:auto}.writopin-root .info-page{gap:9px;display:grid}.writopin-root .info-page>article{color:#5d5463;background:#fff;border:1px solid #ece8ef;border-radius:9px;align-items:center;gap:9px;padding:13px;font-size:12px;display:flex}.writopin-root .info-page>article svg{color:#7751a5}.writopin-root .info-page>.create-button{width:fit-content;margin-top:6px}.writopin-root .client-review-page{background:#fff;border:1px solid #eae6ee;border-radius:14px;padding:22px}.writopin-root .client-review-sample{margin:14px 0;padding:15px}.writopin-root .client-review-sample strong{color:#403748;font-size:14px}.writopin-root .client-review-page textarea{width:100%;margin-top:6px}.writopin-root .not-found-page{text-align:center;padding:48px 20px}.writopin-root .not-found-page>span{color:#8556bd;letter-spacing:.12em;font-size:15px;font-weight:700}.writopin-root .product-preview{gap:12px;display:grid}.writopin-root .product-preview>label{max-width:560px}.writopin-root .product-fixtures{grid-template-columns:repeat(3,minmax(0,1fr))}.writopin-root .product-fixtures article{background:#fff;border:1px solid #eae6ee;border-radius:11px;gap:8px;padding:12px;display:grid}.writopin-root .product-fixtures article>strong{color:#39323f;font-size:13px}.writopin-root .product-fixtures article>small,.writopin-root .product-fixtures article>label{color:#7e7783;font-size:12px;line-height:1.5}.writopin-root .product-placeholder{color:#7954a2;background:linear-gradient(140deg,#f3ecfa,#e7e0ec);border-radius:8px;place-items:center;height:100px;display:grid}.writopin-root .product-provider-choice{color:#4f4855;flex-direction:column;gap:6px;max-width:420px;font-size:12px;font-weight:600;display:flex}.writopin-root .video-preview-layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start;gap:14px;display:grid}.writopin-root .video-preview-media{background:#211d27;border:1px solid #eae6ee;border-radius:11px;place-items:center;min-height:230px;display:grid;position:relative;overflow:hidden}.writopin-root .video-preview-media>video{object-fit:contain;width:100%;max-height:62vh;display:block}.writopin-root .video-placeholder{color:#f5eff8;text-align:center;justify-items:center;gap:10px;padding:25px;font-size:13px;display:grid}.writopin-root .video-cover-preview{object-fit:cover;border:2px solid #fff;border-radius:7px;width:72px;height:108px;position:absolute;bottom:10px;right:10px;box-shadow:0 3px 14px #0005}.writopin-root .video-preview-fields{gap:9px;display:grid}.writopin-root .video-preview-fields>label{color:#4f4855;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.writopin-root .product-preview>.prototype-notice{align-items:flex-start;gap:8px;display:flex}.writopin-root .product-preview>.prototype-notice svg{flex:none}.writopin-root .theme-dark .product-provider-choice,.writopin-root .theme-dark .video-preview-fields>label{color:#eeeaf3}.writopin-root .theme-dark .video-preview-media{border-color:#39323f}.writopin-root .board-catalog-search{color:#807987;background:#fff;border:1px solid #e8e4eb;border-radius:8px;align-items:center;gap:7px;width:min(360px,100%);height:36px;margin-bottom:13px;padding:0 9px;display:flex}.writopin-root .board-catalog-search input{color:#39323e;border:0;outline:0;flex:1;min-width:0;font-size:12px}.writopin-root .board-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.writopin-root .board-catalog-card{padding:9px;overflow:hidden}.writopin-root .board-catalog-open{text-align:left;cursor:pointer;background:0 0;border:0;gap:5px;width:100%;padding:0 0 8px;display:grid}.writopin-root .board-catalog-cover{color:#76519e;background:linear-gradient(145deg,#ddd2ea,#e9e4ed);border-radius:8px;place-items:center;height:120px;display:grid}.writopin-root .cover-food{background:linear-gradient(145deg,#eadbc9,#f2e9de)}.writopin-root .cover-style{background:linear-gradient(145deg,#e4d4dc,#f0e6eb)}.writopin-root .cover-interior{background:linear-gradient(145deg,#dfe4dd,#f1f2ed)}.writopin-root .cover-travel{background:linear-gradient(145deg,#d9e3ec,#edf1f5)}.writopin-root .board-catalog-open strong{color:#39323f;font-size:13px}.writopin-root .board-catalog-open small,.writopin-root .board-catalog-open>span:last-child{color:#807985;font-size:12px}.writopin-root .board-catalog-card>div{border-top:1px solid #f0edf2;justify-content:space-between;align-items:center;display:flex}.writopin-root .board-catalog-card .secondary-button{min-height:27px;font-size:12px}.writopin-root .theme-dark .creation-form-card,.writopin-root .theme-dark .creation-preview-card,.writopin-root .theme-dark .review-card,.writopin-root .theme-dark .settings-panel-card,.writopin-root .theme-dark .waitlist-card,.writopin-root .theme-dark .local-calendar,.writopin-root .theme-dark .publication-table,.writopin-root .theme-dark .board-catalog-card,.writopin-root .theme-dark .billing-plan,.writopin-root .theme-dark .auth-preview,.writopin-root .theme-dark .info-page>article,.writopin-root .theme-dark .client-review-page,.writopin-root .theme-dark .client-review-sample,.writopin-root .theme-dark .board-catalog-search{color:#eeeaf3;background:#211d27;border-color:#39323f}.writopin-root .theme-dark .creation-step-heading h2,.writopin-root .theme-dark .creation-preview-card h2,.writopin-root .theme-dark .creation-preview-card h3,.writopin-root .theme-dark .review-card-body h3,.writopin-root .theme-dark .settings-panel-card h2,.writopin-root .theme-dark .billing-plan>strong,.writopin-root .theme-dark .welcome-hero h1,.writopin-root .theme-dark .welcome-steps h2,.writopin-root .theme-dark .auth-preview h1,.writopin-root .theme-dark .client-review-page h1,.writopin-root .theme-dark .not-found-page h1{color:#eeeaf3}.writopin-root .theme-dark .creation-form-card input,.writopin-root .theme-dark .creation-form-card textarea,.writopin-root .theme-dark .creation-form-card select,.writopin-root .theme-dark .settings-tab-content input,.writopin-root .theme-dark .settings-tab-content textarea,.writopin-root .theme-dark .settings-tab-content select,.writopin-root .theme-dark .creation-two-fields input,.writopin-root .theme-dark .creation-two-fields select{color:#eeeaf3;background:#19161e;border-color:#403947}@media (width<=1050px){.writopin-root .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writopin-root .creation-grid{grid-template-columns:minmax(0,1fr) 260px}.writopin-root .board-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.writopin-root .creation-grid{grid-template-columns:1fr}.writopin-root .creation-side-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.writopin-root .settings-tab-layout{grid-template-columns:1fr}.writopin-root .settings-tabs{flex-direction:row;overflow-x:auto}.writopin-root .settings-tabs button{flex:none}.writopin-root .welcome-steps{grid-template-columns:1fr}.writopin-root .product-fixtures,.writopin-root .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writopin-root .publication-actions{flex-wrap:wrap;justify-content:flex-end}.writopin-root .video-preview-layout{grid-template-columns:1fr}}@media (width<=540px){.writopin-root .review-grid,.writopin-root .billing-grid,.writopin-root .product-fixtures,.writopin-root .board-catalog-grid,.writopin-root .creation-side-column,.writopin-root .creation-two-fields{grid-template-columns:1fr}.writopin-root .review-toolbar,.writopin-root .waitlist-card{flex-direction:column;align-items:stretch}.writopin-root .review-bulkbar{flex-wrap:wrap}.writopin-root .review-bulkbar>span{width:100%}.writopin-root .consent-item{grid-template-columns:1fr}.writopin-root .consent-list{max-height:34dvh}.writopin-root .publication-row{flex-wrap:wrap;align-items:flex-start}.writopin-root .publication-row-main{min-width:calc(100% - 64px)}.writopin-root .publication-actions{justify-content:flex-start;width:100%}.writopin-root .calendar-date{flex-basis:100%;min-width:0}.writopin-root .local-calendar>article{flex-wrap:wrap;align-items:flex-start}.writopin-root .waitlist-card form{flex-direction:column}.writopin-root .account-hub>.settings-card{grid-template-columns:36px minmax(0,1fr)}.writopin-root .account-hub>.settings-card>.demo-pill{grid-column:2;justify-self:start}.writopin-root .insight-sample-row{grid-template-columns:1fr 1fr}}.writopin-root .content-scroll:has(.editor-page){padding:0;overflow:clip}.writopin-root .editor-page{background:#f8f7f9;flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex}.writopin-root .editor-toolbar{z-index:20;background:#fff;border-bottom:1px solid #e8e4eb;flex:none;align-items:center;gap:12px;min-height:52px;padding:7px 12px;display:flex;position:sticky;top:0}.writopin-root .editor-design-tabs{background:#fbfafc;border-bottom:1px solid #e8e4eb;gap:5px;min-height:36px;padding:4px 10px;display:flex;overflow-x:auto}.writopin-root .editor-design-tab{background:#fff;border:1px solid #e8e4eb;border-radius:7px;flex:none;min-width:0;max-width:230px;display:flex}.writopin-root .editor-design-tab.is-active{background:#f4effa;border-color:#c9afe8}.writopin-root .editor-design-tab button{color:#5e5664;background:0 0;border:0;min-width:0;min-height:26px;padding:0 8px;font-size:12px}.writopin-root .editor-design-tab button:first-child{text-overflow:ellipsis;white-space:nowrap;text-align:left;overflow:hidden}.writopin-root .editor-design-tab button:last-child{color:#837b88;padding:0 7px;font-size:13px}.writopin-root .editor-design-tab button:hover{color:#7143aa}.writopin-root .editor-open-design{align-items:center;min-width:160px;display:flex}.writopin-root .editor-open-design select{color:#655c6b;background:#fff;border:1px solid #e8e4eb;border-radius:7px;width:100%;min-height:27px;padding:0 7px;font-size:12px}.writopin-root .editor-back{color:#655c6b;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:13px;display:inline-flex}.writopin-root .editor-file-name{flex:1;gap:3px;min-width:0;display:grid}.writopin-root .editor-file-name strong{color:#3c3543;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.writopin-root .editor-file-name span{color:#648267;font-size:12px}.writopin-root .editor-file-name span.is-error{color:#a94750}.writopin-root .editor-main-actions{align-items:center;gap:5px;display:flex}.writopin-root .editor-main-actions .secondary-button,.writopin-root .editor-main-actions .create-button{min-height:30px;font-size:12px}.writopin-root .editor-main-actions .editor-compact-action{flex:0 0 30px;width:30px;min-width:30px;height:30px;padding:0}.writopin-root .editor-workspace{flex:1;grid-template-columns:56px minmax(0,1fr) 300px;min-width:0;min-height:0;display:grid}.writopin-root .editor-tools{background:#fff;border-right:1px solid #e6e2e9;flex-direction:column;align-items:center;gap:5px;padding:10px 5px;display:flex}.writopin-root .editor-tools button,.writopin-root .editor-tools label{color:#655a6d;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:45px;min-height:48px;font-size:12px;display:flex}.writopin-root .editor-tools button:hover,.writopin-root .editor-tools label:hover{color:#7143aa;background:#f5f0fa}.writopin-root .editor-tools label{position:relative}.writopin-root .editor-tools input{opacity:0;width:1px;height:1px;position:absolute}.writopin-root .editor-stage-area{overscroll-behavior:contain;background:#f1eff3;flex-direction:column;align-items:center;min-width:0;min-height:0;padding:9px;display:flex;overflow:hidden}.writopin-root .editor-stage-heading,.writopin-root .editor-canvas-footer{color:#79717f;justify-content:space-between;align-items:center;gap:7px;width:100%;max-width:900px;min-height:29px;font-size:8px;display:flex}.writopin-root .editor-stage-heading>div{align-items:center;gap:4px;display:flex}.writopin-root .editor-stage-heading .icon-button{width:24px;height:24px}.writopin-root .editor-canvas-wrap{touch-action:none;cursor:grab;flex:1;width:100%;min-width:0;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.writopin-root .editor-canvas-stage{flex:none;position:absolute}.writopin-root .editor-canvas-stage>div{top:0;left:0;position:absolute!important}.writopin-root .editor-canvas-wrap canvas{touch-action:none;background:#fff;max-width:none;display:block;box-shadow:0 9px 32px #1b122626}.writopin-root .editor-canvas-footer{min-height:24px}.writopin-root .editor-inspector{background:#fff;border-left:1px solid #e6e2e9;min-width:0;overflow:auto}.writopin-root .editor-inspector-tabs{border-bottom:1px solid #efedf1;gap:4px;padding:7px;display:flex}.writopin-root .editor-inspector-tabs button{color:#756d7a;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;min-height:29px;font-size:12px}.writopin-root .editor-inspector-tabs button.active{color:#65408f;background:#f4effa}.writopin-root .editor-panel-content{gap:10px;padding:11px;display:grid}.writopin-root .editor-panel-content h3{color:#554b5d;margin:5px 0 -3px;font-size:12px}.writopin-root .editor-panel-content>p{color:#827a88;font-size:12px;line-height:1.5}.writopin-root .editor-panel-content label{color:#665d6d;gap:5px;font-size:12px;display:grid}.writopin-root .editor-panel-content input:not([type=color]):not([type=range]),.writopin-root .editor-panel-content textarea,.writopin-root .editor-panel-content select{color:#39323f;background:#fff;border:1px solid #e6e1e9;border-radius:6px;width:100%;min-height:30px;padding:6px 7px;font-size:12px}.writopin-root .editor-panel-content textarea{resize:vertical}.writopin-root .editor-inline-fields{grid-template-columns:.55fr 1fr;gap:6px;display:grid}.writopin-root .editor-color-field{align-items:center;gap:7px;display:flex}.writopin-root .editor-color-field input{background:#fff;border:1px solid #ded8e4;border-radius:5px;width:31px;height:25px;padding:1px}.writopin-root .editor-color-field code{color:#827a88;font-size:12px}.writopin-root .editor-layer-actions,.writopin-root .editor-add-actions,.writopin-root .editor-export-buttons{flex-wrap:wrap;gap:5px;display:flex}.writopin-root .editor-layer-actions button,.writopin-root .editor-add-actions button,.writopin-root .editor-export-buttons button{min-height:28px;padding:0 7px;font-size:12px}.writopin-root .editor-validation{gap:5px;margin:0;padding:0;list-style:none;display:grid}.writopin-root .editor-validation li,.writopin-root .validation-ok{color:#4a805a;font-size:12px;line-height:1.5}.writopin-root .editor-validation .validation-warning{color:#987137}.writopin-root .editor-validation .validation-error{color:#a64350}.writopin-root .editor-layer-list{gap:4px;padding:8px;display:grid}.writopin-root .editor-layer-list button{color:#554d5e;cursor:pointer;background:#faf9fb;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;min-height:34px;padding:0 7px;font-size:12px;display:flex}.writopin-root .editor-layer-list button.selected{background:#f4effa;border-color:#d9c9ed}.writopin-root .editor-layer-list button>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.writopin-root .editor-layer-list small{color:#89818e;font-size:12px}.writopin-root .editor-group-actions{flex-wrap:wrap;gap:5px;padding-bottom:5px;display:flex}.writopin-root .editor-group-actions button{min-height:28px}.writopin-root .editor-layer-entry{grid-template-columns:17px minmax(0,1fr);align-items:center;gap:4px;display:grid}.writopin-root .editor-layer-entry>input{accent-color:#8146e8;width:13px;height:13px;margin:0 auto}.writopin-root .editor-layer-entry>button{width:100%;min-width:0}.writopin-root .editor-icon-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.writopin-root .editor-icon-palette button{color:#67478d;cursor:pointer;background:#fbfafc;border:1px solid #e7e2ea;border-radius:6px;min-height:28px;font-size:15px}.writopin-root .editor-gradient-presets{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.writopin-root .editor-gradient-presets strong{color:#62596a;width:100%;font-size:12px}.writopin-root .editor-gradient-presets button{cursor:pointer;background:#fff;border:1px solid #e6e1e9;border-radius:6px;width:36px;height:26px;padding:3px}.writopin-root .editor-gradient-presets button span{border-radius:4px;width:100%;height:100%;display:block}.writopin-root .editor-conflict-banner{color:#74542c;background:#fff9f1;border-top:1px solid #eed8bd;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.writopin-root .theme-dark .editor-page,.writopin-root .theme-dark .editor-stage-area{background:#19161e}.writopin-root .theme-dark .editor-toolbar,.writopin-root .theme-dark .editor-tools,.writopin-root .theme-dark .editor-inspector{color:#eeeaf3;background:#211d27;border-color:#39323f}.writopin-root .theme-dark .editor-design-tabs{background:#19161e;border-color:#39323f}.writopin-root .theme-dark .editor-design-tab{background:#211d27;border-color:#39323f}.writopin-root .theme-dark .editor-design-tab.is-active{background:#30253a;border-color:#77509f}.writopin-root .theme-dark .editor-file-name strong,.writopin-root .theme-dark .editor-panel-content h3{color:#eeeaf3}.writopin-root .theme-dark .editor-panel-content input,.writopin-root .theme-dark .editor-panel-content textarea,.writopin-root .theme-dark .editor-panel-content select{color:#eeeaf3;background:#19161e;border-color:#403947}@media (width<=900px){.writopin-root .editor-workspace{grid-template-columns:48px minmax(0,1fr) 264px}}@media (width<=820px){.writopin-root .content-scroll:has(.editor-page){padding:0}.writopin-root .editor-page{min-height:calc(100dvh - 103px)}.writopin-root .editor-toolbar{flex-wrap:wrap;padding:6px 8px}.writopin-root .editor-file-name{flex-basis:calc(100% - 90px)}.writopin-root .editor-main-actions{justify-content:flex-end;width:100%}.writopin-root .editor-workspace{grid-template-rows:minmax(360px,1fr) auto;grid-template-columns:42px minmax(0,1fr)}.writopin-root .editor-tools{grid-row:1/3}.writopin-root .editor-inspector{border-top:1px solid #e6e2e9;border-left:0;grid-column:2;max-height:40dvh}.writopin-root .editor-stage-area{min-height:400px}.writopin-root .editor-canvas-wrap{padding:0}.writopin-root .editor-conflict-banner{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.writopin-root .nav-group-items,.writopin-root .nav-submenu{animation:none}}.writopin-root .side-content{overscroll-behavior:contain;min-height:0;overflow:hidden auto}.writopin-root .side-top,.writopin-root .side-search,.writopin-root .trial-card{flex-shrink:0}.writopin-root .side-search{flex-basis:39px}.writopin-root .side-nav{flex:none;gap:3px;min-height:max-content;padding-bottom:2px}.writopin-root .side-nav>*{flex-shrink:0}.writopin-root .nav-primary{height:35px;min-height:35px;margin-bottom:3px}.writopin-root .nav-overview{margin-bottom:10px;padding-top:7px;padding-bottom:9px}.writopin-root .nav-section-heading{flex:0 0 30px;margin-top:5px;margin-bottom:4px}.writopin-root .nav-link.nav-loose{height:33px;margin-top:2px}.writopin-root .nav-nested{flex-direction:column;gap:2px;margin-top:3px;margin-bottom:5px;padding-top:4px;padding-bottom:4px;display:flex}.writopin-root .nav-create-board{margin-top:3px}.writopin-root .board-nav-tree .nav-subchild{min-height:30px}@media (height<=760px){.writopin-root .sidebar{min-height:0}.writopin-root .trial-card{min-height:145px;padding-top:56px}.writopin-root .trial-card .rocket{font-size:45px;top:-15px}}.writopin-root .pin-builder-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.writopin-root .pin-builder-form-column,.writopin-root .pin-builder-aside{flex-direction:column;gap:14px;min-width:0;display:flex}.writopin-root .pin-builder-card{padding:19px}.writopin-root .pin-builder-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.writopin-root .pin-builder-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.writopin-root .pin-builder-preview-card,.writopin-root .pin-builder-note-card{padding:16px}.writopin-root .pin-builder-preview{aspect-ratio:2/3;background:#eee8f2;border-radius:11px;width:min(100%,245px);margin:2px auto 13px;overflow:hidden;box-shadow:0 8px 24px #2113281a}.writopin-root .pin-builder-preview>.pin-art{border-radius:inherit;height:100%;min-height:0}.writopin-root .pin-builder-preview .pin-art-copy{gap:9px;padding:16px}.writopin-root .pin-builder-preview .pin-art-copy small{font-size:8px}.writopin-root .pin-builder-preview .pin-art-copy strong{font-size:clamp(16px,2vw,21px)}.writopin-root .pin-builder-preview .pin-art-copy em{font-size:10px}.writopin-root .pin-builder-preview-meta{color:#77717e;border-top:1px solid #f0edf2;flex-direction:column;gap:8px;padding-top:12px;font-size:9px;display:flex}.writopin-root .pin-builder-preview-meta span{align-items:center;gap:7px;display:flex}.writopin-root .pin-builder-preview-meta svg{color:#8457b7}.writopin-root .pin-builder-note-card>.text-button{margin-top:12px}.writopin-root .theme-dark .pin-builder-preview-meta{color:#aaa2b1;border-color:#39323f}@media (width<=1080px){.writopin-root .pin-builder-layout{grid-template-columns:minmax(0,1fr) 250px}.writopin-root .pin-builder-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.writopin-root .pin-builder-layout{grid-template-columns:1fr}.writopin-root .pin-builder-aside{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.writopin-root .pin-builder-preview-card{grid-row:span 2}}@media (width<=480px){.writopin-root .pin-builder-card{padding:14px}.writopin-root .pin-builder-options{grid-template-columns:1fr;gap:0}.writopin-root .pin-builder-template-grid,.writopin-root .pin-builder-aside{grid-template-columns:1fr}.writopin-root .pin-builder-preview-card{grid-row:auto}.writopin-root .pin-builder-preview{width:min(82%,245px)}}.writopin-root .pin-collection-page,.writopin-root .activity-page,.writopin-root .board-detail-page{max-width:1480px}.writopin-root .collection-metric-grid,.writopin-root .activity-summary-grid,.writopin-root .board-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.writopin-root .collection-metric{grid-template-columns:31px 1fr;align-items:center;column-gap:10px;min-height:76px;padding:13px 15px;display:grid}.writopin-root .collection-metric-icon{color:#7750aa;background:#f3edfb;border-radius:9px;grid-row:span 2;place-items:center;width:30px;height:30px;display:grid}.writopin-root .collection-metric>span:nth-child(2){color:#827b88;font-size:12px}.writopin-root .collection-metric>strong{color:#322b38;letter-spacing:-.025em;font-size:17px}.writopin-root .collection-route-tabs{background:#f8f7f9;border:1px solid #eeeaf2;border-radius:9px;align-items:center;gap:5px;width:fit-content;max-width:100%;margin:0 0 13px;padding:4px;display:flex;overflow-x:auto}.writopin-root .collection-route-tabs button{color:#746d79;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;min-height:32px;padding:0 11px;font-size:12px;transition:background .16s,color .16s,box-shadow .16s;display:inline-flex}.writopin-root .collection-route-tabs button span{color:#817a86;text-align:center;background:#efedf1;border-radius:9px;min-width:17px;padding:2px 5px;font-size:12px}.writopin-root .collection-route-tabs button:hover{color:#49345f}.writopin-root .collection-route-tabs button.is-active{color:#49345f;background:#fff;box-shadow:0 1px 5px #20122812}.writopin-root .collection-route-tabs button.is-active span{color:#7650a7;background:#eee7f6}.writopin-root .collection-list-card{padding:0;overflow:hidden}.writopin-root .collection-list-heading{border-bottom:1px solid #f0edf2;justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;display:flex}.writopin-root .collection-list-heading h2,.writopin-root .activity-feed-header h2{color:#332d38;margin:0 0 4px;font-size:13px}.writopin-root .collection-list-heading p,.writopin-root .activity-feed-header p{color:#837d87;margin:0;font-size:12px}.writopin-root .collection-list-controls{align-items:center;gap:8px;display:flex}.writopin-root .collection-list-controls .table-search{width:min(225px,28vw)}.writopin-root .collection-list-controls .view-switch{flex:none}.writopin-root .collection-bulk-row{color:#61586a;background:#fbf9fd;border-bottom:1px solid #eeeaf2;align-items:center;gap:9px;padding:9px 16px;font-size:12px;display:flex}.writopin-root .collection-bulk-row>span{margin-right:auto;font-weight:700}.writopin-root .collection-bulk-row .danger-button,.writopin-root .collection-bulk-row .secondary-button{min-height:29px;padding:0 9px;font-size:12px}.writopin-root .collection-table{box-shadow:none;border:0;border-radius:0}.writopin-root .collection-table .file-head{border-radius:0}.writopin-root .collection-grid{padding:12px}.writopin-root .collection-grid .grid-file{min-width:0}.writopin-root .collection-grid-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.writopin-root .collection-grid-actions .secondary-button{min-height:28px;padding:0 8px;font-size:12px}.writopin-root .collection-empty{margin:15px}.writopin-root .activity-feed-card{padding:0;overflow:hidden}.writopin-root .activity-feed-header{border-bottom:1px solid #f0edf2;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.writopin-root .activity-filters{background:#f5f3f7;border-radius:7px;gap:4px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.writopin-root .activity-filters button{color:#79727f;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:28px;padding:0 9px;font-size:12px}.writopin-root .activity-filters button.is-active{color:#49345f;background:#fff;box-shadow:0 1px 4px #20122812}.writopin-root .activity-timeline{padding:2px 17px}.writopin-root .activity-event{border-bottom:1px solid #f0edf2;align-items:flex-start;gap:11px;padding:15px 0;display:flex}.writopin-root .activity-event:last-child{border-bottom:0}.writopin-root .activity-event-icon{color:#7650a7;background:#f1ecf6;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.writopin-root .activity-notice-new{color:#7045a2;background:#eee7f7}.writopin-root .activity-event-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.writopin-root .activity-event-kicker{color:#8b68bd;letter-spacing:.09em;font-size:12px;font-weight:750}.writopin-root .activity-event-copy>strong{overflow-wrap:anywhere;color:#39333f;font-size:13px}.writopin-root .activity-event-copy p{color:#77717d;margin:0;font-size:12px;line-height:1.45}.writopin-root .activity-event-copy small{color:#9a949e;font-size:12px}.writopin-root .activity-event-actions{align-items:center;gap:4px;display:flex}.writopin-root .activity-event-actions .secondary-button{white-space:nowrap;min-height:29px;padding:0 8px;font-size:12px}.writopin-root .activity-empty{margin:16px}.writopin-root .board-detail-cover{background:linear-gradient(90deg, #1d1524e8 0%, #261b30a8 56%, #21182920 100%), var(--board-cover) center 44%/cover;color:#fff;border-radius:15px;justify-content:space-between;align-items:flex-end;gap:18px;min-height:245px;margin-bottom:15px;padding:25px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 9px 26px #24172d18}.writopin-root .board-detail-cover-copy{flex-direction:column;align-items:flex-start;gap:8px;max-width:600px;display:flex}.writopin-root .board-detail-cover .board-private{color:#fff;background:#ffffff20;border:1px solid #ffffff40;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:12px;display:inline-flex;position:static}.writopin-root .board-detail-cover h1{color:#fff;letter-spacing:-.04em;margin:3px 0 0;font-size:clamp(24px,3vw,35px)}.writopin-root .board-detail-cover p{color:#ffffffdb;max-width:500px;margin:0;font-size:14px;line-height:1.5}.writopin-root .board-detail-demo{color:#ffffffd4;align-items:center;gap:5px;margin-top:4px;font-size:12px;display:inline-flex}.writopin-root .board-detail-cover-actions{flex-shrink:0;gap:8px;display:flex}.writopin-root .board-detail-cover-actions .secondary-button{background:#ffffffec;border-color:#ffffff82}.writopin-root .board-detail-cover-actions .create-button{background:#8752db}.writopin-root .board-detail-stats{margin-bottom:21px}.writopin-root .board-detail-heading{justify-content:space-between;align-items:flex-end;gap:14px;margin:0 0 12px;display:flex}.writopin-root .board-detail-heading h2{color:#29232f;letter-spacing:-.025em;margin:4px 0;font-size:18px}.writopin-root .board-detail-heading p{color:#817a86;margin:0;font-size:12px}.writopin-root .board-switcher{color:#7e7783;align-items:center;gap:8px;font-size:12px;display:flex}.writopin-root .board-switcher select{color:#423b47;background:#fff;border:1px solid #e6e1e9;border-radius:7px;min-width:165px;min-height:34px;padding:0 10px;font-size:12px}.writopin-root .related-boards{color:#817a86;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;font-size:12px;display:flex}.writopin-root .related-boards>span{margin-right:3px;font-weight:650}.writopin-root .related-boards button{color:#665a71;cursor:pointer;background:#fff;border:1px solid #e9e4ed;border-radius:6px;align-items:center;gap:3px;padding:6px 8px;font-size:12px;display:inline-flex}.writopin-root .related-boards button:hover{color:#7045a2;border-color:#cbb6e2}.writopin-root .theme-dark .collection-metric,.writopin-root .theme-dark .collection-list-card,.writopin-root .theme-dark .activity-feed-card{background:#211d27;border-color:#39323f}.writopin-root .theme-dark .collection-metric>strong,.writopin-root .theme-dark .collection-list-heading h2,.writopin-root .theme-dark .activity-feed-header h2,.writopin-root .theme-dark .activity-event-copy>strong,.writopin-root .theme-dark .board-detail-heading h2{color:#eeeaf3}.writopin-root .theme-dark .collection-route-tabs,.writopin-root .theme-dark .activity-filters,.writopin-root .theme-dark .collection-bulk-row{background:#28232f;border-color:#39323f}.writopin-root .theme-dark .collection-route-tabs button.is-active,.writopin-root .theme-dark .activity-filters button.is-active{color:#e8def4;background:#211d27}.writopin-root .theme-dark .collection-list-heading,.writopin-root .theme-dark .activity-feed-header,.writopin-root .theme-dark .activity-event{border-color:#39323f}.writopin-root .theme-dark .activity-event-copy p,.writopin-root .theme-dark .collection-list-heading p,.writopin-root .theme-dark .activity-feed-header p,.writopin-root .theme-dark .board-detail-heading p{color:#aaa2b1}.writopin-root .theme-dark .board-switcher select,.writopin-root .theme-dark .related-boards button{color:#eeeaf3;background:#211d27;border-color:#403947}@media (width<=760px){.writopin-root .collection-metric-grid,.writopin-root .activity-summary-grid,.writopin-root .board-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.writopin-root .collection-metric{min-height:72px;padding:10px}.writopin-root .collection-metric>strong{font-size:14px}.writopin-root .collection-list-heading,.writopin-root .activity-feed-header{flex-direction:column;align-items:flex-start}.writopin-root .collection-list-controls{width:100%}.writopin-root .collection-list-controls .table-search{flex:1;width:auto}.writopin-root .activity-filters{width:100%}.writopin-root .activity-event{flex-wrap:wrap}.writopin-root .activity-event-copy{flex-basis:calc(100% - 42px)}.writopin-root .activity-event-actions{margin-left:41px}.writopin-root .board-detail-cover{flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:280px;padding:19px}.writopin-root .board-detail-cover-actions{width:100%}.writopin-root .board-detail-heading{flex-direction:column;align-items:flex-start}.writopin-root .board-switcher{justify-content:space-between;width:100%}.writopin-root .board-switcher select{flex:1}}@media (width<=480px){.writopin-root .collection-metric-grid,.writopin-root .activity-summary-grid,.writopin-root .board-detail-stats{gap:5px}.writopin-root .collection-metric{grid-template-columns:24px 1fr;column-gap:5px;min-height:68px;padding:8px 6px}.writopin-root .collection-metric-icon{width:23px;height:23px}.writopin-root .collection-metric>span:nth-child(2){font-size:12px}.writopin-root .collection-metric>strong{font-size:15px}.writopin-root .collection-route-tabs{width:100%}.writopin-root .collection-route-tabs button{flex:1;justify-content:center;gap:5px;padding:0 7px;font-size:12px}.writopin-root .collection-list-heading{padding:12px}.writopin-root .collection-list-controls .table-search{min-width:0}.writopin-root .collection-bulk-row{flex-wrap:wrap;padding:9px 12px}.writopin-root .collection-bulk-row>span{flex-basis:100%}.writopin-root .activity-event-actions{width:calc(100% - 41px)}.writopin-root .board-detail-cover-actions .secondary-button,.writopin-root .board-detail-cover-actions .create-button{flex:1;justify-content:center;padding:0 8px}.writopin-root .board-detail-stats .collection-metric>span:nth-child(2){line-height:1.25}}.writopin-root .onboarding-preview{max-width:720px}.writopin-root .onboarding-progress{gap:8px;margin:16px 0 12px;display:grid}.writopin-root .onboarding-progress>div{color:#69616f;justify-content:space-between;align-items:center;font-size:12px;display:flex}.writopin-root .onboarding-progress-track{background:#eeeaf2;border-radius:9px;height:7px;overflow:hidden}.writopin-root .onboarding-progress-track>span{border-radius:inherit;background:linear-gradient(90deg,#8853df,#b38ae8);height:100%;transition:width .2s;display:block}.writopin-root .onboarding-checklist article{background:#fff;border:1px solid #ece8ef;border-radius:9px;align-items:center;gap:8px;padding:8px 10px;display:flex}.writopin-root .onboarding-checklist .onboarding-step-open{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.writopin-root .onboarding-step-open>span:first-child{color:#71469f;background:#f3edf9;border-radius:7px;flex:0 0 26px;place-items:center;width:26px;height:26px;display:grid}.writopin-root .onboarding-step-open>span:nth-child(2){gap:4px;display:grid}.writopin-root .onboarding-checklist article>.text-button{white-space:nowrap;min-height:30px}.writopin-root .info-page>article{align-items:flex-start;line-height:1.55}.writopin-root .info-page>article svg{flex:none;margin-top:1px}.writopin-root .week-calendar{background:#fff;border:1px solid #ece8ef;border-radius:12px;padding:14px}.writopin-root .week-calendar>header{align-items:center;gap:10px;margin-bottom:13px;display:flex}.writopin-root .week-calendar>header>div{flex:1;min-width:0}.writopin-root .week-calendar>header h2{color:#332d38;margin:0 0 3px;font-size:13px}.writopin-root .week-calendar>header p{color:#827b88;margin:0;font-size:12px}.writopin-root .week-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.writopin-root .calendar-drag-hint{color:#817987;margin:-2px 0 9px;font-size:12px}.writopin-root .week-calendar-day{background:#fcfbfd;border:1px solid #efecf1;border-radius:8px;min-width:0;min-height:142px;padding:8px 6px;transition:border-color .16s,background .16s}.writopin-root .week-calendar-day.is-today{background:#faf7ff;border-color:#c7afe5}.writopin-root .week-calendar-day.is-drop-target{background:#f4ecff;border-color:#8551c9;box-shadow:inset 0 0 0 1px #b794e2}.writopin-root .week-calendar-day>h3{color:#7d7582;justify-content:space-between;align-items:center;margin:0 0 9px;font-size:12px;display:flex}.writopin-root .week-calendar-day>h3 strong{color:#42394a;border-radius:50%;place-items:center;width:23px;height:23px;font-size:12px;display:grid}.writopin-root .week-calendar-day.is-today>h3 strong{color:#fff;background:#8050ca}.writopin-root .week-calendar-event{cursor:grab;background:#f1eafb;border-radius:6px;gap:4px;margin:0 0 5px;padding:6px;display:grid}.writopin-root .week-calendar-event.is-dragging{opacity:.45;cursor:grabbing}.writopin-root .week-calendar-event>button:first-child{color:#51485a;text-align:left;cursor:pointer;background:0 0;border:0;gap:4px;padding:0;display:grid}.writopin-root .week-calendar-event strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.writopin-root .week-calendar-event small{color:#786d82;font-size:12px;line-height:1.35}.writopin-root .week-calendar-event .text-button{justify-self:start;min-height:22px;padding:0;font-size:12px}.writopin-root .editor-safe-zone{z-index:1;pointer-events:none;border:1px dashed #8d61ca70;position:absolute;inset:8%}.editor-media-picker-backdrop.writopin-root{z-index:120;background:#1b122666;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.editor-media-picker-backdrop.writopin-root .editor-media-picker{color:#2b2433;background:#fff;border:1px solid #e8e2ed;border-radius:16px;grid-template-rows:auto auto minmax(0,1fr);gap:12px;width:min(520px,100%);min-width:0;height:min(520px,100dvh - 32px);min-height:0;max-height:calc(100dvh - 32px);padding:18px;display:grid;overflow:hidden;box-shadow:0 24px 60px #1b12263d}.editor-media-picker header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.editor-media-picker h2{min-width:0;margin:0;font-size:16px;line-height:1.35}.editor-media-picker header .icon-button{flex:none}.editor-media-picker-search{color:#817989;background:#fff;border:1px solid #e6e1eb;border-radius:9px;align-items:center;gap:9px;width:100%;min-width:0;min-height:42px;padding:0 11px;display:flex}.editor-media-picker-search:focus-within{border-color:#a77cdb;box-shadow:0 0 0 3px #8551c91a}.editor-media-picker-search svg{flex:none}.editor-media-picker-search input{color:#2b2433;appearance:none;background:0 0;border:0;border-radius:0;outline:0;flex:auto;width:100%;min-width:0;min-height:0;padding:0;font-size:13px}.editor-media-picker-search input::placeholder{color:#96909d}.editor-media-picker-results{grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;display:grid}.editor-media-picker-count{color:#79717f;margin:0;font-size:12px;line-height:1.4}.editor-media-picker-list{overscroll-behavior:contain;gap:8px;min-height:0;display:grid;overflow:auto}.editor-media-picker-list>button{color:#51485a;text-align:left;cursor:pointer;background:#fff;border:1px solid #efecf1;border-radius:9px;align-items:center;gap:8px;width:100%;min-width:0;min-height:54px;padding:6px;display:flex}.editor-media-picker-list>button:hover{background:#faf7ff;border-color:#cbb7e5}.editor-media-picker-list>button:focus-visible,.editor-media-picker header .icon-button:focus-visible{outline-offset:2px;outline:2px solid #8551c9}.editor-media-picker-list img{object-fit:cover;border-radius:5px;flex:0 0 42px;width:42px;height:42px}.editor-media-picker-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.editor-media-picker-list p{color:#79717f;margin:0;padding:12px 4px;font-size:13px}.writopin-root .library-search{color:#77717c;background:#fff;border:1px solid #e6e1eb;border-radius:10px;align-items:center;gap:8px;width:100%;min-width:0;min-height:40px;padding:0 12px;transition:border-color .14s,box-shadow .14s;display:flex}.writopin-root .library-search:focus-within{border-color:#b99be9;box-shadow:0 0 0 3px #7b45d51a}.writopin-root .library-search>svg{flex:none}.writopin-root .library-search input{color:#29242f;width:100%;min-width:0;min-height:38px;font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:13px}.writopin-root .library-search input:focus-visible{outline:none}.writopin-root .brand-kit-toolbar,.writopin-root .privacy-actions,.writopin-root .account-add-fixtures{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.writopin-root .brand-logo-upload,.writopin-root .file-button{position:relative;overflow:hidden}.writopin-root .brand-logo-upload input,.writopin-root .file-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.writopin-root .workspace-create-form{flex-wrap:wrap;align-items:flex-end;gap:9px;display:flex}.writopin-root .workspace-create-form>label{flex:220px}.writopin-root .account-connections-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;display:grid}.writopin-root .connection-selected{outline-offset:1px;outline:2px solid #8b5bd4}.writopin-root .editor-loading{color:#716a77;place-items:center;min-height:50vh;font-size:15px;display:grid}.writopin-root .library-exports{gap:8px;display:grid}.writopin-root .library-export-row{background:#fff;border:1px solid #ede9f0;border-radius:9px;align-items:center;gap:10px;min-width:0;padding:11px;display:flex}.writopin-root .library-export-row>div{flex:1;gap:4px;min-width:0;display:grid}.writopin-root .library-export-row>div strong{color:#3f3747;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.writopin-root .library-export-row>div small{color:#817989;font-size:12px}.writopin-root .export-file-icon{color:#71469f;background:#f3edf9;border-radius:8px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.writopin-root .library-export-row>.secondary-button{min-height:30px;padding:0 9px;font-size:12px}.writopin-root .theme-dark .week-calendar,.writopin-root .theme-dark .week-calendar-day,.writopin-root .theme-dark .onboarding-checklist article,.editor-media-picker-backdrop.writopin-root.theme-dark{background:#0d0914b8}.editor-media-picker-backdrop.writopin-root.theme-dark .editor-media-picker,.editor-media-picker-backdrop.writopin-root.theme-dark .editor-media-picker-list>button{color:#eeeaf3;background:#211d27;border-color:#39323f}.editor-media-picker-backdrop.writopin-root.theme-dark .editor-media-picker-search{color:#b8b0c0;background:#17131c;border-color:#39323f}.editor-media-picker-backdrop.writopin-root.theme-dark .editor-media-picker-search input{color:#eeeaf3}.editor-media-picker-backdrop.writopin-root.theme-dark .editor-media-picker-count{color:#b8b0c0}.editor-media-picker-backdrop.writopin-root.theme-dark .editor-media-picker-list>button:hover{background:#30253a;border-color:#77509f}.editor-media-picker-backdrop.writopin-root.theme-dark .editor-media-picker-list p{color:#b8b0c0}.writopin-root .theme-dark .library-export-row{background:#211d27;border-color:#39323f}.writopin-root .theme-dark .library-export-row>div strong,.writopin-root .theme-dark .week-calendar>header h2,.writopin-root .theme-dark .onboarding-step-open strong{color:#eeeaf3}@media (width<=480px){.writopin-root .onboarding-checklist article{flex-wrap:wrap;align-items:flex-start}.writopin-root .onboarding-checklist article>.text-button{margin-left:35px}.writopin-root .week-calendar{padding:9px}.writopin-root .week-calendar>header{flex-wrap:wrap}.writopin-root .week-calendar-grid{grid-template-columns:1fr}.writopin-root .week-calendar-day,.writopin-root .week-calendar-day:last-child{grid-column:auto;min-height:0}.writopin-root .week-calendar-day>h3{justify-content:flex-start;gap:9px}.writopin-root .week-calendar-event{grid-template-columns:minmax(0,1fr) auto;align-items:center}.writopin-root .library-export-row{flex-wrap:wrap;align-items:flex-start}.writopin-root .library-export-row>.secondary-button{margin-left:42px}}.writopin-root .nav-primary{height:42px;min-height:42px;font-size:15px;font-weight:600}.writopin-root .nav-link{height:40px;min-height:40px;font-size:14px}.writopin-root .nav-section-heading{min-height:38px;font-size:14px}.writopin-root .nav-subchild{min-height:38px;font-size:13px}.writopin-root .side-nav-groups{gap:6px}.writopin-root .nav-group{background:#ffffff09;border-color:#ffffff18;border-radius:10px;transition:background .18s,border-color .18s,box-shadow .18s}.writopin-root .nav-group:hover,.writopin-root .nav-group:focus-within{background:#ffffff0d;border-color:#ffffff2b}.writopin-root .nav-group-trigger{border-radius:9px;gap:11px;min-height:42px;padding:0 11px;font-size:14px;font-weight:600;transition:background .18s,color .18s;color:#f4f0f8!important}.writopin-root .nav-group-trigger svg{color:#c7b6e1;flex:none}.writopin-root .nav-group-trigger:hover{background:#ffffff12!important}.writopin-root .side-nav-groups .nav-group-current{box-shadow:0 3px 12px #09051042;color:#fff!important;background:linear-gradient(100deg,#8749ed,#7140ce)!important}.writopin-root .side-nav-groups .nav-group-current svg{color:#fff}.writopin-root .nav-group-open:not(.nav-group-current){background:#ffffff0c;border-color:#9c74c960}.writopin-root .nav-group-items{gap:3px;padding:4px 7px 8px 23px}.writopin-root .nav-group-link{border-radius:7px;gap:9px;min-height:38px;padding:0 9px;font-size:13px;transition:background .16s,color .16s;color:#e1dbe8!important}.writopin-root .nav-group-link>svg{color:#bca9d4;flex:none}.writopin-root .nav-group-link:hover{color:#fff!important;background:#ffffff12!important}.writopin-root .nav-group-link.active{box-shadow:inset 0 0 0 1px #b891ed45;color:#fff!important;background:#39264f!important}.writopin-root .nav-group-link.active>svg{color:#d9c2ff}.writopin-root .nav-count{min-height:24px;font-size:12px}.writopin-root .new-folder{min-height:40px;font-size:13px}.writopin-root .side-nav-groups .nav-group-trigger:focus-visible,.writopin-root .side-nav-groups .nav-group-link:focus-visible,.writopin-root .nav-primary:focus-visible,.writopin-root .nav-link:focus-visible{outline-offset:2px;outline:2px solid #c4a2ff}.writopin-root .queue-add-form{background:#fff;border:1px solid #e9e5ec;border-radius:12px;grid-template-columns:minmax(190px,1.25fr) minmax(185px,1fr) minmax(200px,1fr) auto;align-items:end;gap:12px;margin:0 0 14px;padding:15px;display:grid;box-shadow:0 3px 13px #20162b07}.writopin-root .queue-add-form>div{align-self:center;gap:6px;min-width:0;display:grid}.writopin-root .queue-add-form>div strong{color:#38313e;font-size:15px;line-height:1.35}.writopin-root .queue-add-form>div small{color:#746d79;font-size:13px;line-height:1.5}.writopin-root .queue-add-form>select,.writopin-root .queue-add-form>label input{color:#352f39;width:100%;min-width:0;min-height:42px;font:inherit;background:#fff;border:1px solid #e5e1e8;border-radius:8px;padding:8px 10px;font-size:13px}.writopin-root .queue-add-form>label{color:#5c5362;gap:5px;min-width:0;font-size:12px;display:grid}.writopin-root .queue-add-form>.create-button{white-space:normal;justify-content:center;min-height:42px}.writopin-root .publication-tabs button,.writopin-root .create-mode-tabs button,.writopin-root .review-filters button{min-height:40px;padding-left:12px;padding-right:12px;font-size:13px}.writopin-root .publication-row-main{overflow-wrap:anywhere}.writopin-root .publication-actions .secondary-button,.writopin-root .review-card-actions .secondary-button,.writopin-root .review-card-actions .create-button{min-height:38px;font-size:12px}.writopin-root .insight-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.writopin-root .insight-metric-grid>article{background:linear-gradient(145deg,#fff,#fbf9fd);border:1px solid #ece8ef;border-radius:11px;align-content:space-between;gap:10px;min-width:0;min-height:98px;padding:15px;display:grid;box-shadow:0 3px 12px #24163808}.writopin-root .insight-metric-grid>article>strong{overflow-wrap:anywhere;color:#30283a;font-size:18px;line-height:1.3}.writopin-root .insight-sample-row{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,auto));gap:10px 14px;padding:13px 10px;font-size:12px}.writopin-root .insight-sample-row strong{font-size:13px;line-height:1.4}.writopin-root .onboarding-checklist article{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:11px 12px;display:grid}.writopin-root .onboarding-checklist .onboarding-step-open{width:100%}.writopin-root .onboarding-step-open>span:nth-child(2){overflow-wrap:anywhere;width:auto;min-width:0;height:auto;color:inherit;align-content:start;gap:4px;place-items:initial;background:0 0;border-radius:0;flex:1;display:grid}.writopin-root .onboarding-step-open strong{font-size:14px;line-height:1.35}.writopin-root .onboarding-step-open small{font-size:12px;line-height:1.5}.writopin-root .onboarding-checklist article>.text-button{min-height:38px;padding:0 10px;font-size:12px}@media (width<=1120px){.writopin-root .queue-add-form{grid-template-columns:repeat(2,minmax(0,1fr))}.writopin-root .queue-add-form>div{grid-column:1/-1}.writopin-root .insight-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.writopin-root .topbar{gap:8px}.writopin-root .topbar .storage-summary{flex:1;min-width:0}.writopin-root .topbar .storage-copy{flex:1;width:auto;min-width:0}.writopin-root .topbar .storage-label{white-space:normal;flex-wrap:wrap;gap:2px 9px;line-height:1.2}.writopin-root .topbar .storage-label strong{font-size:12px}.writopin-root .topbar .storage-label span{font-size:11px}.writopin-root .top-actions{flex:none;gap:4px}}@media (width<=760px){.writopin-root .queue-add-form{grid-template-columns:minmax(0,1fr)}.writopin-root .queue-add-form>div{grid-column:auto}.writopin-root .queue-add-form>.create-button{width:100%}.writopin-root .insights-main-grid{grid-template-columns:minmax(0,1fr)}.writopin-root .insights-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writopin-root .onboarding-checklist article{grid-template-columns:minmax(0,1fr) auto}.writopin-root .insight-sample-row{grid-template-columns:repeat(2,minmax(0,1fr))}.writopin-root .insight-sample-row>strong{grid-column:1/-1}}@media (width<=540px){.writopin-root .section-heading{flex-wrap:wrap;align-items:flex-start}.writopin-root .section-heading>div{flex:100%;min-width:0}.writopin-root .section-heading>.timezone-pill{margin-top:2px}.writopin-root .queue-add-form{gap:10px;padding:12px}.writopin-root .queue-add-form>div strong{font-size:14px}.writopin-root .queue-add-form>div small{font-size:12px}.writopin-root .publication-tabs{width:100%}.writopin-root .publication-tabs button{flex:none}.writopin-root .publication-row{gap:9px;padding:10px}.writopin-root .publication-row-main{flex:calc(100% - 56px);min-width:0}.writopin-root .publication-actions{justify-content:flex-start;width:100%}.writopin-root .publication-actions>button,.writopin-root .cancel-confirm>button{min-height:38px}.writopin-root .insight-metric-grid{gap:8px}.writopin-root .insight-metric-grid>article{min-height:88px;padding:11px}.writopin-root .insight-metric-grid>article>strong{font-size:16px}.writopin-root .insight-sample-row{gap:7px;padding:11px 8px;font-size:11px}.writopin-root .onboarding-checklist article{grid-template-columns:minmax(0,1fr);align-items:start}.writopin-root .onboarding-checklist article>.text-button{justify-self:end;margin-left:36px}.writopin-root .onboarding-step-open{align-items:flex-start!important}.writopin-root .onboarding-step-open>svg{margin-top:5px}.writopin-root .topbar .storage-summary{flex:1;min-width:0}.writopin-root .topbar .storage-copy{flex:1;width:auto;min-width:0}.writopin-root .topbar .storage-label{white-space:normal;flex-wrap:wrap;align-items:flex-start;gap:2px 7px}.writopin-root .topbar .storage-label strong{font-size:12px}.writopin-root .topbar .storage-label span{font-size:11px}}@media (width<=390px){.writopin-root .nav-group-trigger{min-height:44px}.writopin-root .nav-group-link{min-height:42px}.writopin-root .insights-metric-grid{grid-template-columns:minmax(0,1fr)}.writopin-root .topbar{gap:4px}.writopin-root .topbar .storage-label span{font-size:10px}}.writopin-root .settings-hub>.section-heading h1,.writopin-root .account-hub>.section-heading h1,.writopin-root .insights-page>.section-heading h1,.writopin-root .notifications-page>.section-heading h1,.writopin-root .onboarding-page>.section-heading h1{color:#28222f;letter-spacing:-.035em;margin:0;font-size:clamp(22px,2vw,27px);line-height:1.2}.writopin-root .settings-hub>.section-heading,.writopin-root .account-hub>.section-heading,.writopin-root .insights-page>.section-heading,.writopin-root .notifications-page>.section-heading,.writopin-root .onboarding-page>.section-heading{align-items:center;margin-bottom:18px}.writopin-root .settings-tabs{border-color:#e8e3ec;border-radius:14px;gap:10px;padding:12px;box-shadow:0 4px 16px #24163808}.writopin-root .settings-tab-group{gap:4px;display:grid}.writopin-root .settings-tab-group+.settings-tab-group{border-top:1px solid #f0edf3;padding-top:8px}.writopin-root .settings-tab-group>span{color:#8a8290;letter-spacing:.075em;text-transform:uppercase;padding:1px 9px 4px;font-size:10px;font-weight:700}.writopin-root .settings-tabs button{color:#625a69;border-radius:8px;min-height:39px;padding:0 10px;font-size:13px;font-weight:520;transition:background .15s,color .15s,box-shadow .15s}.writopin-root .settings-tabs button:hover{color:#4d356b;background:#f8f5fb}.writopin-root .settings-tabs button.active{color:#603895;background:#f0e9fa;font-weight:650;box-shadow:inset 2px 0 #8651d3}.writopin-root .settings-tabs button:focus-visible,.writopin-root .notification-filter-bar button:focus-visible{outline-offset:2px;outline:2px solid #a77ddb}.writopin-root .settings-tab-content{min-width:0}.writopin-root .settings-tab-content>.settings-panel-card,.writopin-root .settings-tab-content>.usage-panel{border-radius:14px;min-height:220px;padding:21px;box-shadow:0 4px 16px #24163808}.writopin-root .settings-panel-card h2,.writopin-root .usage-panel h2{color:#30283a;font-size:17px;line-height:1.35}.writopin-root .settings-panel-card>p,.writopin-root .usage-panel p{color:#6f6876;font-size:14px;line-height:1.65}.writopin-root .settings-panel-card>label{color:#504858;gap:7px;font-size:13px}.writopin-root .usage-panel{background:#fff;gap:17px}.writopin-root .usage-panel .section-heading{margin:0}.writopin-root .usage-panel .section-heading h2{margin:0;font-size:19px}.writopin-root .usage-panel .section-heading p{margin-top:4px}.writopin-root .usage-panel progress{accent-color:#8144ee;border-radius:10px;height:10px}.writopin-root .usage-entitlements{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;display:grid}.writopin-root .usage-entitlements>span{color:#68606f;background:#fbf9fd;border:1px solid #eee9f2;border-radius:10px;align-items:center;gap:8px;min-height:59px;padding:10px 12px;font-size:13px;display:flex}.writopin-root .usage-entitlements strong{color:#603895;font-size:16px}.writopin-root .usage-reservations{gap:7px;display:grid}.writopin-root .usage-reservations article{background:#fff;border:1px solid #eee9f2;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 12px;display:grid}.writopin-root .usage-reservations article strong{color:#393240;font-size:13px}.writopin-root .usage-reservations article span,.writopin-root .usage-reservations article small{color:#817987;font-size:12px}.writopin-root .usage-reservations article small{grid-column:1/-1}.writopin-root .automation-create-actions{margin:5px 0 3px}.writopin-root .automation-list{gap:12px}.writopin-root .automation-card{border-color:#ebe6ef;border-radius:12px;padding:15px;box-shadow:0 3px 11px #24163806}.writopin-root .automation-row{gap:12px;padding:12px}.writopin-root .automation-row>div{gap:5px}.writopin-root .automation-row strong{color:#342d3b;font-size:14px}.writopin-root .automation-row small,.writopin-root .automation-row>span{color:#756d7d;font-size:13px;line-height:1.45}.writopin-root .automation-row select{min-height:38px;font-size:13px}.writopin-root .automation-run-history{gap:9px}.writopin-root .automation-run-history h3{font-size:15px}.writopin-root .automation-run-row{padding:11px 12px}.writopin-root .automation-run-row strong{font-size:13px}.writopin-root .automation-run-row small{font-size:12px;line-height:1.5}.writopin-root .team-invite-form{background:#fbf9fd;border:1px solid #eee9f2;border-radius:11px;align-items:center;gap:9px;padding:13px}.writopin-root .team-invite-form input{min-height:42px;font-size:14px}.writopin-root .team-invite-form .create-button{white-space:nowrap;min-height:42px}.writopin-root .workspace-report-card{background:#fbf9fd;border:1px solid #eee9f2;border-radius:12px;margin-top:14px;padding:15px}.writopin-root .workspace-report-card h3{color:#342d3b;font-size:15px}.writopin-root .workspace-report-card p{color:#756d7d;font-size:13px;line-height:1.55}.writopin-root .demo-scenario-group{background:#fbf9fd;border:1px solid #eee9f2;border-radius:11px;padding:13px}.writopin-root .demo-scenario-group>h3{color:#393240;font-size:14px}.writopin-root .demo-scenario-group>p{color:#77707e;font-size:13px;line-height:1.5}.writopin-root .demo-scenario-grid{gap:8px}.writopin-root .demo-scenario-grid button{min-height:41px;padding:8px 10px;font-size:13px;line-height:1.4}.writopin-root .account-active-card{align-items:center;gap:14px;padding:20px}.writopin-root .account-active-card h2{color:#2f2837;margin:0 0 5px;font-size:19px}.writopin-root .account-active-card p{color:#6e6675;margin:0 0 7px;font-size:14px;line-height:1.5}.writopin-root .account-active-card>div:nth-child(2){gap:4px;display:grid}.writopin-root .account-active-card>div:nth-child(2) small{color:#78717e;font-size:12px}.writopin-root .account-hub>.section-heading p{max-width:660px}.writopin-root .account-section-heading{justify-content:space-between;align-items:center;gap:12px;margin:20px 0 11px;display:flex}.writopin-root .account-section-heading h2{color:#322b39;margin:0;font-size:17px}.writopin-root .account-section-heading p{color:#77707e;margin:4px 0 0;font-size:13px}.writopin-root .account-connections-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.writopin-root .account-connections-grid .settings-panel-card{border-radius:12px;align-content:start;padding:16px}.writopin-root .account-connections-grid h3{color:#352d3c;margin:0;font-size:16px}.writopin-root .account-connections-grid p,.writopin-root .account-connections-grid small{color:#756d7d;font-size:13px;line-height:1.5}.writopin-root .account-session-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:14px}.writopin-root .account-session-grid .settings-panel-card{align-content:start;min-height:150px}.writopin-root .account-session-grid .settings-panel-card h2{font-size:16px}.writopin-root .account-add-fixtures{align-items:center;padding:12px 0}.writopin-root .account-add-fixtures>strong{color:#4e4656;margin-right:auto;font-size:13px}.writopin-root .insights-page{align-content:start;gap:15px;display:grid}.writopin-root .insights-page>.section-heading{margin-bottom:0}.writopin-root .insights-dashboard{gap:14px;display:grid}.writopin-root .insights-toolbar{background:#fff;border:1px solid #ebe6ef;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;display:flex}.writopin-root .insights-toolbar>div:first-child{gap:4px;display:grid}.writopin-root .insights-toolbar>div:first-child strong{color:#3b3342;font-size:15px}.writopin-root .insights-toolbar>div:first-child small{color:#7a7280;font-size:12px}.writopin-root .insights-toolbar>div:last-child{align-items:end;gap:8px;display:flex}.writopin-root .insights-toolbar label{color:#625969;gap:5px;font-size:11px;font-weight:650;display:grid}.writopin-root .insights-toolbar select{color:#38313f;background:#fff;border:1px solid #e6e1e9;border-radius:8px;min-height:37px;padding:7px 10px;font-size:13px}.writopin-root .insight-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.writopin-root .insight-metric-grid>article{border-radius:12px;gap:8px;min-height:119px;padding:16px}.writopin-root .insight-metric-grid>article>span{color:#6c6473;font-size:13px}.writopin-root .insight-metric-grid>article>strong{color:#30283a;font-size:clamp(21px,2vw,28px);line-height:1.25}.writopin-root .insight-metric-grid>article>small{color:#88818e;font-size:11px;line-height:1.4}.writopin-root .insight-top-metric>strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;font-size:16px!important}.writopin-root .insight-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.9fr);gap:12px;display:grid}.writopin-root .insights-chart-card,.writopin-root .insights-top-pins{border-radius:12px;min-width:0;padding:18px}.writopin-root .insights-chart-card>div:first-child h2,.writopin-root .insights-top-pins>div:first-child h2{color:#342d3b;margin:0;font-size:16px}.writopin-root .insights-chart-card>div:first-child p,.writopin-root .insights-top-pins>div:first-child p{color:#7b7380;margin:4px 0 0;font-size:12px}.writopin-root .insights-chart{background:repeating-linear-gradient(#0000 0 43px,#f0edf3 44px 45px);border-bottom:1px solid #eae6ee;align-items:stretch;gap:12px;min-height:185px;padding:17px 8px 0;display:flex}.writopin-root .insights-chart-column{flex:1;grid-template-rows:18px minmax(0,1fr) 22px;justify-items:center;gap:4px;min-width:38px;display:grid}.writopin-root .insights-chart-column>strong{color:#797180;font-size:10px;font-weight:550}.writopin-root .insights-chart-column>div{justify-content:center;align-items:end;width:100%;height:100%;display:flex}.writopin-root .insights-chart-column i{background:linear-gradient(#a579e8,#7441cf);border-radius:6px 6px 2px 2px;width:min(35px,70%);min-height:8px;display:block;box-shadow:0 3px 8px #7d4bc529}.writopin-root .insights-chart-column small{color:#817987;font-size:10px}.writopin-root .insights-chart-empty{color:#7a7280;place-items:center;min-height:155px;font-size:13px;display:grid}.writopin-root .insights-top-pins>article{border-bottom:1px solid #f0edf3;grid-template-columns:27px minmax(0,1fr);align-items:start;gap:10px;padding:12px 0;display:grid}.writopin-root .insights-top-pins>article:last-child{border-bottom:0;padding-bottom:0}.writopin-root .insights-top-pins>article>span{color:#7442c2;background:#f1eafa;border-radius:8px;place-items:center;width:25px;height:25px;font-size:12px;font-weight:700;display:grid}.writopin-root .insights-top-pins>article>div{gap:4px;display:grid}.writopin-root .insights-top-pins>article strong{color:#39313f;font-size:13px;line-height:1.4}.writopin-root .insights-top-pins>article small{color:#837b89;font-size:11px}.writopin-root .insight-report-footer{background:#fff;border:1px solid #ebe6ef;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.writopin-root .insight-report-footer>span{color:#77707f;align-items:center;gap:7px;font-size:12px;line-height:1.4;display:flex}.writopin-root .insight-report-footer>span svg{color:#8052ba;flex:none}.writopin-root .insight-report-footer>div{align-items:center;gap:10px;display:flex}.writopin-root .insights-account-context{color:#807885;margin:0;font-size:12px}.writopin-root .notifications-page{gap:16px;display:grid}.writopin-root .notifications-page>.section-heading{margin-bottom:0}.writopin-root .notification-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.writopin-root .notification-summary-grid>article{background:linear-gradient(145deg,#fff,#fbf9fd);border:1px solid #ece7ef;border-radius:12px;align-content:center;gap:4px;min-height:97px;padding:14px 16px;display:grid;box-shadow:0 3px 12px #24163807}.writopin-root .notification-summary-grid>article span{color:#756d7d;font-size:12px}.writopin-root .notification-summary-grid>article strong{color:#352d3d;font-size:22px;line-height:1.15}.writopin-root .notification-summary-grid>article small{color:#8a8390;font-size:11px}.writopin-root .notification-filter-bar{scrollbar-width:thin;background:#f7f5f9;border:1px solid #eae6ef;border-radius:11px;gap:5px;padding:5px;display:flex;overflow-x:auto}.writopin-root .notification-filter-bar button{color:#6d6573;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;align-items:center;gap:7px;min-height:36px;padding:0 10px;font-size:12px;display:inline-flex}.writopin-root .notification-filter-bar button>span{color:#625a69;background:#e9e4ed;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;display:inline-grid}.writopin-root .notification-filter-bar button.is-active{color:#603895;background:#fff;border-color:#e9e0f3;font-weight:650;box-shadow:0 2px 7px #2416380c}.writopin-root .notification-filter-bar button.is-active>span{color:#603895;background:#eee6f8}.writopin-root .notification-feed{gap:9px;display:grid}.writopin-root .notification-card{background:#fff;border:1px solid #ece8ef;border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px;transition:border-color .15s,background .15s;display:grid;box-shadow:0 3px 12px #24163806}.writopin-root .notification-card.is-unread{background:linear-gradient(105deg,#fff,#fcf9ff);border-color:#d9c5f0}.writopin-root .notification-category-icon{color:#7746c0;background:#f2ebfa;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.writopin-root .notification-card-copy{gap:5px;min-width:0;display:grid}.writopin-root .notification-card-kicker{color:#817987;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:650;display:flex}.writopin-root .notification-card.is-unread .notification-card-kicker>span:last-child{color:#7342b5}.writopin-root .notification-card-copy h2{color:#302936;margin:0;font-size:15px;line-height:1.35}.writopin-root .notification-card-copy p{color:#6f6876;margin:0;font-size:13px;line-height:1.55}.writopin-root .notification-card-copy>small{color:#928b97;font-size:11px}.writopin-root .notification-card-actions{justify-items:end;gap:5px;display:grid}.writopin-root .notification-card-actions .create-button{min-height:35px;padding:0 10px;font-size:12px}.writopin-root .notification-card-actions .text-button{min-height:30px;font-size:11px}.writopin-root .notification-empty{min-height:250px}.writopin-root .notification-empty h2{color:#393240;margin:12px 0 4px;font-size:17px}.writopin-root .notification-empty .secondary-button{margin-top:12px}.writopin-root .onboarding-page{gap:15px;display:grid}.writopin-root .onboarding-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr);align-items:start;gap:15px;display:grid}.writopin-root .onboarding-main,.writopin-root .onboarding-aside{gap:12px;min-width:0;display:grid}.writopin-root .onboarding-welcome-card{background:radial-gradient(circle at 90% 0,#f0e8fb 0,#0000 42%),linear-gradient(130deg,#fff,#faf8fc);border:1px solid #e8e1f0;border-radius:13px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px;display:grid;box-shadow:0 4px 16px #24163807}.writopin-root .onboarding-welcome-icon,.writopin-root .onboarding-aside-icon{color:#7743c2;background:#eee5f9;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.writopin-root .onboarding-welcome-card h2{color:#30283a;margin:0;font-size:16px}.writopin-root .onboarding-welcome-card p{color:#756d7d;margin:5px 0 0;font-size:13px;line-height:1.55}.writopin-root .onboarding-welcome-card>.create-button{white-space:nowrap;min-height:39px}.writopin-root .onboarding-progress-card{background:#fff;border:1px solid #ebe6ef;border-radius:11px;gap:10px;margin:0;padding:14px 16px;display:grid}.writopin-root .onboarding-progress-card>div{color:#3d3544;justify-content:space-between;align-items:center;display:flex}.writopin-root .onboarding-progress-card>div>span{gap:3px;display:grid}.writopin-root .onboarding-progress-card>div>span strong{font-size:13px}.writopin-root .onboarding-progress-card>div>span small{color:#7d7582;font-size:11px}.writopin-root .onboarding-progress-card>div>strong{color:#7444b7;font-size:14px}.writopin-root .onboarding-checklist{gap:9px;margin:0;display:grid}.writopin-root .onboarding-checklist article{border-color:#eae5ed;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:13px;box-shadow:0 2px 9px #24163805}.writopin-root .onboarding-checklist article.is-complete{background:#fcfaff;border-color:#d9c9eb}.writopin-root .onboarding-checklist .onboarding-step-open{min-width:0}.writopin-root .onboarding-step-open>span:first-child{border-radius:9px;flex:0 0 30px;width:30px;height:30px;font-size:12px;font-weight:700}.writopin-root .onboarding-step-open strong{color:#382f40;font-size:14px}.writopin-root .onboarding-step-open small{color:#756d7d;font-size:12px;line-height:1.5}.writopin-root .onboarding-step-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.writopin-root .onboarding-step-actions .text-button{min-height:34px;padding:0 8px;font-size:11px}.writopin-root .onboarding-step-actions .secondary-button{white-space:nowrap;min-height:35px;padding:0 10px;font-size:11px}.writopin-root .onboarding-side-card{background:#fff;border:1px solid #eae6ee;border-radius:12px;justify-items:start;gap:9px;padding:17px;display:grid;box-shadow:0 3px 13px #24163806}.writopin-root .onboarding-side-card h2{color:#382f40;margin:0;font-size:15px}.writopin-root .onboarding-side-card p{color:#736b7a;margin:0;font-size:12px;line-height:1.6}.writopin-root .onboarding-side-card .text-button{padding:0;font-size:12px}.writopin-root .onboarding-aside>.prototype-notice{align-items:flex-start}.writopin-root .auth-signed-out{justify-items:start;gap:12px;margin-top:34px;display:grid}.writopin-root .signed-out-icon{color:#7142bb;background:#f0eafa;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.writopin-root .auth-signed-out h1{margin:0;font-size:25px}.writopin-root .auth-signed-out p{margin:0}.writopin-root .signed-out-actions{flex-wrap:wrap;gap:8px;display:flex}.writopin-root .signed-out-actions button{min-height:39px}.writopin-root .auth-shell-header{background:#fff;border-bottom:1px solid #eeeaf2;flex:0 0 64px;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 clamp(18px,4vw,48px);display:flex}.writopin-root .auth-shell-brand{color:#2e2538;letter-spacing:-.03em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:16px;font-weight:700;display:inline-flex}.writopin-root .auth-brand-glyph{color:#fff;background:linear-gradient(135deg,#9858f2,#7440cf);border-radius:10px;place-items:center;width:31px;height:31px;font-size:16px;display:grid;box-shadow:0 3px 9px #7440cf30}.writopin-root .auth-surface-scroll{background:radial-gradient(at 50% 0,#f6f1fb 0,#0000 47%),#fbfafc;flex-direction:column;align-items:stretch;padding:clamp(22px,5vh,48px) clamp(16px,4vw,48px);display:flex}.writopin-root .auth-surface-scroll>.auth-preview{margin:auto}.writopin-root .auth-surface-scroll>.public-page{width:min(100%,1000px);margin:0 auto}.writopin-root .auth-surface-scroll>.public-page .welcome-hero{box-shadow:0 5px 24px #21152a08}.writopin-root .theme-dark .auth-shell-header{background:#211d27;border-color:#39323f}.writopin-root .theme-dark .auth-shell-brand{color:#eeeaf3}.writopin-root .insights-page .theme-dark,.writopin-root .theme-dark .insight-metric-grid>article,.writopin-root .theme-dark .insights-chart-card,.writopin-root .theme-dark .insights-top-pins,.writopin-root .theme-dark .insights-toolbar,.writopin-root .theme-dark .insight-report-footer,.writopin-root .theme-dark .notification-card,.writopin-root .theme-dark .notification-summary-grid>article,.writopin-root .theme-dark .notification-filter-bar,.writopin-root .theme-dark .onboarding-welcome-card,.writopin-root .theme-dark .onboarding-progress-card,.writopin-root .theme-dark .onboarding-side-card{color:#eeeaf3;background-color:#211d27;border-color:#39323f}.writopin-root .theme-dark .settings-tabs,.writopin-root .theme-dark .settings-tabs button,.writopin-root .theme-dark .settings-tab-content>.settings-panel-card,.writopin-root .theme-dark .settings-tab-content>.usage-panel,.writopin-root .theme-dark .usage-entitlements>span{color:#eeeaf3;background:#211d27;border-color:#39323f}.writopin-root .theme-dark .settings-tabs button.active,.writopin-root .theme-dark .notification-filter-bar button.is-active{color:#e5d3fa;background:#342840}.writopin-root .theme-dark .settings-tab-group+.settings-tab-group,.writopin-root .theme-dark .insights-top-pins>article,.writopin-root .theme-dark .onboarding-checklist article{border-color:#39323f}.writopin-root .theme-dark .settings-hub>.section-heading h1,.writopin-root .theme-dark .account-hub>.section-heading h1,.writopin-root .theme-dark .insights-page>.section-heading h1,.writopin-root .theme-dark .notifications-page>.section-heading h1,.writopin-root .theme-dark .onboarding-page>.section-heading h1,.writopin-root .theme-dark .account-active-card h2,.writopin-root .theme-dark .account-section-heading h2,.writopin-root .theme-dark .notification-card-copy h2,.writopin-root .theme-dark .insight-metric-grid>article>strong,.writopin-root .theme-dark .insights-chart-card>div:first-child h2,.writopin-root .theme-dark .insights-top-pins>div:first-child h2,.writopin-root .theme-dark .onboarding-welcome-card h2,.writopin-root .theme-dark .onboarding-side-card h2{color:#f0ebf4}@media (width<=900px){.writopin-root .insight-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writopin-root .insight-detail-grid,.writopin-root .onboarding-layout{grid-template-columns:1fr}}@media (width<=760px){.writopin-root .settings-tab-layout{grid-template-columns:minmax(0,1fr)}.writopin-root .settings-tabs{flex-direction:row;align-items:flex-start;gap:12px;padding:8px;overflow-x:auto}.writopin-root .settings-tab-group{grid-auto-flow:column;align-items:center;gap:4px;min-width:max-content}.writopin-root .settings-tab-group+.settings-tab-group{border-top:0;border-left:1px solid #f0edf3;padding-top:0;padding-left:10px}.writopin-root .settings-tab-group>span{display:none}.writopin-root .settings-tabs button{min-height:38px}.writopin-root .settings-tab-content>.settings-panel-card,.writopin-root .settings-tab-content>.usage-panel{min-height:0;padding:16px}.writopin-root .insights-toolbar{flex-direction:column;align-items:stretch}.writopin-root .insights-toolbar>div:last-child{flex-wrap:wrap;align-items:end}.writopin-root .notification-card{grid-template-columns:36px minmax(0,1fr);padding:13px}.writopin-root .notification-category-icon{width:34px;height:34px}.writopin-root .notification-card-actions{justify-content:flex-start;align-items:center;justify-items:initial;grid-column:2;display:flex}.writopin-root .account-session-grid{grid-template-columns:1fr}}@media (width<=540px){.writopin-root .settings-hub>.section-heading,.writopin-root .account-hub>.section-heading,.writopin-root .insights-page>.section-heading,.writopin-root .notifications-page>.section-heading,.writopin-root .onboarding-page>.section-heading{flex-direction:column;align-items:flex-start}.writopin-root .settings-tabs{max-width:calc(100vw - 36px)}.writopin-root .settings-tab-group{gap:2px}.writopin-root .settings-tabs button{min-height:40px;padding:0 9px;font-size:12px}.writopin-root .insight-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writopin-root .insight-metric-grid>article{min-height:106px}.writopin-root .insights-toolbar>div:last-child{flex-direction:column;align-items:stretch}.writopin-root .insights-toolbar label,.writopin-root .insights-toolbar select,.writopin-root .insights-toolbar button{width:100%}.writopin-root .insights-chart{gap:6px;padding-left:0;padding-right:0}.writopin-root .insights-chart-column{min-width:28px}.writopin-root .insights-chart-column>strong,.writopin-root .insights-chart-column small{font-size:9px}.writopin-root .insight-report-footer{flex-direction:column;align-items:flex-start}.writopin-root .insight-report-footer>div{flex-direction:column;align-items:flex-start;width:100%}.writopin-root .notification-summary-grid{gap:7px}.writopin-root .notification-summary-grid>article{min-height:85px;padding:10px}.writopin-root .notification-summary-grid>article strong{font-size:19px}.writopin-root .notification-card-actions{flex-wrap:wrap}.writopin-root .onboarding-welcome-card{grid-template-columns:38px minmax(0,1fr)}.writopin-root .onboarding-welcome-card>.create-button{grid-column:1/-1;justify-content:center}.writopin-root .onboarding-checklist article{grid-template-columns:minmax(0,1fr)}.writopin-root .onboarding-step-actions{justify-content:flex-start;margin-left:40px}.writopin-root .account-section-heading{flex-direction:column;align-items:flex-start}.writopin-root .account-active-card{grid-template-columns:38px minmax(0,1fr)}.writopin-root .account-active-card>.danger-button,.writopin-root .account-active-card>.create-button{grid-column:2;justify-self:start}.writopin-root .team-invite-form{flex-direction:column;align-items:stretch}}.writopin-root .review-workspace,.writopin-root .publication-workspace{max-width:1320px;padding-bottom:28px}.writopin-root .workspace-page>.review-page-heading,.writopin-root .workspace-page>.publication-page-heading{align-items:flex-end;gap:20px;min-height:0;margin-bottom:20px}.writopin-root .review-page-heading>div:first-child,.writopin-root .publication-page-heading>div:first-child{min-width:0}.writopin-root .review-page-heading .eyebrow-label,.writopin-root .publication-page-heading .eyebrow-label{color:#81758e;letter-spacing:.09em;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.writopin-root .workspace-page>.review-page-heading h1,.writopin-root .workspace-page>.publication-page-heading h1{color:#2d2634;letter-spacing:-.04em;font-size:clamp(23px,2.3vw,29px);font-weight:700;line-height:1.2}.writopin-root .workspace-page>.review-page-heading p,.writopin-root .workspace-page>.publication-page-heading p{color:#746c7c;max-width:760px;margin-top:7px;font-size:14px;line-height:1.55}.writopin-root .review-heading-actions,.writopin-root .publication-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.writopin-root .review-heading-actions .secondary-button,.writopin-root .publication-heading-actions .create-button{min-height:39px;padding:0 13px;font-size:13px}.writopin-root .review-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:17px;display:grid}.writopin-root .review-summary-card,.writopin-root .publication-summary-card{background:linear-gradient(145deg,#fff,#fcfbfd);border:1px solid #ebe7ef;border-radius:12px;align-items:center;gap:12px;min-width:0;min-height:102px;padding:14px;display:flex;box-shadow:0 3px 12px #21152a07}.writopin-root .review-summary-icon,.writopin-root .publication-summary-icon{border-radius:11px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid}.writopin-root .tone-violet{color:#7847c6;background:#f1eafd}.writopin-root .tone-green{color:#41845b;background:#eaf6ee}.writopin-root .tone-gray{color:#77707f;background:#f1eff3}.writopin-root .tone-blue{color:#4774b4;background:#eaf2ff}.writopin-root .tone-amber{color:#a76b20;background:#fff3df}.writopin-root .review-summary-copy,.writopin-root .publication-summary-card>span:last-child{gap:2px;min-width:0;display:grid}.writopin-root .review-summary-copy small,.writopin-root .publication-summary-card small{color:#77707e;font-size:12px;font-weight:600}.writopin-root .review-summary-copy strong,.writopin-root .publication-summary-card strong{color:#302938;font-size:22px;line-height:1.2}.writopin-root .review-summary-copy em,.writopin-root .publication-summary-card em{color:#8a8390;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;overflow:hidden}.writopin-root .review-list-panel,.writopin-root .publication-content-panel{background:#fff;border:1px solid #eae6ee;border-radius:13px;overflow:hidden;box-shadow:0 4px 18px #24163808}.writopin-root .review-panel-heading{border-bottom:1px solid #f0edf2;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px 14px;display:flex}.writopin-root .review-panel-heading h2{color:#332c3a;margin:0;font-size:16px;font-weight:700}.writopin-root .review-panel-heading p{color:#817987;margin:4px 0 0;font-size:12px;line-height:1.45}.writopin-root .review-result-count{color:#746b7c;background:#faf9fb;border:1px solid #e9e4ee;border-radius:999px;flex:none;padding:5px 9px;font-size:12px;font-weight:600}.writopin-root .review-workspace .review-toolbar{border-bottom:1px solid #f0edf2;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin:0;padding:12px 16px;display:flex}.writopin-root .review-workspace .review-filters{flex:1;min-width:0;margin:0}.writopin-root .review-workspace .review-filters button:focus-visible{outline-offset:1px;outline:2px solid #7c4fb8}.writopin-root .review-workspace .review-filters button>span{color:#706979;background:#efedf2;border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:11px;display:inline-grid}.writopin-root .review-workspace .review-filters button.active>span{color:#68409e;background:#fff}.writopin-root .review-search,.writopin-root .publication-search{color:#89818f;background:#fff;border:1px solid #e7e2eb;border-radius:9px;align-items:center;gap:8px;width:min(100%,300px);min-width:190px;min-height:40px;padding:0 10px;display:flex}.writopin-root .review-search:focus-within,.writopin-root .publication-search:focus-within{border-color:#a281d0;box-shadow:0 0 0 3px #8244ee12}.writopin-root .review-search input,.writopin-root .publication-search input{color:#342d3b;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.writopin-root .review-search input::placeholder,.writopin-root .publication-search input::placeholder{color:#96909b}.writopin-root .review-search>button,.writopin-root .publication-search>button{color:#817987;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 23px;place-items:center;width:23px;height:23px;display:grid}.writopin-root .review-list{gap:0;padding:0 15px 14px;display:grid}.writopin-root .review-list-columns{color:#88818e;justify-content:space-between;align-items:center;min-height:43px;padding:0 10px;font-size:11px;display:flex}.writopin-root .review-select-all{color:#77707d;cursor:pointer;align-items:center;gap:8px;display:inline-flex}.writopin-root .review-select-all input,.writopin-root .review-select input{accent-color:#7d4ad0;width:16px;height:16px;margin:0}.writopin-root .review-card{background:#fff;border:1px solid #ebe7ef;border-radius:12px;grid-template-columns:24px 96px minmax(0,1fr);align-items:start;gap:13px;padding:14px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid;overflow:visible;box-shadow:0 2px 8px #24163805}.writopin-root .review-card+.review-card{margin-top:9px}.writopin-root .review-card:hover{border-color:#d8c9e9;box-shadow:0 4px 14px #2416380a}.writopin-root .review-card.selected{background:#fdfbff;border-color:#9d76d0;box-shadow:0 0 0 2px #8244ee14}.writopin-root .review-select{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;place-items:center;width:24px;height:28px;display:grid;position:static}.writopin-root .review-art{border-radius:8px;width:96px;height:144px;overflow:hidden;box-shadow:0 2px 8px #17121d16}.writopin-root .review-art-background{aspect-ratio:auto;color:#fff;text-align:left;background-position:50%;background-size:cover;justify-content:flex-end;gap:8px;width:100%;height:100%;padding:10px;position:relative;overflow:hidden}.writopin-root .review-art-background:after{content:"";background:linear-gradient(#120b2212 10%,#160d25c9 100%);position:absolute;inset:0}.writopin-root .review-art-background img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.writopin-root .review-art-background>span,.writopin-root .review-art-background>strong,.writopin-root .review-art-background>small{z-index:1;color:inherit;text-shadow:0 1px 3px #120b2266;position:relative}.writopin-root .review-art-background>span{font-size:8px}.writopin-root .review-art-background>strong{-webkit-line-clamp:5;font-family:Georgia,serif;font-size:15px;line-height:1.13;display:-webkit-box}.writopin-root .review-art-background>small{font-size:7px}.writopin-root .review-card-body{gap:7px;min-width:0;padding:0;display:grid}.writopin-root .review-card-heading{justify-content:flex-start;gap:8px;min-height:25px}.writopin-root .review-state{align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:650;display:inline-flex}.writopin-root .review-state i{background:#a47b2e;border-radius:50%;width:6px;height:6px}.writopin-root .state-approved i{background:#438259}.writopin-root .state-discarded i{background:#a24250}.writopin-root .review-revision{color:#89818e;font-size:11px}.writopin-root .review-title-button{color:#322a39;text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;width:fit-content;max-width:100%;padding:0;font-size:15px;font-weight:700;line-height:1.35}.writopin-root .review-title-button:hover{color:#7040b1}.writopin-root .review-description{color:#716a78;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.writopin-root .review-context{color:#78717f;flex-wrap:wrap;gap:6px 15px;display:flex}.writopin-root .review-context>span{overflow-wrap:anywhere;align-items:center;gap:5px;min-width:0;font-size:11px;display:inline-flex}.writopin-root .review-context svg{color:#8c7a9c;flex:none}.writopin-root .review-card-actions{align-items:center;gap:6px;margin-top:3px}.writopin-root .review-card-actions .secondary-button,.writopin-root .review-card-actions .create-button{min-height:35px;padding:0 10px;font-size:12px}.writopin-root .review-card-actions .text-button{min-height:35px;padding:0 9px}.writopin-root .review-card-actions button:disabled,.writopin-root .review-bulkbar button:disabled{opacity:.48;cursor:not-allowed}.writopin-root .review-metadata{gap:10px;margin-top:4px;padding:12px}.writopin-root .review-metadata-heading{gap:3px;display:grid}.writopin-root .review-metadata-heading strong{color:#453b4f;font-size:12px}.writopin-root .review-metadata input,.writopin-root .review-metadata textarea{color:#37303d;width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #e5e0e9;border-radius:7px;padding:8px 9px;font-size:12px}.writopin-root .review-metadata textarea{min-height:78px}.writopin-root .review-bulkbar{justify-content:space-between;align-items:center;gap:12px;margin:12px 16px 0;padding:11px 12px}.writopin-root .review-bulkbar>div:first-child{gap:3px;display:grid}.writopin-root .review-bulkbar>div:first-child strong{color:#43384d;font-size:13px}.writopin-root .review-bulkbar>div:first-child small{color:#7c7383;font-size:11px}.writopin-root .review-bulk-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.writopin-root .review-bulk-actions .secondary-button,.writopin-root .review-bulk-actions .create-button{min-height:36px;font-size:12px}.writopin-root .review-workspace .review-notice{margin:10px 16px 0}.writopin-root .review-empty{margin:14px 16px 16px}.writopin-root .review-footer-note{color:#77717e;font-size:11px}.writopin-root .publication-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0 0 17px;display:grid}.writopin-root .publication-summary-card{min-height:94px}.writopin-root .publication-content-panel{padding-bottom:12px}.writopin-root .publication-panel-top{border-bottom:1px solid #f0edf2;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 15px;display:flex}.writopin-root .publication-workspace .publication-tabs{background:#f7f5f8;border:1px solid #eeeaf2;width:fit-content;max-width:100%;margin:0;padding:3px}.writopin-root .publication-workspace .publication-tabs button{gap:7px;min-height:37px;font-size:12px}.writopin-root .publication-tab-count{color:#9b641d;background:#fff0da;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;display:inline-grid}.writopin-root .publication-search{width:min(100%,270px);min-height:38px}.writopin-root .publication-workspace .queue-add-form{grid-template-columns:minmax(190px,1.2fr) minmax(170px,.9fr) minmax(190px,.9fr) auto;margin:12px 15px}.writopin-root .publication-table{background:0 0;border:0;border-radius:0;margin:0 15px;overflow:visible}.writopin-root .publication-row{background:#fff;border:1px solid #ece8ef;border-radius:11px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:98px;padding:13px 11px;display:grid}.writopin-root .publication-row+.publication-row{margin-top:8px}.writopin-root .publication-pin-art{cursor:pointer;background:#f1edf4;border:0;border-radius:7px;width:54px;height:74px;padding:0;display:block;box-shadow:0 2px 7px #19111f14}.writopin-root .publication-pin-art .review-art-background{gap:5px;padding:7px}.writopin-root .publication-pin-art .review-art-background>span,.writopin-root .publication-pin-art .review-art-background>small{font-size:5px}.writopin-root .publication-pin-art .review-art-background>strong{font-size:9px}.writopin-root .publication-row-main{gap:6px;min-width:0;display:grid}.writopin-root .publication-title-line{flex-wrap:wrap;align-items:center;gap:7px 9px;min-width:0;display:flex}.writopin-root .publication-row-main strong{color:#332c3a;white-space:normal;min-width:0;max-width:100%;font-size:14px;line-height:1.35}.writopin-root .publication-state{white-space:nowrap;border-radius:99px;align-items:center;min-height:23px;padding:3px 8px;font-size:10px;font-weight:650;display:inline-flex}.writopin-root .publication-state.state-scheduled{color:#6c419d;background:#f1eafd}.writopin-root .publication-state.state-complete{color:#3c7952;background:#eaf6ee}.writopin-root .publication-state.state-attention{color:#9b621c;background:#fff2df}.writopin-root .publication-state.state-muted{color:#716978;background:#f1eff3}.writopin-root .publication-destination,.writopin-root .publication-row-meta,.writopin-root .publication-row-meta>span{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.writopin-root .publication-destination{color:#756d7b;font-size:11px}.writopin-root .publication-destination svg,.writopin-root .publication-row-meta svg{color:#8a7a98;flex:none}.writopin-root .publication-destination i{background:#c0b9c6;border-radius:50%;width:3px;height:3px;margin:0 2px}.writopin-root .publication-row-meta{color:#89818e;gap:6px 15px;font-size:11px}.writopin-root .publication-row-meta>span{gap:5px}.writopin-root .publication-error{color:#a6464d;font-size:11px;line-height:1.4}.writopin-root .publication-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px}.writopin-root .publication-actions .secondary-button{min-height:34px;padding:0 9px;font-size:11px}.writopin-root .publication-actions .text-button{min-height:33px;padding:0 8px;font-size:11px}.writopin-root .publication-open-action{background:#fff;border:1px solid #ece8ef;width:34px;height:34px}.writopin-root .publication-empty{margin:14px 15px 4px}.writopin-root .queue-guardrail{margin-top:13px;padding:0 2px;font-size:11px}.writopin-root .theme-dark .review-summary-card,.writopin-root .theme-dark .publication-summary-card,.writopin-root .theme-dark .review-list-panel,.writopin-root .theme-dark .publication-content-panel,.writopin-root .theme-dark .review-card,.writopin-root .theme-dark .publication-row{background:#211d27;border-color:#39323f}.writopin-root .theme-dark .review-panel-heading,.writopin-root .theme-dark .review-workspace .review-toolbar,.writopin-root .theme-dark .publication-panel-top{border-color:#39323f}.writopin-root .theme-dark .review-panel-heading h2,.writopin-root .theme-dark .review-title-button,.writopin-root .theme-dark .review-summary-copy strong,.writopin-root .theme-dark .publication-summary-card strong,.writopin-root .theme-dark .publication-row-main strong{color:#f0ebf4}.writopin-root .theme-dark .review-description,.writopin-root .theme-dark .review-context,.writopin-root .theme-dark .review-panel-heading p,.writopin-root .theme-dark .review-summary-copy small,.writopin-root .theme-dark .publication-summary-card small{color:#aaa2b1}.writopin-root .theme-dark .review-search,.writopin-root .theme-dark .publication-search,.writopin-root .theme-dark .review-metadata input,.writopin-root .theme-dark .review-metadata textarea{color:#eeeaf3;background:#19161e;border-color:#403947}@media (width<=1050px){.writopin-root .review-summary-grid,.writopin-root .publication-workspace .queue-add-form{grid-template-columns:repeat(2,minmax(0,1fr))}.writopin-root .publication-workspace .queue-add-form>div{grid-column:1/-1}.writopin-root .publication-row{grid-template-columns:54px minmax(0,1fr)}.writopin-root .publication-actions{grid-column:2;justify-content:flex-start}}@media (width<=760px){.writopin-root .workspace-page>.review-page-heading,.writopin-root .workspace-page>.publication-page-heading{flex-direction:column;align-items:flex-start;gap:12px}.writopin-root .review-heading-actions,.writopin-root .publication-heading-actions{justify-content:flex-start}.writopin-root .review-workspace .review-toolbar,.writopin-root .publication-panel-top{flex-direction:column;align-items:stretch}.writopin-root .review-workspace .review-filters{width:100%;overflow-x:auto}.writopin-root .review-search,.writopin-root .publication-search{width:100%;min-width:0}.writopin-root .publication-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writopin-root .publication-summary-card:last-child{grid-column:1/-1}.writopin-root .publication-workspace .publication-tabs{width:100%;overflow-x:auto}.writopin-root .publication-workspace .publication-tabs button{flex:none}.writopin-root .publication-workspace .queue-add-form{grid-template-columns:minmax(0,1fr)}.writopin-root .publication-workspace .queue-add-form>div{grid-column:auto}.writopin-root .publication-workspace .queue-add-form>.create-button{width:100%}}@media (width<=560px){.writopin-root .review-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.writopin-root .review-summary-card,.writopin-root .publication-summary-card{gap:9px;min-height:89px;padding:10px}.writopin-root .review-summary-icon,.writopin-root .publication-summary-icon{flex-basis:33px;width:33px;height:33px}.writopin-root .review-summary-copy strong,.writopin-root .publication-summary-card strong{font-size:19px}.writopin-root .review-summary-copy em,.writopin-root .publication-summary-card em{font-size:10px}.writopin-root .review-panel-heading{align-items:flex-start;padding:14px 12px 11px}.writopin-root .review-workspace .review-toolbar{padding:10px}.writopin-root .review-list{padding:0 9px 11px}.writopin-root .review-card{grid-template-columns:20px minmax(0,1fr);gap:9px;padding:10px}.writopin-root .review-select{grid-area:1/1;width:20px;height:22px}.writopin-root .review-art{aspect-ratio:16/7;grid-area:2/1/auto/-1;width:100%;height:auto}.writopin-root .review-art-background{justify-content:center;align-items:flex-start;padding:11px 13px}.writopin-root .review-art-background>strong{-webkit-line-clamp:2;max-width:72%;font-size:17px}.writopin-root .review-card-body{grid-area:3/1/auto/-1}.writopin-root .review-title-button{font-size:14px}.writopin-root .review-card-actions{gap:5px}.writopin-root .review-card-actions .secondary-button,.writopin-root .review-card-actions .create-button,.writopin-root .review-card-actions .text-button{min-height:37px}.writopin-root .review-bulkbar{flex-direction:column;align-items:flex-start;margin:10px 10px 0}.writopin-root .review-bulk-actions{width:100%}.writopin-root .review-bulk-actions>button{flex:auto}.writopin-root .review-workspace .review-notice{margin-left:10px;margin-right:10px}.writopin-root .review-empty,.writopin-root .publication-empty,.writopin-root .publication-table{margin-left:9px;margin-right:9px}.writopin-root .publication-row{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:8px 10px;padding:10px}.writopin-root .publication-pin-art{width:44px;height:62px}.writopin-root .publication-row-main{gap:5px}.writopin-root .publication-row-main strong{font-size:13px}.writopin-root .publication-actions{grid-column:1/-1;justify-content:flex-start}.writopin-root .publication-actions>button,.writopin-root .publication-actions .cancel-confirm>button{min-height:36px}.writopin-root .publication-heading-actions{justify-content:space-between;width:100%}.writopin-root .publication-heading-actions .create-button{margin-left:auto}.writopin-root .publication-summary-card:last-child{grid-column:auto}.writopin-root .publication-summary-grid{gap:8px}}@media (width<=380px){.writopin-root .review-summary-grid,.writopin-root .publication-summary-grid{grid-template-columns:minmax(0,1fr)}.writopin-root .publication-summary-card:last-child{grid-column:auto}.writopin-root .review-heading-actions,.writopin-root .review-heading-actions>button{width:100%}.writopin-root .review-heading-actions>button{justify-content:center}.writopin-root .review-context{flex-direction:column}}.writopin-root .auth-surface-scroll{min-height:0;padding:clamp(20px,4vh,44px) clamp(16px,4vw,52px)}.writopin-root .auth-page{grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);align-items:stretch;gap:clamp(24px,4vw,54px);display:grid}.writopin-root .auth-story-panel{color:#fff;background:radial-gradient(at 92% 8%,#8b58ce55 0,#0000 38%),linear-gradient(150deg,#2a1b3d,#1b1427 78%);border:1px solid #3e2d55;border-radius:20px;flex-direction:column;min-height:610px;padding:clamp(24px,3.5vw,42px);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 48px #2719371a}.writopin-root .auth-story-panel:after{content:"";pointer-events:none;border:1px solid #ffffff12;border-radius:50%;width:330px;height:330px;position:absolute;bottom:-170px;right:-90px;box-shadow:0 0 0 30px #ffffff08,0 0 0 65px #ffffff05}.writopin-root .auth-story-brand{z-index:1;align-items:center;gap:9px;display:flex;position:relative}.writopin-root .auth-story-brand>strong{color:#fff;letter-spacing:-.025em;font-size:15px}.writopin-root .auth-story-brand .auth-brand-glyph{background:linear-gradient(135deg,#a16af1,#7340c8);border:1px solid #ffffff25;width:32px;height:32px}.writopin-root .auth-story-status{color:#e3dbea;background:#ffffff0a;border:1px solid #ffffff20;border-radius:99px;align-items:center;gap:6px;margin-left:auto;padding:6px 9px;font-size:10px;display:inline-flex}.writopin-root .auth-story-status i{background:#84d29a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #84d29a22}.writopin-root .auth-story-copy{z-index:1;max-width:490px;margin:clamp(32px,6vh,62px) 0 24px;position:relative}.writopin-root .auth-story-copy>span{color:#c2a4e6;letter-spacing:.12em;font-size:10px;font-weight:700}.writopin-root .auth-story-copy h2{color:#fff;letter-spacing:-.045em;margin:12px 0 10px;font-size:clamp(26px,3.1vw,38px);font-weight:650;line-height:1.12}.writopin-root .auth-story-copy p{color:#d1c8db;max-width:440px;margin:0;font-size:14px;line-height:1.7}.writopin-root .auth-product-preview{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0b;border:1px solid #ffffff1d;border-radius:14px;gap:0;padding:14px 16px;display:grid;position:relative}.writopin-root .auth-product-preview-head{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:8px;padding-bottom:9px;display:flex}.writopin-root .auth-product-preview-head>span:first-child{color:#f5edfd;letter-spacing:.06em;align-items:center;gap:7px;font-size:10px;font-weight:700;display:inline-flex}.writopin-root .auth-product-preview-head svg{color:#c5a1f1}.writopin-root .auth-product-preview-head>span:last-child{color:#bdb3c8;letter-spacing:.08em;font-size:9px}.writopin-root .auth-workflow-step{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;padding:12px 0;display:grid;position:relative}.writopin-root .auth-workflow-number{color:#ded0ed;background:#ffffff0c;border:1px solid #ffffff27;border-radius:9px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:grid}.writopin-root .auth-workflow-step.is-current .auth-workflow-number{color:#fff;background:#8454be;border-color:#b28be4}.writopin-root .auth-workflow-step>span:nth-child(2){gap:3px;display:grid}.writopin-root .auth-workflow-step strong{color:#fff;font-size:12px}.writopin-root .auth-workflow-step small{color:#c7bdcf;font-size:11px;line-height:1.4}.writopin-root .auth-workflow-connector{border-left:1px dashed #ffffff35;position:absolute;top:40px;bottom:-1px;left:13px}.writopin-root .auth-story-points{z-index:1;gap:10px;margin-top:22px;display:grid;position:relative}.writopin-root .auth-story-points>span{color:#e2dbe9;align-items:center;gap:9px;font-size:12px;display:flex}.writopin-root .auth-story-points svg{color:#c29ce9;flex:none}.writopin-root .auth-story-footnote{z-index:1;color:#b9aec4;margin:auto 0 0;padding-top:22px;font-size:10px;position:relative}.writopin-root .auth-preview{background:#fff;border:1px solid #e9e5ed;border-radius:17px;flex-direction:column;justify-content:center;align-self:center;width:auto;min-width:0;max-width:none;margin:0;padding:clamp(23px,3vw,34px);display:flex;box-shadow:0 12px 38px #21152a0d}.writopin-root .auth-card-heading{align-items:center;gap:9px;margin-bottom:20px;display:flex}.writopin-root .auth-card-icon{color:#7547b3;background:#f6f1fb;border:1px solid #ede5f6;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.writopin-root .auth-card-label{color:#786e82;letter-spacing:.1em;font-size:10px;font-weight:750}.writopin-root .auth-demo-tag{color:#756b7f;background:#fbf9fd;border:1px solid #e9e3ef;border-radius:99px;margin-left:auto;padding:5px 8px;font-size:10px;font-weight:600}.writopin-root .auth-preview h1{color:#2b2432;letter-spacing:-.045em;margin:0;font-size:clamp(24px,2.4vw,29px);font-weight:700;line-height:1.2}.writopin-root .auth-preview-notice{color:#645872;background:#faf7fd;border:1px solid #e9e2f0;border-radius:9px;align-items:flex-start;gap:9px;margin:0 0 18px;padding:10px 11px;font-size:11px;line-height:1.5;display:flex}.writopin-root .auth-preview-notice svg{color:#8258ae;flex:none;margin-top:1px}.writopin-root .auth-form{gap:14px;margin:0;display:grid}.writopin-root .auth-field{color:#514958;gap:6px;min-width:0;font-size:12px;font-weight:650;display:grid}.writopin-root .auth-input-wrap{color:#8a8290;background:#fff;border:1px solid #e3dfe7;border-radius:9px;align-items:center;gap:9px;min-width:0;min-height:43px;padding:0 11px;transition:border-color .16s,box-shadow .16s;display:flex}.writopin-root .auth-input-wrap:focus-within{border-color:#9b79c5;box-shadow:0 0 0 3px #8244ee13}.writopin-root .auth-input-wrap>svg{flex:none}.writopin-root .auth-input-wrap input{color:#322b39;width:100%;min-width:0;min-height:41px;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:13px}.writopin-root .auth-password-wrap>button{color:#817987;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.writopin-root .auth-password-wrap>button:hover{color:#684196;background:#f4f0f7}.writopin-root .auth-field-hint{color:#88818e;font-size:10px;font-weight:400;line-height:1.45}.writopin-root .auth-form-utility{justify-content:space-between;align-items:center;gap:8px;margin-top:-3px;display:flex}.writopin-root .auth-form-utility>span{color:#827b88;align-items:center;gap:5px;font-size:10px;display:inline-flex}.writopin-root .auth-form-utility>span svg{color:#7c5b9f}.writopin-root .auth-form-utility>button,.writopin-root .auth-account-switch button,.writopin-root .auth-legal-footer button{color:#7242ac;font:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:650}.writopin-root .auth-form-error{color:#9b3842;background:#fff7f7;border:1px solid #f0d7d8;border-radius:8px;margin:0;padding:9px 10px;font-size:11px;line-height:1.45}.writopin-root .auth-submit{justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:2px;font-size:13px;display:flex}.writopin-root .auth-submit svg{margin-left:auto}.writopin-root .auth-submit{position:relative}.writopin-root .auth-submit svg{position:absolute;right:13px}.writopin-root .auth-account-switch{color:#77707e;text-align:center;margin-top:18px;font-size:12px}.writopin-root .auth-legal-footer{color:#938c98;border-top:1px solid #f0edf2;justify-content:space-between;align-items:center;gap:10px;margin-top:19px;padding-top:14px;font-size:10px;line-height:1.4;display:flex}.writopin-root .auth-legal-footer>span:last-child{flex:none;gap:11px;display:flex}.writopin-root .auth-legal-footer button{color:#7a7082;font-weight:550}.writopin-root .auth-confirmation{justify-items:start;gap:12px;display:grid}.writopin-root .auth-confirmation-icon{color:#43845a;background:#eef8f0;border:1px solid #dceee1;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.writopin-root .auth-confirmation h1{margin-top:3px}.writopin-root .auth-confirmation p{color:#756e7c;margin:0;font-size:13px;line-height:1.65}.writopin-root .auth-confirmation .create-button{min-height:41px;margin-top:3px}.writopin-root .auth-confirmation>.text-button{min-height:34px;padding:0}.writopin-root .auth-signed-out{align-self:center;justify-items:start;gap:13px;display:grid}.writopin-root .auth-signed-out>p{color:#756e7c;margin:0;font-size:13px;line-height:1.65}.writopin-root .auth-signed-out .signed-out-icon{color:#43845a;background:#eef8f0;border:1px solid #dceee1;width:50px;height:50px}.writopin-root .signed-out-actions{gap:8px;width:100%;margin:4px 0;display:grid}.writopin-root .signed-out-actions button{justify-content:center;align-items:center;gap:7px;min-height:42px;display:flex}.writopin-root .theme-dark .auth-preview{background:#211d27;border-color:#39323f}.writopin-root .theme-dark .auth-card-description,.writopin-root .theme-dark .auth-confirmation p,.writopin-root .theme-dark .auth-signed-out>p{color:#b4acbb}.writopin-root .theme-dark .auth-card-icon,.writopin-root .theme-dark .auth-demo-tag{color:#dfc9f5;background:#30253a;border-color:#493a55}.writopin-root .theme-dark .auth-input-wrap{color:#b7a9c2;background:#19161e;border-color:#45404a}.writopin-root .theme-dark .auth-input-wrap input{color:#eeeaf3}@media (width<=900px){.writopin-root .auth-page{grid-template-columns:minmax(0,1fr);gap:16px;width:min(100%,560px)}.writopin-root .auth-preview{order:1}.writopin-root .auth-story-panel{order:2;min-height:0;padding:22px}.writopin-root .auth-story-copy{margin:24px 0 16px}.writopin-root .auth-story-copy h2{max-width:460px;font-size:27px}.writopin-root .auth-product-preview{display:none}.writopin-root .auth-story-points{gap:8px;margin-top:16px}.writopin-root .auth-story-footnote{margin-top:20px;padding-top:0}}@media (width<=560px){.writopin-root .auth-surface-scroll{padding:16px 12px 22px}.writopin-root .auth-page{gap:12px}.writopin-root .auth-preview{border-radius:14px;padding:21px 17px}.writopin-root .auth-card-heading{margin-bottom:17px}.writopin-root .auth-preview h1{font-size:24px}.writopin-root .auth-story-panel{border-radius:14px;padding:19px 17px}.writopin-root .auth-story-status{padding:5px 7px;font-size:9px}.writopin-root .auth-story-copy{margin-top:21px}.writopin-root .auth-story-copy h2{font-size:24px}.writopin-root .auth-story-copy p{font-size:12px}.writopin-root .auth-story-points>span{align-items:flex-start;font-size:11px;line-height:1.4}.writopin-root .auth-legal-footer{flex-direction:column;align-items:flex-start}}.writopin-root .auth-shell-header>span{color:#756f7b;font-size:12px}.writopin-root .auth-surface-scroll{background:#f6f6f8;place-items:center;min-height:0;padding:clamp(24px,5vh,48px) 20px;display:grid}.writopin-root .auth-surface-scroll>.auth-page{width:min(100%,440px);margin:auto}.writopin-root .auth-page{width:100%;display:block}.writopin-root .auth-preview{background:#fff;border:1px solid #e3e2e7;border-radius:12px;align-self:center;width:100%;max-width:440px;padding:30px;box-shadow:0 2px 10px #20162c0a}.writopin-root .auth-card-heading{gap:10px;margin-bottom:22px}.writopin-root .auth-card-icon{color:#7142bd;background:#f5f2f9;border:1px solid #e9e4f0;border-radius:9px;flex-basis:38px;width:38px;height:38px}.writopin-root .auth-card-label{color:#645c6b;letter-spacing:.055em;font-size:11px}.writopin-root .auth-demo-tag{color:#655e6c;background:#faf9fb;border:1px solid #e6e3e9;border-radius:6px;padding:5px 8px;font-size:11px}.writopin-root .auth-preview h1{color:#28252d;letter-spacing:-.035em;font-size:27px;font-weight:650;line-height:1.25}.writopin-root .auth-card-description{color:#696570;margin:8px 0 20px;font-size:14px;line-height:1.55}.writopin-root .auth-preview-notice{color:#5f5966;background:#f8f7f9;border-color:#e5e2e9;border-radius:8px;gap:9px;margin-bottom:20px;padding:11px 12px;font-size:12px;line-height:1.5}.writopin-root .auth-preview-notice svg{color:#7250a0}.writopin-root .auth-form{gap:16px}.writopin-root .auth-field{color:#48444d;gap:7px;font-size:13px;font-weight:600}.writopin-root .auth-field>input{color:#29262f;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #dcd9e0;border-radius:8px;outline:none;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.writopin-root .auth-field>input:focus{border-color:#8653d7;box-shadow:0 0 0 3px #8553d71a}.writopin-root .auth-field>input::placeholder{color:#96919b;font-weight:400}.writopin-root .auth-preview .auth-form>.auth-field{color:#48444d;margin:0;font-size:13px}.writopin-root .auth-preview .auth-form .auth-input-wrap input{background:0 0;border:0;border-radius:0;outline:0;min-height:46px;padding:0}.writopin-root .auth-input-wrap{color:#77717d;border-color:#dcd9e0;border-radius:8px;gap:10px;min-height:48px;padding:0 12px}.writopin-root .auth-input-wrap input{color:#29262f;min-height:46px;font-size:14px}.writopin-root .auth-input-wrap input::placeholder{color:#96919b}.writopin-root .auth-password-wrap>button{flex-basis:32px;width:32px;height:32px}.writopin-root .auth-field-hint{color:#746e79;font-size:11px}.writopin-root .auth-form-utility{justify-content:flex-end;margin-top:-5px}.writopin-root .auth-form-utility>span{color:#716b76;font-size:12px}.writopin-root .auth-form-utility>button,.writopin-root .auth-form-error{font-size:12px}.writopin-root .auth-submit{border-radius:8px;min-height:46px;font-size:14px}.writopin-root .auth-account-switch{color:#66616d;margin-top:19px;font-size:13px}.writopin-root .auth-account-switch button{font-size:13px}.writopin-root .auth-legal-footer{color:#79747e;justify-content:flex-end;gap:14px;margin-top:20px;padding-top:15px;font-size:11px}.writopin-root .auth-confirmation{gap:13px}.writopin-root .auth-confirmation p,.writopin-root .auth-signed-out>p{color:#696570;font-size:14px;line-height:1.6}.writopin-root .auth-confirmation .create-button,.writopin-root .signed-out-actions button{border-radius:8px;min-height:44px}.writopin-root .auth-confirmation>.text-button{font-size:13px}.writopin-root .auth-signed-out{gap:14px}.writopin-root .auth-signed-out h1{margin:0}.writopin-root .auth-signed-out .signed-out-icon{color:#7142bd;background:#f5f2f9;border:1px solid #e8e4ed;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.writopin-root .signed-out-actions{gap:9px}.writopin-root .signed-out-actions .secondary-button{color:#46414d;background:#fff;border:1px solid #dedbe2}.writopin-root .auth-submit:disabled{opacity:.75;cursor:wait}.writopin-root .theme-dark .auth-surface-scroll{background:#17141c}.writopin-root .theme-dark .auth-preview{box-shadow:none;background:#211d27;border-color:#39323f}.writopin-root .theme-dark .auth-preview h1{color:#f0ebf4}.writopin-root .theme-dark .auth-card-label,.writopin-root .theme-dark .auth-card-description,.writopin-root .theme-dark .auth-account-switch,.writopin-root .theme-dark .auth-confirmation p,.writopin-root .theme-dark .auth-signed-out>p{color:#b4acbb}.writopin-root .theme-dark .auth-demo-tag,.writopin-root .theme-dark .auth-card-icon{color:#dfc9f5;background:#30253a;border-color:#493a55}.writopin-root .theme-dark .auth-preview-notice{color:#d1c4dd;background:#292231;border-color:#493a55}.writopin-root .theme-dark .auth-field{color:#e2dce8}.writopin-root .theme-dark .auth-field>input,.writopin-root .theme-dark .auth-input-wrap{color:#b7a9c2;background:#19161e;border-color:#45404a}.writopin-root .theme-dark .auth-field>input,.writopin-root .theme-dark .auth-input-wrap input{color:#eeeaf3}.writopin-root .theme-dark .auth-legal-footer{color:#aaa2b1;border-color:#39323f}.writopin-root .theme-dark .signed-out-actions .secondary-button{color:#eeeaf3;background:#211d27;border-color:#45404a}@media (width<=560px){.writopin-root .auth-shell-header{flex-basis:58px;min-height:58px;padding:0 16px}.writopin-root .auth-shell-brand{font-size:15px}.writopin-root .auth-shell-header>span{font-size:11px}.writopin-root .auth-surface-scroll{padding:22px 14px}.writopin-root .auth-preview{padding:23px 20px}.writopin-root .auth-preview h1{font-size:24px}.writopin-root .auth-legal-footer{gap:8px}}.writopin-root .auth-shell-actions{align-items:center;gap:10px;display:flex}.writopin-root .auth-shell-actions>button{min-height:38px}.writopin-root .auth-shell-actions .auth-header-login{color:#2e2b32;cursor:pointer;background:#f0f0ef;border:0;border-radius:8px;padding:0 14px;font-size:13px;font-weight:600}.writopin-root .auth-shell-actions .auth-header-signup{border-radius:8px;padding:0 16px;font-size:13px}.writopin-root .welcome-hero-actions{align-items:center}.writopin-root .welcome-hero-actions .text-button{align-items:center;gap:6px;min-height:40px;padding:0 10px;display:inline-flex}.writopin-root .auth-modal-backdrop{z-index:5000;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#1412189e;place-items:safe center center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.writopin-root .auth-modal{background:#fff;border:1px solid #e5e2e8;border-radius:16px;grid-template-columns:minmax(0,1fr) 292px;width:min(100%,760px);max-height:calc(100dvh - 48px);display:grid;position:relative;overflow:auto;box-shadow:0 20px 60px #00000047}.writopin-root .auth-modal-close{z-index:2;color:#3e3944;cursor:pointer;background:#fff;border:1px solid #e1dee5;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:14px;right:14px}.writopin-root .auth-modal-close:hover{background:#f5f3f7}.writopin-root .auth-modal-main{min-width:0;padding:27px 28px 22px}.writopin-root .auth-modal-mark{color:#7042b9;background:#f4f0fa;border-radius:11px;place-items:center;width:40px;height:40px;margin-bottom:15px;font-size:20px;font-weight:750;display:grid}.writopin-root .auth-modal-kicker{color:#665d6d;letter-spacing:.08em;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.writopin-root .auth-modal-main h2{color:#25222a;letter-spacing:-.035em;margin:0;font-size:23px;font-weight:650;line-height:1.25}.writopin-root .auth-modal .auth-preview-notice{margin-bottom:17px;font-size:11px}.writopin-root .auth-modal .auth-field{color:#48444d;margin:0;font-size:12px}.writopin-root .auth-modal .auth-field>input{color:#29262f;min-height:44px;font:inherit;background:#fff;border:1px solid #dcd9e0;border-radius:8px;padding:0 11px;font-size:13px}.writopin-root .auth-modal .auth-input-wrap{border-color:#dcd9e0;border-radius:8px;min-height:44px}.writopin-root .auth-modal .auth-input-wrap input{color:#29262f;background:0 0;border:0;outline:0;min-height:42px;padding:0;font-size:13px}.writopin-root .auth-modal .auth-input-wrap:focus-within,.writopin-root .auth-modal .auth-field>input:focus{border-color:#8550d0;box-shadow:0 0 0 3px #8550d01a}.writopin-root .auth-modal .auth-field-hint{font-size:10px}.writopin-root .auth-modal .auth-form-utility{justify-content:space-between;margin-top:0}.writopin-root .auth-modal .auth-remember{color:#6d6673;cursor:pointer;align-items:center;gap:7px;font-size:11px;font-weight:500;display:inline-flex}.writopin-root .auth-modal .auth-remember input{accent-color:#7042b9;width:15px;height:15px;margin:0}.writopin-root .auth-modal .auth-success-message{color:#236b52;background:#f2fbf7;border:1px solid #cfe9df;border-radius:8px;margin:0;padding:10px 11px;font-size:11px;line-height:1.5}.writopin-root .auth-forgot-link{color:#6f42b1;cursor:pointer;background:0 0;border:0;justify-self:end;padding:0;font-size:12px;font-weight:600}.writopin-root .auth-modal .auth-form-error{font-size:11px}.writopin-root .auth-modal .auth-submit{border-radius:8px;min-height:43px;font-size:13px}.writopin-root .auth-submit-wrap{width:100%;position:relative}.writopin-root .auth-submit-wrap .auth-submit{width:100%}.writopin-root .auth-google-wrap{position:relative}.writopin-root .auth-last-used-badge{z-index:1;color:#356b5d;white-space:nowrap;pointer-events:none;background:#f0f8f5;border:1px solid #beddd3;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:650;line-height:1.2;position:absolute;top:-8px;right:8px;box-shadow:0 1px 4px #16342b1a}.writopin-root .auth-or-divider{color:#77717d;align-items:center;gap:12px;margin:13px 0 11px;font-size:10px;display:flex}.writopin-root .auth-or-divider:before,.writopin-root .auth-or-divider:after{content:"";background:#e8e5eb;flex:1;height:1px}.writopin-root .auth-google-button{color:#263b37;width:100%;min-height:43px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dcd9e0;border-radius:8px;justify-content:center;align-items:center;padding:0 42px;font-size:12px;font-weight:600;text-decoration:none;transition:background-color .16s,border-color .16s,box-shadow .16s;display:flex;position:relative}.writopin-root .auth-google-button:hover{background:#f7fbf9;border-color:#b9d4cc}.writopin-root .auth-google-button:focus-visible{outline-offset:2px;outline:3px solid #11816f33}.writopin-root .auth-google-mark{width:18px;height:18px;position:absolute;left:13px}.writopin-root .auth-provider-message{color:#48645c;background:#f4faf7;border:1px solid #dcebe6;border-radius:7px;margin:9px 0 0;padding:9px 10px;font-size:11px;line-height:1.45}.writopin-root .auth-modal .auth-account-switch{margin-top:17px;font-size:12px}.writopin-root .auth-modal .auth-legal-footer{justify-content:flex-start;gap:13px;margin-top:13px;padding-top:12px;font-size:10px}.writopin-root .auth-modal-side{background:#f7f7f8;border-left:1px solid #ece9ef;flex-direction:column;justify-content:center;min-width:0;padding:34px 25px;display:flex}.writopin-root .auth-modal-side .auth-modal-kicker{color:#187a69;margin-bottom:9px}.writopin-root .auth-modal-side h3{color:#29252f;letter-spacing:-.02em;margin:0 0 8px;font-size:18px}.writopin-root .auth-modal-side p{color:#6c6672;margin:0 0 19px;font-size:12px;line-height:1.6}.writopin-root .auth-modal-side dl{border-top:1px solid #e3e0e6;margin:0}.writopin-root .auth-modal-side dl>div{border-bottom:1px solid #e3e0e6;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-size:11px;display:flex}.writopin-root .auth-modal-side dt{color:#6d6772}.writopin-root .auth-modal-side dd{color:#49434f;text-align:right;margin:0;font-weight:600}.writopin-root .auth-modal-side .secondary-button{color:#403a47;background:#fff;border-color:#dedbe2;min-height:41px;margin-top:20px;font-size:12px}.writopin-root .auth-recovery-page{align-content:start;justify-items:center;width:100%;min-height:100%;padding:clamp(56px,12vh,118px) 18px 48px;display:grid}.writopin-root .auth-recovery-content{text-align:center;width:min(100%,500px)}.writopin-root .auth-recovery-icon{color:#6f4aa2;background:#f5f3f7;border:1px solid #e7e3eb;border-radius:10px;place-items:center;width:42px;height:42px;margin:0 auto 16px;display:grid}.writopin-root .auth-recovery-content .auth-modal-kicker{margin-bottom:8px}.writopin-root .auth-recovery-content h1{color:#28252d;letter-spacing:-.035em;margin:0;font-size:25px;font-weight:650}.writopin-root .auth-recovery-content>p{color:#696570;margin:8px 0 23px;font-size:13px}.writopin-root .auth-recovery-form{text-align:left;grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.writopin-root .auth-recovery-form>label{color:#48444d;font-size:12px;font-weight:600}.writopin-root .auth-recovery-controls{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.writopin-root .auth-recovery-controls .auth-input-wrap{min-height:42px}.writopin-root .auth-recovery-controls .auth-input-wrap input{color:#29262f;background:0 0;border:0;outline:0;min-height:40px;font-size:13px}.writopin-root .auth-recovery-controls .create-button{border-radius:8px;min-height:42px;padding:0 14px;font-size:12px}.writopin-root .auth-recovery-form>small{color:#79737e;font-size:11px}.writopin-root .auth-recovery-back{color:#65428f;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-height:38px;margin-top:18px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.writopin-root .auth-recovery-result{text-align:left;background:#faf9fb;border:1px solid #e4e1e8;border-radius:9px;margin-top:20px;padding:15px}.writopin-root .auth-recovery-result p{color:#625c68;margin:0 0 12px;font-size:12px;line-height:1.55}.writopin-root .auth-recovery-result .secondary-button{min-height:36px;font-size:12px}.writopin-root .theme-dark .auth-modal{background:#211d27;border-color:#39323f}.writopin-root .theme-dark .auth-modal-close{color:#eeeaf3;background:#29242f;border-color:#4b4452}.writopin-root .theme-dark .auth-modal-mark,.writopin-root .theme-dark .auth-recovery-icon{color:#dfc9f5;background:#30253a;border-color:#493a55}.writopin-root .theme-dark .auth-modal-main h2,.writopin-root .theme-dark .auth-modal-side h3,.writopin-root .theme-dark .auth-recovery-content h1{color:#f0ebf4}.writopin-root .theme-dark .auth-modal-description,.writopin-root .theme-dark .auth-modal-side p,.writopin-root .theme-dark .auth-recovery-content>p{color:#b4acbb}.writopin-root .theme-dark .auth-modal .auth-field{color:#e2dce8}.writopin-root .theme-dark .auth-modal .auth-field>input,.writopin-root .theme-dark .auth-modal .auth-input-wrap{background:#19161e;border-color:#45404a}.writopin-root .theme-dark .auth-modal .auth-input-wrap input,.writopin-root .theme-dark .auth-modal .auth-field>input{color:#eeeaf3}.writopin-root .theme-dark .auth-modal .auth-remember{color:#c4bdca}.writopin-root .theme-dark .auth-modal .auth-success-message{color:#b7ebd4;background:#1e332c;border-color:#275343}.writopin-root .theme-dark .auth-or-divider{color:#aaa2b1}.writopin-root .theme-dark .auth-or-divider:before,.writopin-root .theme-dark .auth-or-divider:after{background:#39323f}.writopin-root .theme-dark .auth-google-button{color:#eeeaf3;background:#211d27;border-color:#45404a}.writopin-root .theme-dark .auth-google-button:hover{background:#29242f;border-color:#42675e}.writopin-root .theme-dark .auth-last-used-badge{color:#b5e5d1;background:#22362f;border-color:#426d5f}.writopin-root .theme-dark .auth-provider-message{color:#c2ddd3;background:#202d29;border-color:#35554c}.writopin-root .theme-dark .auth-modal-side{background:#19161e;border-color:#39323f}.writopin-root .theme-dark .auth-modal-side dl,.writopin-root .theme-dark .auth-modal-side dl>div{border-color:#39323f}.writopin-root .theme-dark .auth-modal-side dt,.writopin-root .theme-dark .auth-modal-side dd,.writopin-root .theme-dark .auth-recovery-result p{color:#c4bdca}.writopin-root .theme-dark .auth-recovery-result{background:#211d27;border-color:#39323f}@media (width<=620px){.writopin-root .auth-modal-backdrop{align-items:safe center;padding:12px}.writopin-root .auth-modal{grid-template-columns:minmax(0,1fr);width:min(100%,430px);max-height:calc(100dvh - 24px)}.writopin-root .auth-modal-side{display:none}.writopin-root .auth-modal-main{padding:24px 21px 20px}.writopin-root .auth-modal-close{width:33px;height:33px;top:10px;right:10px}.writopin-root .auth-modal-mark{width:37px;height:37px;margin-bottom:12px}.writopin-root .auth-recovery-page{padding-top:58px}}@media (width<=390px){.writopin-root .auth-shell-actions{gap:6px}.writopin-root .auth-shell-actions .auth-header-login{padding:0 10px}.writopin-root .auth-shell-actions .auth-header-signup{padding:0 11px}.writopin-root .auth-recovery-controls{grid-template-columns:minmax(0,1fr)}.writopin-root .auth-recovery-controls .create-button{justify-content:center}}.writopin-root .auth-modal{border-color:#e3e9e6;border-radius:20px;box-shadow:0 28px 80px #0d1a1538,0 2px 8px #0d1a150d}.writopin-root .auth-modal-main{padding:32px 32px 27px;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif}.writopin-root .auth-modal-mark{color:inherit;background:0 0;overflow:hidden}.writopin-root .auth-modal-mark img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.writopin-root .auth-modal-main .auth-modal-kicker{color:#168b65;letter-spacing:.12em;margin-bottom:8px;font-size:10px;font-weight:700}.writopin-root .auth-modal-main h2{color:#17212b;letter-spacing:-.04em;font-size:25px;font-weight:650;line-height:1.18}.writopin-root .auth-modal-description{color:#68747d;margin:7px 0 21px;font-size:13px;line-height:1.6}.writopin-root .auth-modal .auth-form{gap:14px}.writopin-root .auth-modal .auth-field{color:#4f5d64;gap:6px;font-size:12px;font-weight:550}.writopin-root .auth-modal .auth-field>label,.writopin-root .auth-modal .auth-field>span:first-child{color:#4f5d64;font-size:12px;font-weight:600}.writopin-root .auth-modal .auth-field>input,.writopin-root .auth-modal .auth-input-wrap{color:#26343a;background:#fcfdfd;border:1px solid #dfe7e3;border-radius:10px;min-height:46px;transition:border-color .15s,box-shadow .15s,background-color .15s}.writopin-root .auth-modal .auth-field>input{padding:0 13px;font-size:13px}.writopin-root .auth-modal .auth-input-wrap{padding:0 12px}.writopin-root .auth-modal .auth-input-wrap>svg{color:#87948e}.writopin-root .auth-modal .auth-input-wrap input{color:#26343a;min-height:44px;font-family:inherit;font-size:13px}.writopin-root .auth-modal .auth-input-wrap input::placeholder,.writopin-root .auth-modal .auth-field>input::placeholder{color:#9aa49f}.writopin-root .auth-modal .auth-input-wrap:focus-within,.writopin-root .auth-modal .auth-field>input:focus{background:#fff;border-color:#42a989;outline:0;box-shadow:0 0 0 3px #168b651a}.writopin-root .auth-modal .auth-password-wrap>button{color:#75837c}.writopin-root .auth-modal .auth-password-wrap>button:hover{color:#168b65;background:#edf7f2}.writopin-root .auth-modal .auth-remember{color:#68747d;font-size:11px}.writopin-root .auth-modal .auth-remember input{accent-color:#168b65}.writopin-root .auth-modal .auth-form-utility>button,.writopin-root .auth-modal .auth-account-switch button,.writopin-root .auth-modal .auth-legal-footer button,.writopin-root .auth-modal .auth-forgot-link{color:#168b65}.writopin-root .auth-modal .auth-submit{background:#14212b;border-radius:10px;min-height:46px;font-size:13px;font-weight:600;box-shadow:0 7px 18px #14212b1f}.writopin-root .auth-modal .auth-submit:hover:not(:disabled){background:#20323c}.writopin-root .auth-modal .auth-or-divider{color:#87918b;margin:16px 0 13px;font-size:10px}.writopin-root .auth-modal .auth-or-divider:before,.writopin-root .auth-modal .auth-or-divider:after{background:#e8eeeb}.writopin-root .auth-modal .auth-google-button{color:#25343a;background:#fff;border-color:#dfe7e3;border-radius:10px;min-height:46px;font-size:12px;font-weight:600}.writopin-root .auth-modal .auth-google-button:hover{background:#f7fbf9;border-color:#b8d8cd}.writopin-root .auth-modal .auth-account-switch{color:#68747d;margin-top:17px;font-size:12px}.writopin-root .auth-modal .auth-legal-footer{color:#89938e;border-color:#edf0ee;margin-top:16px;padding-top:13px}.writopin-root .auth-modal-close{color:#69766f;border-color:#e0e7e3;border-radius:11px}.writopin-root .auth-modal-close:hover{color:#168b65;background:#f3f8f5}@media (width<=620px){.writopin-root .auth-modal-main{padding:25px 22px 22px}.writopin-root .auth-modal-main h2{font-size:23px}}.writopin-root .overview-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.writopin-root .overview-stat{border:1px solid var(--hairline);min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 14px 14px 16px;transition:border-color .16s,box-shadow .16s;display:flex}.writopin-root .overview-stat:hover,.writopin-root .overview-stat:focus-visible{border-color:#d7c8f5;box-shadow:0 8px 18px #2a1a4312}.writopin-root .overview-stat>svg{color:var(--muted);flex:none}.writopin-root .overview-stat-icon{width:36px;height:36px;color:var(--purple);background:#f0ebf8;border-radius:10px;flex:0 0 36px;place-items:center;display:grid}.writopin-root .overview-stat-attention .overview-stat-icon{color:#b3261e;background:#fdecea}.writopin-root .overview-stat-copy{flex-direction:column;flex:1;min-width:0;display:flex}.writopin-root .overview-stat-copy small{color:var(--muted);font-size:12px}.writopin-root .overview-stat-copy strong{font-size:22px;line-height:1.2}.writopin-root .overview-stat-copy em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-style:normal;overflow:hidden}.writopin-root .boards-empty{background:#fbf9fe;border:1px dashed #d9cff0;border-radius:16px;align-items:center;gap:28px;padding:18px 20px;display:flex}.writopin-root .boards-empty-ghosts{flex:none;gap:10px;display:flex}.writopin-root .boards-empty-ghost{background:#fff;border-radius:12px 14px 14px;flex-direction:column;gap:6px;width:96px;height:78px;padding:26px 10px 0;display:flex;position:relative;box-shadow:0 6px 14px #2a1a430d}.writopin-root .boards-empty-ghost i{background:#fff;border-radius:10px 10px 0 0;width:45%;height:16px;position:absolute;top:-8px;left:0}.writopin-root .boards-empty-ghost b{background:#ece6f6;border-radius:4px;height:8px}.writopin-root .boards-empty-ghost b+b{width:60%}.writopin-root .boards-empty-copy{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.writopin-root .boards-empty-copy strong{color:var(--ink);font-size:14.5px}.writopin-root .boards-empty-copy p{max-width:520px;color:var(--muted);margin:0 0 4px;font-size:12.5px;line-height:1.5}.writopin-root .overview-skeleton .skeleton-block{background:linear-gradient(90deg,#f1eff4 0%,#f8f6fa 50%,#f1eff4 100%) 0 0/200% 100%;border-radius:15px;animation:1.4s ease-in-out infinite overview-skeleton;display:block}.writopin-root .overview-skeleton .skeleton-boards{height:105px}.writopin-root .overview-recent-skeleton .skeleton-recent-preview{cursor:default;height:114px}.writopin-root .overview-recent-skeleton .skeleton-recent-title{border-radius:4px;flex:1;width:62%;max-width:62%;height:13px}.writopin-root .overview-recent-skeleton .skeleton-recent-menu{border-radius:7px;flex:0 0 22px;width:22px;height:22px}.writopin-root .overview-recent-skeleton .skeleton-recent-meta{border-radius:4px;width:68%;height:11px;margin:3px 4px 0}.writopin-root .recent-empty-preview{aspect-ratio:1.82;cursor:default;background:#e8e8e9;place-items:stretch stretch;height:auto;min-height:94px;max-height:150px;padding:9px;display:grid}.writopin-root .pin-preview{aspect-ratio:1.82;background:#e8e8e9;height:auto;min-height:94px;max-height:150px;padding:9px}.writopin-root .pin-preview .pin-art{border-radius:11px}.writopin-root .recent-section .pin-preview .pin-art{height:calc(100% + 20px);margin-bottom:-20px}.writopin-root .recent-section .pin-preview .pin-art-design{background:#fff}.writopin-root .recent-section .pin-preview .design-thumbnail-shimmer{background:#fff;animation:none}.writopin-root .pin-preview-open{inset:50% auto auto 50%;transform:translate(-50%,calc(3px - 50%))}.writopin-root .pin-preview:hover .pin-preview-open,.writopin-root .pin-preview:focus-visible .pin-preview-open{transform:translate(-50%,-50%)}.writopin-root .recent-empty-preview-action{cursor:pointer;text-align:left}.writopin-root .recent-empty-sheet{background:#fff;border:1px solid #f0eff1;border-radius:12px;width:100%;height:100%;transition:transform .15s,box-shadow .15s;display:block;position:relative;overflow:hidden;box-shadow:0 3px 8px #1f18220b}.writopin-root .recent-empty-badge{color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:13px;font-weight:600;display:grid;position:absolute;top:13px;left:13px}.writopin-root .recent-empty-badge-violet{background:#8550dc}.writopin-root .recent-empty-badge-blue{background:#397fe0}.writopin-root .recent-empty-badge-green{background:#258c72}.writopin-root .recent-empty-badge-amber{background:#bb792e}.writopin-root .recent-empty-lines{flex-direction:column;gap:7px;display:flex;position:absolute;top:54px;left:13px;right:13px}.writopin-root .recent-empty-lines i{background:#f1f2f2;border-radius:4px;height:10px;display:block}.writopin-root .recent-empty-lines i+i{width:90%}.writopin-root .recent-empty-action{color:#fff;white-space:nowrap;background:#21142e;border-radius:9px;padding:8px 15px;font-size:11px;font-weight:500;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.writopin-root .recent-empty-preview-action:hover .recent-empty-sheet{transform:translateY(-1px);box-shadow:0 5px 12px #1f18221c}.writopin-root .recent-empty-preview-action:focus-visible{outline-offset:2px;outline:2px solid #7650d5}.writopin-root .recent-empty-more{color:#77757e;letter-spacing:1px;flex:none;padding-right:3px;font-size:19px;line-height:1}.writopin-root .theme-dark .recent-empty-sheet{background:#fdfcfe;border-color:#3a3342}.writopin-root .theme-dark .recent-empty-preview{background:#292430}.writopin-root .theme-dark .recent-empty-more{color:#aaa2b1}@keyframes overview-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.writopin-root .workspace-load-error{color:#7a1f17;background:#fdf1ef;border:1px solid #f3c7c2;border-radius:12px;align-items:center;gap:12px;margin:0 0 18px;padding:12px 14px;display:flex}.writopin-root .workspace-load-error>span{flex-direction:column;flex:1;display:flex}.writopin-root .workspace-load-error small{color:#8a4a44}.writopin-root .theme-dark .overview-stat,.writopin-root .theme-dark .boards-empty{color:#ece7f0;background:#1f1b25;border-color:#3a3342}.writopin-root .theme-dark .overview-stat-icon{background:#2b2433}.writopin-root .theme-dark .boards-empty-ghost,.writopin-root .theme-dark .boards-empty-ghost i{background:#29232f}.writopin-root .theme-dark .boards-empty-ghost b{background:#3a3342}.writopin-root .theme-dark .boards-empty-copy strong{color:#ece7f0}.writopin-root .theme-dark .overview-skeleton .skeleton-block{background:linear-gradient(90deg,#241f2a 0%,#2d2734 50%,#241f2a 100%) 0 0/200% 100%}@media (width<=1120px){.writopin-root .overview-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.writopin-root .boards-empty{flex-direction:column;align-items:flex-start}.writopin-root .boards-empty-ghosts{display:none}}@media (width<=390px){.writopin-root .overview-summary{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.writopin-root .overview-skeleton .skeleton-block{animation:none}}.writopin-root .pin-art-design{background:#f4f1f6;justify-content:center;align-items:center;display:flex}.writopin-root .pin-art-design svg{width:100%;height:100%}.writopin-root .design-art-preview{background:#f4f1f6;height:260px;padding:12px}.writopin-root .design-art-preview svg{border-radius:8px;width:100%;height:100%;transition:transform .3s;box-shadow:0 6px 16px #2a1a4314}.writopin-root .design-art-preview:hover svg{transform:translateY(-2px)}.writopin-root .review-art-design{background:#f4f1f6;padding:0}.writopin-root .review-art-design svg{width:100%;height:100%}.writopin-root .library-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.writopin-root .library-toolbar .library-search{flex:260px;max-width:460px;margin:0}.writopin-root .library-empty{text-align:center;background:linear-gradient(#fbf9fe 0%,#fff 100%);border:1px dashed #ddd3ec;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:min(56vh,460px);padding:40px 20px;display:flex}.writopin-root .library-empty-icon{width:52px;height:52px;color:var(--purple);background:#f0ebf8;border-radius:16px;place-items:center;margin-bottom:4px;display:grid}.writopin-root .library-empty strong{color:var(--ink);font-size:16px}.writopin-root .library-empty small{max-width:420px;color:var(--muted);font-size:13px;line-height:1.5}.writopin-root .library-empty button{margin-top:6px}.writopin-root .design-start-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:4px 22px 22px;display:grid}.writopin-root .design-start-options button{border:1px solid var(--hairline);color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;transition:border-color .16s,box-shadow .16s;display:flex}.writopin-root .design-start-options button:hover,.writopin-root .design-start-options button:focus-visible{border-color:var(--purple);box-shadow:0 8px 18px #2a1a4314}.writopin-root .design-start-options button:disabled{opacity:.6;cursor:progress}.writopin-root .design-start-options svg{color:var(--purple)}.writopin-root .design-start-options small{color:var(--muted);font-size:12px;line-height:1.45}.writopin-root .library-category-chips{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.writopin-root .library-category-chips button{border:1px solid var(--hairline);color:#4e4654;cursor:pointer;background:#fff;border-radius:999px;padding:7px 13px;font-size:12.5px}.writopin-root .library-category-chips button.is-active{border-color:var(--purple);color:var(--purple-deep);background:#f0ebf8;font-weight:600}.writopin-root .library-template-gallery{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.writopin-root .library-template-tile{border:1px solid var(--hairline);background:#fff;border-radius:16px;flex-direction:column;gap:8px;padding:12px;transition:border-color .16s,box-shadow .16s;display:flex}.writopin-root .library-template-tile:hover{box-shadow:0 10px 22px #2a1a4312}.writopin-root .library-template-tile.is-selected{border-color:var(--purple)}.writopin-root .library-template-preview{cursor:pointer;background:#f4f1f6;border:0;border-radius:10px;padding:0;display:block;overflow:hidden}.writopin-root .library-template-preview svg{aspect-ratio:2/3;width:100%;display:block}.writopin-root .library-template-copy{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.writopin-root .library-template-copy>span{flex-direction:column;display:flex}.writopin-root .library-template-copy strong{color:var(--ink);font-size:14px}.writopin-root .library-template-copy small,.writopin-root .library-template-tile p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.writopin-root .library-template-buttons{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;display:flex}.writopin-root .editor-check{align-items:center;gap:6px;font-size:12px;flex-direction:row!important;display:flex!important}.writopin-root .editor-ai-copy{flex-direction:column;gap:8px;margin:4px 0 12px;display:flex}.writopin-root .editor-ai-copy>button{align-self:flex-start}.writopin-root .editor-ai-suggestions{background:#fbf9fe;border:1px solid #e7dff3;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.writopin-root .editor-ai-suggestions small{color:var(--muted);font-size:11.5px}.writopin-root .editor-ai-suggestions button{color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:9px;flex-direction:column;gap:2px;padding:8px 10px;font-size:12.5px;display:flex}.writopin-root .editor-ai-suggestions button:hover,.writopin-root .editor-ai-suggestions button:focus-visible{border-color:var(--purple)}.writopin-root .editor-ai-suggestions strong{color:var(--purple-deep);letter-spacing:.04em;text-transform:uppercase;font-size:10.5px}.writopin-root .theme-dark .library-empty,.writopin-root .theme-dark .library-template-tile,.writopin-root .theme-dark .library-search,.writopin-root .theme-dark .design-start-options button,.writopin-root .theme-dark .library-category-chips button,.writopin-root .theme-dark .editor-ai-suggestions,.writopin-root .theme-dark .editor-ai-suggestions button{color:#ece7f0;background:#1f1b25;border-color:#3a3342}.writopin-root .theme-dark .library-search input,.writopin-root .theme-dark .library-empty strong,.writopin-root .theme-dark .library-template-copy strong{color:#ece7f0}.writopin-root .theme-dark .library-template-preview,.writopin-root .theme-dark .design-art-preview,.writopin-root .theme-dark .pin-art-design{background:#29232f}@media (width<=820px){.writopin-root .design-start-options{grid-template-columns:1fr}.writopin-root .library-template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes writopin-spin{to{transform:rotate(360deg)}}@keyframes nav-fresh-in{0%{background:#e7dcf7}to{background:0 0}}.writopin-root .spin-icon{animation:.8s linear infinite writopin-spin}.writopin-root .nav-subchild.nav-pending{opacity:.75;cursor:progress}.writopin-root .nav-subchild .nav-status{color:var(--muted);margin-left:auto;font-size:11px}.writopin-root .nav-subchild.nav-fresh:not(.nav-selected){animation:1.6s ease-out nav-fresh-in}.writopin-root .nav-new-badge{color:var(--purple-deep);background:#efe7fb;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10.5px;font-style:normal;font-weight:600;animation:.3s ease-out pop-in}.writopin-root .board-action-list .board-action-danger,.writopin-root .text-danger-button{color:#b42318}.writopin-root .text-danger-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-right:auto;padding:8px 4px;font-size:13px;display:inline-flex}.writopin-root .text-danger-button:hover,.writopin-root .text-danger-button:focus-visible{text-decoration:underline}.writopin-root .board-delete-warning{color:#7a271a;background:#fff4f2;border:1px solid #f5c2bd;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.writopin-root .board-delete-warning svg{flex:none;margin-top:1px}.writopin-root .board-delete-warning p{margin:0;font-size:13px;line-height:1.5}.writopin-root .board-delete-facts{color:#4e4654;gap:6px;margin:12px 0;padding-left:18px;font-size:13px;line-height:1.45;display:grid}.writopin-root .board-delete-confirm{gap:6px;font-size:13px;display:grid}.writopin-root .board-delete-confirm input{border:1px solid var(--hairline);font:inherit;border-radius:10px;padding:10px 12px}.writopin-root .board-delete .danger-button:disabled{opacity:.55;cursor:not-allowed}.writopin-root .theme-dark .board-delete-warning{color:#f4c7c0;background:#2b1715;border-color:#6b2b24}.writopin-root .theme-dark .board-delete-facts{color:#cfc7d6}.writopin-root .theme-dark .nav-new-badge{color:#e6dbfa;background:#3a2d52}@media (prefers-reduced-motion:reduce){.writopin-root .spin-icon,.writopin-root .nav-subchild.nav-fresh,.writopin-root .nav-new-badge{animation:none}}.writopin-root .account-page{gap:22px;max-width:1120px;display:grid}.writopin-root .account-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.writopin-root .account-page-header h1{letter-spacing:-.02em;margin:4px 0 6px;font-size:28px}.writopin-root .account-page-header p,.writopin-root .account-section-head p,.writopin-root .account-muted{color:var(--muted);margin:0;font-size:13.5px;line-height:1.5}.writopin-root .account-header-stats{flex-wrap:wrap;gap:8px;display:flex}.writopin-root .account-header-stats span{border:1px solid var(--hairline);color:#4e4654;background:#fff;border-radius:999px;padding:7px 12px;font-size:12.5px}.writopin-root .account-header-stats strong{color:var(--ink)}.writopin-root .account-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;display:grid}.writopin-root .account-card{border:1px solid var(--hairline);background:#fff;border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 1px 2px #1a102a0a}.writopin-root .account-card h2,.writopin-root .account-card h3{color:var(--ink);margin:0}.writopin-root .account-card h2{font-size:15px}.writopin-root .account-card h3{font-size:15.5px}.writopin-root .account-card-title{color:var(--purple);align-items:center;gap:8px;display:flex}.writopin-root .account-identity{align-items:center;gap:14px;display:flex}.writopin-root .account-identity>div{gap:2px;min-width:0;display:grid}.writopin-root .account-identity strong{color:var(--ink);font-size:16px}.writopin-root .account-identity>div>span,.writopin-root .account-identity>div>small{color:var(--muted);text-overflow:ellipsis;font-size:13px;overflow:hidden}.writopin-root .account-avatar{width:40px;height:40px;color:var(--purple-deep);background:#f0ebf8;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.writopin-root .account-avatar img{object-fit:cover;width:100%;height:100%}.writopin-root .account-avatar-large{width:56px;height:56px;font-size:20px}.writopin-root .account-avatar-user{color:#fff;background:linear-gradient(135deg,#8244ee,#c06bd8)}.writopin-root .account-checklist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.writopin-root .account-checklist li{border-radius:10px;align-items:flex-start;gap:8px;padding:9px 12px;font-size:13px;line-height:1.4;display:flex}.writopin-root .account-checklist li svg{flex:none;margin-top:1px}.writopin-root .account-checklist .is-ok{color:#1b6b3a;background:#effaf3}.writopin-root .account-checklist .is-warn{color:#8a5a00;background:#fff7e8}.writopin-root .account-card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.writopin-root .account-card-actions .text-danger-button{margin-left:auto;margin-right:0}.writopin-root .account-card-actions button:disabled{opacity:.5;cursor:not-allowed}.writopin-root .account-facts,.writopin-root .account-stats,.writopin-root .account-mini-stats{gap:10px;margin:0;display:grid}.writopin-root .account-facts div{border-bottom:1px solid var(--hairline);justify-content:space-between;gap:12px;padding-bottom:8px;font-size:13px;display:flex}.writopin-root .account-facts dt,.writopin-root .account-stats dt,.writopin-root .account-mini-stats dt{color:var(--muted)}.writopin-root .account-facts dd,.writopin-root .account-stats dd,.writopin-root .account-mini-stats dd{color:var(--ink);margin:0;font-weight:600}.writopin-root .account-section{gap:12px;display:grid}.writopin-root .account-section-head h2{margin:0 0 4px;font-size:17px}.writopin-root .account-active{background:linear-gradient(#fbf9fe 0%,#fff 60%)}.writopin-root .account-active.needs-attention{border-color:#f2c98a}.writopin-root .account-active-main{align-items:center;gap:14px;display:flex}.writopin-root .account-active-copy{flex:1;gap:3px;min-width:0;display:grid}.writopin-root .account-active-copy p{color:#4e4654;margin:0;font-size:13px}.writopin-root .account-active-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex;overflow:hidden}.writopin-root .account-active-name{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.writopin-root .account-external{align-self:flex-start;align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.writopin-root .account-stats{background:#f7f4fb;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}.writopin-root .account-stats div,.writopin-root .account-mini-stats div{gap:2px;font-size:12px;display:grid}.writopin-root .account-stats dd{font-size:18px}.writopin-root .account-active-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.writopin-root .account-active-footer small{color:var(--muted);font-size:12px}.writopin-root .account-scopes{flex-wrap:wrap;gap:6px;display:flex}.writopin-root .account-scopes span{color:#5b4a75;background:#fff;border:1px solid #e3d8f4;border-radius:999px;padding:3px 9px;font-size:11.5px}.writopin-root .account-state{border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600}.writopin-root .account-state-active,.writopin-root .account-state-connected{color:#1b6b3a;background:#e8f7ee}.writopin-root .account-state-needs_reconnect{color:#8a5a00;background:#fff1d6}.writopin-root .account-state-disconnected{color:#5f5a66;background:#f1f0f3}.writopin-root .account-alert{color:#8a5a00;background:#fff7e8;border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.writopin-root .account-alert svg{flex:none;margin-top:1px}.writopin-root .account-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.writopin-root .account-connection-head{align-items:center;gap:10px;display:flex}.writopin-root .account-connection-head>div{flex:1;min-width:0}.writopin-root .account-connection-head p{color:var(--muted);margin:2px 0 0;font-size:12.5px}.writopin-root .account-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.writopin-root .account-add,.writopin-root .account-empty{text-align:center;background:#fcfbfe;border-style:dashed;justify-content:center;align-items:center}.writopin-root .account-add p,.writopin-root .account-empty p{max-width:380px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.writopin-root .account-empty{padding:36px 20px}.writopin-root .account-empty-icon{width:46px;height:46px;color:var(--purple);background:#f0ebf8;border-radius:14px;place-items:center;display:grid}.writopin-root .account-explainers{background:#f7f4fb;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}.writopin-root .account-explainers article{color:var(--purple);align-content:start;gap:6px;display:grid}.writopin-root .account-explainers h3{color:var(--ink);margin:0;font-size:14px}.writopin-root .account-explainers p{color:#4e4654;margin:0;font-size:12.5px;line-height:1.5}.writopin-root .theme-dark .account-card,.writopin-root .theme-dark .account-header-stats span,.writopin-root .theme-dark .account-scopes span{color:#ece7f0;background:#1f1b25;border-color:#3a3342}.writopin-root .theme-dark .account-card h2,.writopin-root .theme-dark .account-card h3,.writopin-root .theme-dark .account-identity strong,.writopin-root .theme-dark .account-explainers h3,.writopin-root .theme-dark .account-header-stats strong,.writopin-root .theme-dark .account-facts dd,.writopin-root .theme-dark .account-stats dd,.writopin-root .theme-dark .account-mini-stats dd{color:#ece7f0}.writopin-root .theme-dark .account-stats,.writopin-root .theme-dark .account-explainers{background:#29232f}.writopin-root .theme-dark .account-active-copy p,.writopin-root .theme-dark .account-explainers p{color:#cfc7d6}.writopin-root .theme-dark .account-checklist .is-ok{color:#9ee0b5;background:#15291d}.writopin-root .theme-dark .account-checklist .is-warn,.writopin-root .theme-dark .account-alert{color:#f2cf8a;background:#2d2412}@media (width<=900px){.writopin-root .account-layout{grid-template-columns:1fr}.writopin-root .account-explainers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.writopin-root .account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.writopin-root .account-explainers{grid-template-columns:1fr}.writopin-root .account-active-main{flex-wrap:wrap}.writopin-root .account-card-actions .text-danger-button{margin-left:0}.writopin-root .account-external{order:3;width:100%;padding-left:70px}}@keyframes design-thumbnail-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.writopin-root .design-thumbnail{aspect-ratio:2/3;width:100%;height:100%;max-height:100%;margin:0 auto;display:block;position:relative}.writopin-root .design-thumbnail img{object-fit:contain;width:100%;height:100%;animation:.25s ease-out fade-in;display:block}.writopin-root .design-thumbnail .design-thumbnail-render{z-index:1;opacity:0;object-fit:contain;transition:opacity .2s ease-out;animation:none;position:absolute;inset:0}.writopin-root .design-thumbnail .design-thumbnail-render.is-loaded{opacity:1}.writopin-root .design-thumbnail-shimmer{z-index:0;width:100%;height:100%;color:var(--muted);background:linear-gradient(90deg,#efeaf4 0%,#f8f5fb 50%,#efeaf4 100%) 0 0/200% 100%;place-items:center;font-size:12px;animation:1.4s linear infinite design-thumbnail-shimmer;display:grid;position:absolute;inset:0}.writopin-root .design-thumbnail-shimmer.is-failed{background:#f4eff3;animation:none}.writopin-root .pin-art-design .design-thumbnail,.writopin-root .review-art-design .design-thumbnail,.writopin-root .design-art-preview .design-thumbnail{width:auto;height:100%}.writopin-root .design-art-preview .design-thumbnail img{border-radius:8px;box-shadow:0 6px 16px #2a1a4314}.writopin-root .template-gallery{gap:16px;display:grid}.writopin-root .template-gallery-toolbar{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;display:grid}.writopin-root .template-gallery-toolbar .template-search{width:100%;min-width:0;max-width:none;margin:0}.writopin-root .template-gallery-toolbar .template-photo-toggle{margin-left:0}.writopin-root .template-sort{min-width:0}.writopin-root .template-gallery-toolbar .secondary-button.is-active{border-color:var(--purple);color:var(--purple-deep)}.writopin-root .template-sort select{border:1px solid var(--hairline);min-height:36px;font:inherit;background:#fff;border-radius:10px;padding:0 10px;font-size:13px}.writopin-root .template-photo-toggle{color:#4e4654;margin-left:0}.writopin-root .template-filters{border:1px solid var(--hairline);background:#fcfbfe;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:12px;padding:14px;display:grid}.writopin-root .template-filters label{color:#4e4654;gap:6px;font-size:12px;font-weight:600;display:grid}.writopin-root .template-filters select{border:1px solid var(--hairline);min-height:36px;font:inherit;background:#fff;border-radius:10px;padding:0 10px;font-weight:400}.writopin-root .template-collections{margin:0}.writopin-root .template-filter-group{min-width:0}.writopin-root .template-filter-group h2{color:#716a77;letter-spacing:.04em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:650}.writopin-root .template-filter-group .library-category-chips{min-width:0;margin:0}.writopin-root .template-collections{overscroll-behavior-inline:contain;scrollbar-width:thin;flex-wrap:nowrap;gap:7px;padding:1px 1px 5px;overflow-x:auto}.writopin-root .template-collections button{white-space:nowrap;flex:none;align-items:center;gap:5px;min-height:32px;padding:6px 11px;display:inline-flex}@media (width<=760px){.writopin-root .template-gallery-toolbar{grid-template-columns:minmax(0,1fr) auto}.writopin-root .template-gallery-toolbar .template-search{grid-column:1/-1}.writopin-root .template-gallery-toolbar .template-photo-toggle{grid-column:2;justify-self:end}}@media (width<=480px){.writopin-root .template-gallery-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.writopin-root .template-gallery-toolbar .secondary-button,.writopin-root .template-gallery-toolbar .template-sort select{width:100%}.writopin-root .template-gallery-toolbar .template-photo-toggle{grid-column:1/-1;justify-self:start}.writopin-root .template-filters{grid-template-columns:minmax(0,1fr);padding:12px}.writopin-root .template-filters .text-button{justify-self:start}}.writopin-root .template-featured{background:linear-gradient(135deg,#f6f0fd 0%,#fdf7f1 100%);border-radius:20px;gap:12px;padding:18px;display:grid}.writopin-root .template-featured header h2{color:var(--ink);align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.writopin-root .template-featured header h2 svg{color:var(--purple)}.writopin-root .template-featured header p{color:var(--muted);margin:4px 0 0;font-size:13px}.writopin-root .template-featured-row{scroll-snap-type:x mandatory;grid-auto-columns:minmax(220px,250px);grid-auto-flow:column;gap:16px;padding:4px 2px 10px;display:grid;overflow-x:auto}.writopin-root .template-featured-row .template-card{scroll-snap-align:start}.writopin-root .template-section-title{color:var(--ink);margin:4px 0 0;font-size:15px}.writopin-root .template-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}.writopin-root .template-card{border:1px solid var(--hairline);background:#fff;border-radius:18px;flex-direction:column;gap:10px;min-width:0;padding:10px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.writopin-root .template-card:hover,.writopin-root .template-card:focus-within{transform:translateY(-2px);box-shadow:0 14px 30px #2a1a431a}.writopin-root .template-card.is-selected{border-color:var(--purple)}.writopin-root .template-card-media{position:relative}.writopin-root .template-card-preview{cursor:zoom-in;background:#f4f1f6;border:0;border-radius:12px;width:100%;padding:0;display:block;overflow:hidden}.writopin-root .template-card-preview:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.writopin-root .template-favorite{color:#4e4654;cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #1a102a26}.writopin-root .template-favorite.is-active{color:#e0245e}.writopin-root .template-favorite.is-active svg{fill:currentColor}.writopin-root .template-card-badges{gap:6px;display:flex;position:absolute;bottom:8px;left:8px}.writopin-root .template-card-badges em{color:#3a3342;background:#ffffffeb;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:600;display:inline-flex}.writopin-root .template-card-badges em.is-new{background:var(--purple);color:#fff}.writopin-root .template-card-copy{gap:2px;padding:0 2px;display:grid}.writopin-root .template-card-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.writopin-root .template-card-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.writopin-root .template-card-actions{grid-template-columns:1fr auto;gap:6px;margin-top:auto;display:grid}.writopin-root .template-card.is-loading{pointer-events:none}.writopin-root .template-skeleton-line{background:#efeaf4;border-radius:6px;height:12px;display:block}.writopin-root .template-skeleton-line.short{width:60%}.writopin-root .library-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.writopin-root .template-detail{background:#fff;border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;width:min(980px,100vw - 32px);max-height:calc(100vh - 48px);padding:28px;animation:.2s ease-out modal-in;display:grid;position:relative;overflow:auto;box-shadow:0 30px 80px #1a102a40}.writopin-root .template-detail:focus{outline:none}.writopin-root .template-detail-close{position:absolute;top:14px;right:14px}.writopin-root .template-detail-preview{background:#f4f1f6;border-radius:16px;justify-content:center;align-items:center;min-width:0;padding:16px;display:flex}.writopin-root .template-detail-preview .design-thumbnail{width:min(100%,440px);height:auto}.writopin-root .template-detail-preview .design-thumbnail img{height:auto}.writopin-root .template-detail-preview img{border-radius:10px;box-shadow:0 16px 36px #2a1a4329}.writopin-root .template-detail-info{flex-direction:column;gap:12px;min-width:0;display:flex}.writopin-root .template-detail-info h2{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:26px}.writopin-root .template-detail-info>p{color:#4e4654;margin:0;font-size:14px;line-height:1.55}.writopin-root .template-detail-facts{gap:8px;margin:4px 0;display:grid}.writopin-root .template-detail-facts div{border-bottom:1px solid var(--hairline);grid-template-columns:120px 1fr;gap:10px;padding-bottom:8px;font-size:13px;display:grid}.writopin-root .template-detail-facts div.template-detail-id-row{grid-template-columns:120px minmax(0,1fr)}.writopin-root .template-detail-facts dt{color:var(--muted)}.writopin-root .template-detail-facts dd{color:var(--ink);margin:0}.writopin-root .template-detail-id-row dd{min-width:0}.writopin-root .template-detail-id-row code{color:#5f4481;overflow-wrap:anywhere;vertical-align:middle;white-space:normal;background:#f2eff8;border-radius:5px;max-width:100%;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;display:inline-block}.writopin-root .template-detail-tags{flex-wrap:wrap;gap:6px;display:flex}.writopin-root .template-detail-tags span{color:var(--purple-deep);background:#f0ebf8;border-radius:999px;padding:3px 9px;font-size:11.5px}.writopin-root .template-detail-note{color:#4e4654;background:#f7f4fb;border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.writopin-root .template-detail-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.writopin-root .template-detail-actions .secondary-button.is-active{color:#e0245e}.writopin-root .editor-hint{color:var(--muted);margin:0 0 8px;font-size:12px;line-height:1.45}.writopin-root .font-picker{position:relative}.writopin-root .font-picker-trigger{border:1px solid var(--hairline);width:100%;min-height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px;font-size:15px;display:flex}.writopin-root .font-picker-panel{z-index:30;border:1px solid var(--hairline);background:#fff;border-radius:12px;gap:8px;min-width:260px;padding:10px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 18px 40px #1a102a2e}.writopin-root .font-picker-search{border:1px solid var(--hairline);border-radius:8px;align-items:center;gap:6px;padding:0 8px;display:flex}.writopin-root .font-picker-search input{width:100%;min-height:32px;font:inherit;border:0;outline:none;font-size:13px}.writopin-root .font-picker-categories{gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.writopin-root .font-picker-categories button{border:1px solid var(--hairline);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:4px 8px;font-size:11px}.writopin-root .font-picker-categories button.is-active{border-color:var(--purple);color:var(--purple-deep);background:#f0ebf8}.writopin-root .font-picker-list{max-height:280px;display:grid;overflow-y:auto}.writopin-root .font-picker-list button{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 8px;font-size:18px;display:flex}.writopin-root .font-picker-list button:hover,.writopin-root .font-picker-list button:focus-visible,.writopin-root .font-picker-list button.is-selected{background:#f4f0fa}.writopin-root .font-picker-group{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:4px 8px 2px;font-size:11px}.writopin-root .font-picker-empty{color:var(--muted);margin:8px;font-size:12px}.writopin-root .editor-text-style{gap:10px;display:grid}.writopin-root .editor-style-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.writopin-root .text-preset{border:1px solid var(--hairline);cursor:pointer;background:#fff;border-radius:10px;justify-items:center;gap:2px;padding:6px 2px;display:grid}.writopin-root .text-preset span{color:#8a4b2a;font-family:Luckiest Guy,Inter,sans-serif;font-size:22px;line-height:1}.writopin-root .text-preset small{color:var(--muted);font-size:10px}.writopin-root .text-preset-sticker span{color:#8a4b2a;text-shadow:2px 2px #fff,-2px -2px #fff,2px -2px #fff,-2px 2px #fff,4px 5px #4a2414}.writopin-root .text-preset-bold-outline span{color:#ff8a1f;-webkit-text-stroke:1.5px #2a1406;text-shadow:0 3px #2a1406}.writopin-root .text-preset-soft-shadow span{text-shadow:0 3px 6px #1d142466}.writopin-root .text-preset-glow span{color:#fff;text-shadow:0 0 8px #fff;background:#2d2440;border-radius:4px;padding:2px 4px}.writopin-root .editor-toggle-row,.writopin-root .editor-segmented{gap:4px;display:inline-flex}.writopin-root .editor-toggle-row button,.writopin-root .editor-segmented button{border:1px solid var(--hairline);cursor:pointer;background:#fff;border-radius:8px;min-width:36px;min-height:34px;padding:0 10px;font-size:12.5px;font-weight:600}.writopin-root .editor-toggle-row button.is-active,.writopin-root .editor-segmented button.is-active{border-color:var(--purple);color:var(--purple-deep);background:#f0ebf8}.writopin-root .editor-shadow-fields{border:1px solid var(--hairline);border-radius:10px;margin:4px 0;padding:8px 10px}.writopin-root .editor-shadow-fields legend{padding:0 4px}.writopin-root .editor-photo-slot{background:#fbf9fe;border:1px solid #e3d8f4;border-radius:12px;gap:10px;margin:6px 0 10px;padding:12px;display:grid}.writopin-root .editor-photo-slot header{justify-content:space-between;align-items:center;gap:8px;display:flex}.writopin-root .editor-photo-slot header span{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.writopin-root .editor-photo-slot .is-filled{color:#1b6b3a;background:#e8f7ee}.writopin-root .editor-photo-slot .is-empty{color:#8a5a00;background:#fff1d6}.writopin-root .editor-photo-actions{flex-wrap:wrap;gap:6px;display:flex}.writopin-root .editor-photo-issue-focus.has-publish-issue{animation:1s ease-in-out editor-publish-focus}.writopin-root .editor-photo-issue-focus.has-publish-issue>.editor-photo-slot{border-color:#d92d20;box-shadow:0 0 0 3px #d92d201c}.writopin-root .editor-publish-issue-bubble{color:#922b24;background:#fff7f5;border:1px solid #efb5b0;border-radius:9px;align-items:flex-start;gap:8px;margin:4px 0 9px;padding:9px 10px;font-size:12px;line-height:1.45;animation:.9s ease-out editor-publish-bubble;display:flex}.writopin-root .editor-publish-issue-bubble>svg{color:#c5352b;flex:none;margin-top:1px}.writopin-root .editor-publish-issue-bubble small{color:#7c342f;margin-top:4px;font-size:11px;display:block}@keyframes editor-publish-focus{0%,to{transform:translate(0)}20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}@keyframes editor-publish-bubble{0%{opacity:0;transform:translateY(-5px)scale(.98)}35%{opacity:1;transform:translateY(1px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.writopin-root .editor-photo-issue-focus.has-publish-issue,.writopin-root .editor-publish-issue-bubble{animation:none}}.writopin-root .editor-shape-picker{z-index:20;border:1px solid var(--hairline);background:#fff;border-radius:14px;width:min(340px,100% - 24px);max-height:calc(100% - 24px);padding:12px;position:absolute;top:12px;left:12px;overflow-y:auto;box-shadow:0 18px 40px #1a102a2e}.writopin-root .editor-shape-picker header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.writopin-root .editor-shape-library{gap:12px;display:grid}.writopin-root .editor-shape-library strong{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.writopin-root .editor-shape-library section>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:6px;display:grid}.writopin-root .editor-shape-library button{aspect-ratio:1;border:1px solid var(--hairline);color:#5b3fa8;cursor:pointer;background:#fff;border-radius:10px;place-items:center;padding:8px;display:grid}.writopin-root .editor-shape-library button:hover,.writopin-root .editor-shape-library button:focus-visible{border-color:var(--purple);background:#f7f3fd}.writopin-root .editor-shape-library svg{width:100%;height:100%}.writopin-root .editor-design-colors{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.writopin-root .editor-design-colors label{cursor:pointer;position:relative}.writopin-root .editor-design-colors span{width:30px;height:30px;box-shadow:0 0 0 1px var(--hairline);border:2px solid #fff;border-radius:50%;display:block}.writopin-root .editor-design-colors input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.writopin-root .editor-pairings-panel{margin-bottom:12px}.writopin-root .editor-pairings-panel summary{color:var(--ink);cursor:pointer;font-size:13px;font-weight:700}.writopin-root .editor-pairings{gap:6px;margin-top:8px;display:grid}.writopin-root .editor-pairings button{border:1px solid var(--hairline);text-align:left;cursor:pointer;background:#fff;border-radius:10px;gap:2px;padding:8px 10px;display:grid}.writopin-root .editor-pairings button span{color:var(--ink);font-size:18px}.writopin-root .editor-pairings button small{color:var(--muted);font-size:11.5px}.writopin-root .editor-arrange{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin:8px 0 4px;display:grid}.writopin-root .editor-arrange button{border:1px solid var(--hairline);cursor:pointer;background:#fff;border-radius:8px;place-items:center;min-height:32px;display:grid}.writopin-root .editor-arrange button:disabled{opacity:.4;cursor:not-allowed}.writopin-root .theme-dark .template-card,.writopin-root .theme-dark .template-detail,.writopin-root .theme-dark .template-filters,.writopin-root .theme-dark .font-picker-panel,.writopin-root .theme-dark .font-picker-trigger,.writopin-root .theme-dark .editor-shape-picker,.writopin-root .theme-dark .editor-photo-slot,.writopin-root .theme-dark .editor-pairings button,.writopin-root .theme-dark .text-preset,.writopin-root .theme-dark .editor-shape-library button{color:#ece7f0;background:#1f1b25;border-color:#3a3342}.writopin-root .theme-dark .template-featured,.writopin-root .theme-dark .template-detail-preview,.writopin-root .theme-dark .template-card-preview,.writopin-root .theme-dark .template-detail-note{background:#29232f}.writopin-root .theme-dark .template-card-copy strong,.writopin-root .theme-dark .template-detail-info h2,.writopin-root .theme-dark .template-detail-facts dd,.writopin-root .theme-dark .template-featured header h2,.writopin-root .theme-dark .template-section-title,.writopin-root .theme-dark .template-filter-group h2,.writopin-root .theme-dark .editor-pairings button span{color:#ece7f0}.writopin-root .theme-dark .template-detail-id-row code{color:#dac5f4;background:#33283f}.writopin-root .theme-dark .design-thumbnail-shimmer{background:linear-gradient(90deg,#29232f 0%,#352d3d 50%,#29232f 100%) 0 0/200% 100%}@media (width<=900px){.writopin-root .template-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.writopin-root .template-detail{grid-template-columns:1fr;padding:20px}.writopin-root .template-detail-preview .design-thumbnail{width:min(100%,300px)}}@media (width<=480px){.writopin-root .template-filters{grid-template-columns:minmax(0,1fr)}.writopin-root .template-filters .text-button{justify-self:start}}@media (width<=560px){.writopin-root .template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.writopin-root .template-card{border-radius:14px;padding:6px}.writopin-root .template-card-actions{grid-template-columns:1fr}.writopin-root .template-photo-toggle{margin-left:0}.writopin-root .editor-style-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.writopin-root .design-thumbnail-shimmer,.writopin-root .template-card,.writopin-root .design-thumbnail img{transition:none;animation:none}}.writopin-root .editor-canvas-wrap{position:relative}.writopin-root .editor-inspector,.writopin-root .editor-panel-content{min-width:0}.writopin-root .editor-photo-slot .editor-inline-fields{grid-template-columns:1fr}.writopin-root .editor-photo-slot input[type=range],.writopin-root .editor-shadow-fields input[type=range]{width:100%;min-width:0}.writopin-root .editor-photo-actions button,.writopin-root .editor-swap-row button,.writopin-root .editor-segmented button{flex:auto;min-width:0}.writopin-root .editor-segmented{display:flex}.writopin-root .editor-swap-row{flex-wrap:wrap}.writopin-root .editor-shadow-fields .editor-inline-fields{grid-template-columns:1fr 1fr}.writopin-root .editor-page{box-sizing:border-box;padding-bottom:46px}.writopin-root .font-picker-panel{z-index:95;border:1px solid var(--hairline);background:#fff;border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex;position:fixed;overflow:hidden;box-shadow:0 18px 40px #1a102a2e}.writopin-root .font-picker-panel .font-picker-list{overscroll-behavior:contain;flex:1;min-height:0;max-height:none;overflow-y:auto}.writopin-root .font-picker-panel.is-sheet{max-height:min(78vh,640px);padding:12px 14px calc(14px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;animation:.18s ease-out font-sheet-in;bottom:0;left:0;right:0}@keyframes font-sheet-in{0%{opacity:0;transform:translateY(24px)}}.writopin-root .font-picker-scrim{z-index:94;background:#150c2366;position:fixed;inset:0}.writopin-root .font-picker-sheet-header{justify-content:space-between;align-items:center;display:flex}.writopin-root .font-option{border-radius:8px;align-items:center;gap:4px;display:flex}.writopin-root .font-option>button:first-child{min-width:0;min-height:40px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;justify-content:space-between;align-items:center;padding:6px 8px;font-size:18px;display:flex}.writopin-root .font-option>button:first-child span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.writopin-root .font-option>button:first-child:hover,.writopin-root .font-option>button:first-child:focus-visible,.writopin-root .font-option.is-selected>button:first-child{background:#f4f0fa;outline:none}.writopin-root .font-favorite{color:#c9c2d3;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;width:32px;height:32px;font-size:16px}.writopin-root .font-favorite.is-active{color:#f2a900}.writopin-root .font-picker-categories{flex:none}.writopin-root .editor-layer-entry{border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:4px;display:grid}.writopin-root .editor-layer-entry.is-selected{background:#f4f0fa}.writopin-root .editor-layer-entry.is-dragging{opacity:.45}.writopin-root .editor-layer-entry>button:nth-child(2){min-width:0}.writopin-root .editor-layer-toggle{color:#6f6878;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.writopin-root .editor-layer-toggle[aria-pressed=true]{color:var(--purple)}.writopin-root .editor-layer-toggle:hover,.writopin-root .editor-layer-toggle:focus-visible{background:#ece6f6}.writopin-root .editor-multi-select{background:#f7f3fd;border:1px solid #d9cdee;border-radius:12px;gap:8px;margin-bottom:12px;padding:12px;display:grid}.writopin-root .editor-multi-select header{justify-content:space-between;align-items:center;display:flex}.writopin-root .editor-validation li{gap:4px;display:grid}.writopin-root .editor-validation-fixes{flex-wrap:wrap;gap:10px;display:flex}.writopin-root .editor-validation-fixes .text-button{padding:0;font-size:12px}.writopin-root .theme-dark .font-picker-panel,.writopin-root .theme-dark .editor-multi-select{color:#ece7f0;background:#1f1b25;border-color:#3a3342}.writopin-root .theme-dark .font-option>button:first-child{color:#ece7f0}.writopin-root .theme-dark .font-option.is-selected>button:first-child,.writopin-root .theme-dark .editor-layer-entry.is-selected{background:#2c2537}@media (prefers-reduced-motion:reduce){.writopin-root .font-picker-panel.is-sheet{animation:none}}.writopin-root .editor-safe-area{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.writopin-root .editor-safe-toggle.is-active{border-color:var(--purple);color:var(--purple-deep)}.writopin-root .editor-brand-actions{gap:4px;margin-bottom:8px;display:grid}.writopin-root .editor-brand-actions .editor-actions-row{flex-wrap:wrap}.writopin-root .editor-template-drawer{z-index:80;border-left:1px solid var(--hairline);background:#fff;flex-direction:column;gap:12px;width:min(760px,100vw);padding:16px 18px 28px;animation:.2s ease-out template-drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-24px 0 60px #1a102a2e}@keyframes template-drawer-in{0%{opacity:0;transform:translate(30px)}}.writopin-root .editor-template-drawer>header{z-index:2;border-bottom:1px solid var(--hairline);background:#fff;justify-content:space-between;align-items:center;margin:-16px -18px 0;padding:14px 18px;display:flex;position:sticky;top:-16px}.writopin-root .editor-template-drawer>header div{display:grid}.writopin-root .editor-template-drawer>header small{color:var(--muted);font-size:12px}.writopin-root .editor-template-drawer .template-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.writopin-root .template-switch-dialog{max-width:520px}.writopin-root .template-switch-options{border:0;gap:8px;margin:0 0 12px;padding:0;display:grid}.writopin-root .template-switch-options label{border:1px solid var(--hairline);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.writopin-root .template-switch-options label:has(input:checked){border-color:var(--purple);background:#f7f3fd}.writopin-root .template-switch-options span{gap:2px;display:grid}.writopin-root .template-switch-options small{color:var(--muted)}.writopin-root .template-switch-summary{color:#4e4654;gap:6px;margin:0 0 14px;padding-left:18px;font-size:13px;display:grid}.writopin-root .editor-gradient-library{gap:8px;margin:6px 0 8px;display:grid}.writopin-root .editor-gradient-group{gap:4px;display:grid}.writopin-root .editor-gradient-group small{color:var(--muted);font-size:11px}.writopin-root .editor-gradient-group>div{flex-wrap:wrap;gap:6px;display:flex}.writopin-root .editor-gradient-group button{border:1px solid var(--hairline);cursor:pointer;background:#fff;border-radius:9px;width:34px;height:34px;padding:2px}.writopin-root .editor-gradient-group button.is-overlay{background:repeating-conic-gradient(#e9e5ee 0% 25%,#fff 0% 50%) 50%/10px 10px}.writopin-root .editor-gradient-group button span{border-radius:6px;width:100%;height:100%;display:block}.writopin-root .editor-gradient-group button:hover,.writopin-root .editor-gradient-group button:focus-visible{border-color:var(--purple)}.writopin-root .theme-dark .editor-template-drawer,.writopin-root .theme-dark .editor-template-drawer>header{background:#1f1b25;border-color:#3a3342}@media (width<=768px){.writopin-root .editor-template-drawer{width:100vw;padding:12px 12px 24px}.writopin-root .editor-template-drawer>header{margin:-12px -12px 0}}@media (prefers-reduced-motion:reduce){.writopin-root .editor-template-drawer{animation:none}}.writopin-root .font-picker-panel{inset:auto}.writopin-root .font-picker-panel.is-sheet{width:auto;inset:auto 0 0}.writopin-root .editor-template-drawer{z-index:65}@media (width<=560px){.writopin-root .editor-tools button,.writopin-root .editor-tools label{min-width:40px;min-height:40px}.writopin-root .editor-tools button span,.writopin-root .editor-tools label span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.writopin-root .pin-builder .create-mode-tabs button svg{flex:none}.writopin-root .builder-kind{color:#5b3d8a;background:#f1ecf9;border-radius:999px;align-items:center;width:fit-content;margin:-4px 0 12px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.writopin-root .builder-kind-manual{color:#1d6b4c;background:#ecf6f1}.writopin-root .builder-kind-external{color:#6c6773;background:#f3f2f5}.writopin-root .field-hint{color:#8a8592;margin-top:4px;font-size:11px;font-weight:400;display:block}.writopin-root .builder-actions{flex-wrap:wrap}.writopin-root .article-builder-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.writopin-root .article-builder-actions>button{white-space:nowrap;gap:4px;width:100%;min-width:0;padding:0 6px;font-size:11px}.writopin-root .article-builder-actions>button svg{flex:none}.writopin-root .builder-source h3{color:#312b37;margin:10px 0 6px;font-size:15px;line-height:1.35}.writopin-root .builder-source ul{color:#5f5866;margin:0 0 8px;padding-left:16px;font-size:12px;line-height:1.6}.writopin-root .builder-source p{color:#77717c;margin:0 0 8px;font-size:12px;line-height:1.6}.writopin-root .builder-source a{color:#6e36d7;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:100%;font-size:12px;display:inline-flex;overflow:hidden}.writopin-root .builder-source-image,.writopin-root .builder-source-note{color:#8a6d1d;align-items:center;gap:5px;font-size:11px;display:inline-flex}.writopin-root .builder-recent{gap:4px;margin-top:12px;display:grid}.writopin-root .builder-recent strong{color:#4b4452;font-size:12px}.writopin-root .builder-templates,.writopin-root .builder-results{background:#fff;border:1px solid #eeeaf2;border-radius:14px;margin-top:16px;padding:18px}.writopin-root .builder-templates-head,.writopin-root .builder-results-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.writopin-root .builder-templates-head h2,.writopin-root .builder-results-head h2{color:#241c2c;margin:0 0 4px;font-size:16px}.writopin-root .builder-templates-head p,.writopin-root .builder-results-head p{color:#77717c;max-width:620px;margin:0;font-size:12.5px;line-height:1.55}.writopin-root .builder-segmented{background:#f5f3f7;border:1px solid #eeeaf2;border-radius:10px;gap:3px;padding:3px;display:inline-flex}.writopin-root .builder-segmented button{color:#6f6977;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;min-height:32px;padding:0 12px;font-size:12px;display:inline-flex}.writopin-root .builder-segmented button.active{color:#4c326b;background:#fff;font-weight:600;box-shadow:0 1px 5px #20122812}.writopin-root .builder-muted{color:#7c7683;align-items:center;gap:6px;margin:0 0 10px;font-size:12.5px;display:flex}.writopin-root .builder-template-filters{gap:10px;margin-bottom:14px;display:grid}.writopin-root .builder-template-search{color:#8a8592;background:#fbfafc;border:1px solid #e6e2ea;border-radius:9px;align-items:center;gap:8px;max-width:340px;padding:0 10px;display:flex}.writopin-root .builder-template-search input{min-height:36px;color:inherit;background:0 0;border:0;outline:none;flex:1;font-size:13px}.writopin-root .builder-template-category{color:#4f4855;gap:6px;max-width:340px;font-size:12px;font-weight:600;display:grid}.writopin-root .builder-template-category select{color:#29242f;width:100%;min-height:38px;font:inherit;background:#fbfafc;border:1px solid #e6e2ea;border-radius:9px;padding:0 10px;font-weight:400}.writopin-root .builder-template-results-scroll{overscroll-behavior:contain;scrollbar-width:thin;max-height:420px;padding:2px 5px 5px 2px;overflow:auto}.writopin-root .builder-template-results-scroll .builder-template-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.writopin-root .builder-template-more{justify-self:start}.writopin-root .builder-template-prompt{margin:0}.writopin-root .builder-chips{scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.writopin-root .builder-chips button{color:#605a68;cursor:pointer;background:#fff;border:1px solid #e8e4ec;border-radius:999px;flex:none;min-height:30px;padding:0 11px;font-size:12px}.writopin-root .builder-chips button.active{color:#4c2a8f;background:#f3edfd;border-color:#6e36d7}.writopin-root .builder-template-grid,.writopin-root .builder-result-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.writopin-root .builder-template-grid-compact{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.writopin-root .builder-template,.writopin-root .builder-result-card{align-content:start;gap:3px;min-width:0;display:grid}.writopin-root .builder-template-pick{cursor:pointer;aspect-ratio:2/3;background:#f4f2f6;border:2px solid #0000;border-radius:12px;width:100%;padding:0;transition:border-color .15s,transform .15s;display:block;position:relative;overflow:hidden}.writopin-root .builder-template-pick:hover:not(:disabled){transform:translateY(-2px)}.writopin-root .builder-template-pick:focus-visible{outline-offset:2px;outline:3px solid #b993f5}.writopin-root .builder-template-pick:disabled{cursor:not-allowed;opacity:.55}.writopin-root .builder-template.selected .builder-template-pick{border-color:#6e36d7;box-shadow:0 6px 18px #6e36d72e}.writopin-root .builder-template-art,.writopin-root .builder-result-art{border-radius:10px;width:100%;height:100%;display:block}.writopin-root .builder-result-art{aspect-ratio:2/3;border:1px solid #eeeaf2;overflow:hidden}.writopin-root .builder-template-order{color:#fff;background:#6e36d7;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid;position:absolute;top:7px;left:7px}.writopin-root .builder-template-badge{color:#6b4a00;background:#ffffffe8;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;bottom:7px;right:7px}.writopin-root .builder-template strong,.writopin-root .builder-result-card strong{color:#2d2633;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:12.5px;overflow:hidden}.writopin-root .builder-template small,.writopin-root .builder-result-card small{color:#847e8b;font-size:11px;line-height:1.4}.writopin-root .builder-template-photos{align-items:center;gap:4px;display:inline-flex}.writopin-root .builder-template small.builder-template-reason{color:#1d6b4c}.writopin-root .builder-result-card .create-button{justify-content:center;margin-top:6px}.writopin-root .builder-blank{color:#4f4857;cursor:pointer;background:#fbfafc;border:2px dashed #d9d3e0;border-radius:10px;align-items:center;gap:8px;min-height:40px;margin-bottom:14px;padding:0 14px;font-size:13px;display:inline-flex}.writopin-root .builder-blank.selected{color:#4c2a8f;border-style:solid;border-color:#6e36d7}@media (width<=760px){.writopin-root .pin-builder .creation-grid{grid-template-columns:minmax(0,1fr)}.writopin-root .builder-templates,.writopin-root .builder-results{padding:14px}.writopin-root .builder-template-grid,.writopin-root .builder-result-grid,.writopin-root .builder-template-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.writopin-root .builder-segmented{width:100%}.writopin-root .builder-segmented button{flex:1;justify-content:center}}.writopin-root .theme-dark .builder-templates,.writopin-root .theme-dark .builder-results{background:#18121f;border-color:#2c2534}.writopin-root .theme-dark .builder-templates-head h2,.writopin-root .theme-dark .builder-results-head h2,.writopin-root .theme-dark .builder-template strong,.writopin-root .theme-dark .builder-result-card strong,.writopin-root .theme-dark .builder-source h3{color:#f1ecf7}.writopin-root .theme-dark .builder-segmented,.writopin-root .theme-dark .builder-template-search,.writopin-root .theme-dark .builder-template-category select,.writopin-root .theme-dark .builder-blank{color:#cfc7da;background:#201a28;border-color:#342c3d}.writopin-root .theme-dark .builder-segmented button.active{color:#e6dbff;background:#2f2539}.writopin-root .theme-dark .builder-chips button{color:#cfc7da;background:#201a28;border-color:#342c3d}.writopin-root .theme-dark .builder-chips button.active{color:#e6dbff;background:#2c2140;border-color:#a37ef0}.writopin-root .theme-dark .builder-template-pick{background:#241d2c}.writopin-root .theme-dark .builder-kind{color:#d8c6ff;background:#2c2140}.writopin-root .theme-dark .builder-kind-manual{color:#9fe0c3;background:#173327}.writopin-root .theme-dark .builder-template small.builder-template-reason{color:#8fd8b6}.writopin-root .plan-indicator{background:#fff;border:1px solid #ebe7ef;border-radius:999px;align-items:center;gap:6px;min-width:0;padding:4px 4px 4px 12px;display:inline-flex}.writopin-root .plan-indicator-name{color:#3a3242;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.writopin-root .plan-indicator-name svg{color:#8244ee}.writopin-root .plan-indicator-action{color:#fff;white-space:nowrap;cursor:pointer;background:#6e36d7;border:0;border-radius:999px;min-height:28px;padding:0 12px;font-size:12px;font-weight:600}.writopin-root .plan-indicator-action:hover{background:#5b28bf}.writopin-root .plan-indicator-action:focus-visible{outline-offset:2px;outline:3px solid #b993f5}.writopin-root .plan-indicator-action.is-quiet{color:#4c326b;background:#f3f0f7}.writopin-root .plan-indicator-action.is-pending{color:#7a5200;text-overflow:ellipsis;background:#fff4dc;max-width:150px;overflow:hidden}@media (width<=560px){.writopin-root .plan-indicator{padding-left:9px}.writopin-root .plan-indicator-name{font-size:12px}.writopin-root .plan-indicator-name svg{display:none}.writopin-root .plan-indicator-action{padding:0 9px}}.writopin-root .theme-dark .plan-indicator{background:#1d1724;border-color:#2e2737}.writopin-root .theme-dark .plan-indicator-name{color:#efe9f6}.writopin-root .theme-dark .plan-indicator-action.is-quiet{color:#e3d7fb;background:#2b2433}.writopin-root .theme-dark .plan-indicator-action.is-pending{color:#ffd98a;background:#3a2d10}.writopin-root .plan-summary-card{min-height:0;padding:16px 13px 12px}.writopin-root .plan-summary-card .plan-summary-eyebrow{color:#b9a8d6;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:600}.writopin-root .plan-summary-card strong{margin:3px 0 4px;font-size:17px;font-weight:600}.writopin-root .plan-summary-card>span{font-size:12px;line-height:1.5}.writopin-root .plan-summary-card .plan-summary-track{background:#ffffff1f;border-radius:999px;height:5px;margin-top:9px;display:block;overflow:hidden}.writopin-root .plan-summary-card .plan-summary-track i{border-radius:inherit;background:linear-gradient(90deg,#a77df5,#f08bd0);height:100%;display:block}.writopin-root .plan-summary-card .plan-summary-note{color:#ffd98a;margin-top:8px;font-size:11.5px}.writopin-root .appearance-options{gap:2px;display:grid}.writopin-root .appearance-options .popover-row[aria-checked=true]{background:#f4effc}.writopin-root .theme-dark .appearance-options .popover-row[aria-checked=true]{background:#2b2236}.writopin-root .overview-summary{gap:12px;margin-bottom:18px;padding-top:8px}.writopin-root .overview-stat{isolation:isolate;min-height:108px;box-shadow:none;background:0 0;border:0;border-radius:14px 16px 17px 17px;flex-direction:column;align-items:stretch;gap:3px;padding:15px 13px 8px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative}.writopin-root .overview-stat:before,.writopin-root .overview-stat:after{content:"";pointer-events:none;position:absolute}.writopin-root .overview-stat:before{z-index:-2;background:var(--stat-tint,#f0ebf8);box-shadow:5px -3px 0 -1px var(--stat-tint,#f0ebf8);border-radius:14px 13px 4px 4px;inset:1px 11px 8px 8px;transform:rotate(-2deg)}.writopin-root .overview-stat:after{z-index:-1;border:1px solid var(--hairline);background:#fff;border-radius:14px 16px 17px 17px;inset:8px 0 0;box-shadow:0 7px 16px #2a1a4310}.writopin-root .overview-stat:hover,.writopin-root .overview-stat:focus-visible{transform:translateY(-2px)}.writopin-root .overview-stat:hover:after,.writopin-root .overview-stat:focus-visible:after{border-color:#d7c8f5;box-shadow:0 11px 19px #2a1a431a}.writopin-root .overview-stat:focus-visible{outline-offset:2px;outline:3px solid #b993f5}.writopin-root .overview-stat-top{z-index:1;align-items:center;gap:8px;display:flex;position:relative}.writopin-root .overview-stat-top small{color:var(--muted);font-size:12px;font-weight:600}.writopin-root .overview-stat-alert{color:#b3261e;margin-left:auto}.writopin-root .overview-stat .overview-stat-icon{background:var(--stat-tint,#f0ebf8);width:25px;height:25px;color:var(--stat-ink,var(--purple));border-radius:8px;flex:0 0 25px}.writopin-root .overview-stat-meta{z-index:1;flex:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-width:0;margin-top:2px;display:grid;position:relative}.writopin-root .overview-stat-meta>strong{color:var(--ink);letter-spacing:-.03em;font-size:24px;font-weight:600;line-height:1}.writopin-root .overview-stat-meta>em{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-style:normal;line-height:1.3;display:-webkit-box;overflow:hidden}.writopin-root .overview-stat-link{z-index:1;color:var(--stat-ink,var(--purple));align-items:center;gap:4px;margin-top:auto;padding-top:2px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex;position:relative}.writopin-root .overview-stat-skeleton{background:#efecf2;border-radius:7px;width:38px;height:26px;animation:1.2s ease-in-out infinite overview-pulse;display:inline-block}@keyframes overview-pulse{50%{opacity:.45}}.writopin-root .overview-stat-violet{--stat-tint:#f1ebfc;--stat-ink:#6e36d7}.writopin-root .overview-stat-green{--stat-tint:#e8f6ef;--stat-ink:#1f7a55}.writopin-root .overview-stat-blue{--stat-tint:#e8f1fd;--stat-ink:#2463b8}.writopin-root .overview-stat-rose{--stat-tint:#fdeef3;--stat-ink:#b4235a}.writopin-root .overview-stat-attention{--stat-tint:#fdecea;--stat-ink:#b3261e}.writopin-root .theme-dark .overview-stat{background:0 0}.writopin-root .theme-dark .overview-stat:before{background:#2c2535;box-shadow:5px -3px 0 -1px #332940}.writopin-root .theme-dark .overview-stat:after{background:#1f1a26;border-color:#3a3342;box-shadow:0 7px 16px #0000004d}.writopin-root .theme-dark .overview-stat-meta>strong,.writopin-root .theme-dark .overview-stat-top small{color:#f1ecf7}.writopin-root .theme-dark .overview-stat-meta>em{color:#aaa2b4}.writopin-root .theme-dark .overview-stat .overview-stat-icon{background:#2c2535}.writopin-root .theme-dark .overview-stat-link{color:#c9b3f7}.writopin-root .theme-dark .overview-stat-skeleton{background:#2c2535}.writopin-root .theme-dark .overview-stat:hover,.writopin-root .theme-dark .overview-stat:focus-visible{transform:translateY(-2px)}.writopin-root .theme-dark .overview-stat:hover:after,.writopin-root .theme-dark .overview-stat:focus-visible:after{border-color:#69548a;box-shadow:0 11px 19px #00000060}@media (width<=560px){.writopin-root .overview-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.writopin-root .overview-stat{gap:3px;min-height:0;padding:14px 10px 7px}.writopin-root .overview-stat:after{inset:7px 0 0}.writopin-root .overview-stat-top{gap:8px}.writopin-root .overview-stat-top small{font-size:12px;line-height:1.25}.writopin-root .overview-stat .overview-stat-icon{flex-basis:23px;width:23px;height:23px}.writopin-root .overview-stat-meta{gap:6px}.writopin-root .overview-stat-meta>em{font-size:10.5px}.writopin-root .overview-stat-meta>strong{font-size:22px}.writopin-root .overview-stat-link{padding-top:2px}}@media (width<=390px){.writopin-root .overview-summary{grid-template-columns:minmax(0,1fr)}}.writopin-root .connection-pill{border-radius:999px;flex:none;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.writopin-root .connection-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.writopin-root .connection-pill.is-connected{color:#1f7a55;background:#e8f6ef}.writopin-root .connection-pill.is-warning{color:#8a5a00;background:#fff4dc}.writopin-root .footer-text-button{color:#43394d;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e7e3ec;border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:0 11px;font-size:12px;display:inline-flex}.writopin-root .footer-text-button:hover{border-color:#cdb8f3}.writopin-root .theme-dark .footer-text-button{color:#e3dcec;background:#201a28;border-color:#342c3d}.writopin-root .theme-dark .connection-pill.is-connected{color:#9fe0c3;background:#173327}.writopin-root .theme-dark .connection-pill.is-warning{color:#ffd98a;background:#3a2d10}@media (width<=640px){.writopin-root .selection-bar .connection-pill{display:none}.writopin-root .footer-text-button{text-overflow:ellipsis;max-width:150px;overflow:hidden}}.writopin-root .pin-search-backdrop{z-index:80;background:#140d2059;justify-content:center;align-items:flex-start;padding:9vh 16px 16px;display:flex;position:fixed;inset:0}.writopin-root .pin-search{background:#fff;border-radius:16px;flex-direction:column;width:min(640px,100%);max-height:78vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #140d2040}.writopin-root .pin-search-field{color:#8a8592;border-bottom:1px solid #efecf2;align-items:center;gap:10px;padding:12px 12px 12px 16px;display:flex}.writopin-root .pin-search-field input{color:#221a29;background:0 0;border:0;outline:none;flex:1;min-height:34px;font-size:15px}.writopin-root .pin-search-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px 0;display:flex}.writopin-root .pin-search-filters select{color:#4a4252;background:#fff;border:1px solid #e8e4ec;border-radius:8px;max-width:180px;min-height:30px;padding:0 8px;font-size:12px}.writopin-root .pin-search-scope{color:#8a8592;margin:8px 14px 4px;font-size:11.5px}.writopin-root .pin-search-results{flex:1;margin:0;padding:4px 8px;list-style:none;overflow-y:auto}.writopin-root .pin-search-results li{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:7px 8px;display:flex}.writopin-root .pin-search-results li.active{background:#f4effc}.writopin-root .pin-search-results .pin-search-text{text-align:left;flex:1;justify-items:start;gap:2px;min-width:0;display:grid}.writopin-root .pin-search-results strong{color:#241c2c;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.writopin-root .pin-search-results small{color:#847e8b;font-size:11.5px}.writopin-root .pin-search-results .pin-search-thumb{background:#f2eff5;border-radius:6px;flex:0 0 34px;width:34px;height:51px;margin:0;overflow:hidden}.writopin-root .pin-search-footer{color:#7c7683;border-top:1px solid #efecf2;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.writopin-root .theme-dark .pin-search{background:#1b1621}.writopin-root .theme-dark .pin-search-field,.writopin-root .theme-dark .pin-search-footer{border-color:#2e2737}.writopin-root .theme-dark .pin-search-field input,.writopin-root .theme-dark .pin-search-results strong{color:#f1ecf7}.writopin-root .theme-dark .pin-search-results li.active{background:#2b2236}.writopin-root .theme-dark .pin-search-filters select{color:#e3dcec;background:#201a28;border-color:#342c3d}.writopin-root .settings-tab-layout{grid-template-columns:220px minmax(0,1fr);gap:16px}.writopin-root .settings-tabs button{align-content:center;gap:1px;min-height:44px;padding:6px 10px;display:grid}.writopin-root .settings-tabs button small{color:#958e9c;font-size:11px;font-weight:400;line-height:1.3}.writopin-root .settings-tabs button.active{font-weight:600}.writopin-root .settings-tab-content{gap:14px;display:grid}@media (width<=760px){.writopin-root .settings-tab-layout{grid-template-columns:minmax(0,1fr)}.writopin-root .settings-tabs{scrollbar-width:thin;flex-direction:row;overflow-x:auto}.writopin-root .settings-tab-group{flex:none;gap:3px;display:flex}.writopin-root .settings-tab-group>span,.writopin-root .settings-tabs button small{display:none}.writopin-root .settings-tabs button{white-space:nowrap;min-height:36px}}.writopin-root .appearance-choice{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.writopin-root .appearance-choice label{cursor:pointer;border:2px solid #ece8f0;border-radius:12px;gap:3px;padding:10px;display:grid;position:relative}.writopin-root .appearance-choice label.selected{border-color:#6e36d7}.writopin-root .appearance-choice input{opacity:0;position:absolute}.writopin-root .appearance-choice label:has(input:focus-visible){outline-offset:2px;outline:3px solid #b993f5}.writopin-root .appearance-choice strong{color:#2d2633;font-size:13px}.writopin-root .appearance-choice small{color:#847e8b;font-size:11px}.writopin-root .appearance-swatch{background:#f6f4f8;border-radius:8px;height:46px;margin-bottom:6px;box-shadow:inset 0 0 0 1px #e4e0e8}.writopin-root .appearance-swatch-dark{background:#19131f}.writopin-root .appearance-swatch-system{background:linear-gradient(135deg,#f6f4f8 50%,#19131f 50%)}.writopin-root .billing-panel{gap:16px}.writopin-root .billing-current{background:linear-gradient(135deg,#f7f2ff,#fdf5fa);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.writopin-root .billing-current h2{letter-spacing:-.02em;align-items:center;gap:10px;margin:4px 0;font-size:22px;display:flex}.writopin-root .billing-current p{color:#6f6877;margin:0;font-size:12.5px}.writopin-root .billing-status{color:#1f7a55;letter-spacing:0;background:#e8f6ef;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.writopin-root .billing-limits{flex-wrap:wrap;gap:18px;margin:0;display:flex}.writopin-root .billing-limits dt{color:#8a8392;font-size:11px}.writopin-root .billing-limits dd{color:#2d2633;margin:2px 0 0;font-size:14px;font-weight:600}.writopin-root .billing-note{color:#7c7683;margin:0;font-size:12px;line-height:1.55}.writopin-root .theme-dark .appearance-choice label{box-shadow:none;background:#1d1724;border-color:#2e2737}.writopin-root .theme-dark .appearance-choice label.selected{border-color:#a37ef0}.writopin-root .theme-dark .billing-limits dd,.writopin-root .theme-dark .appearance-choice strong{color:#f1ecf7}.writopin-root .theme-dark .billing-current{background:linear-gradient(135deg,#211a2b,#261b25)}.writopin-root .theme-dark .billing-current p{color:#b2aabb}.writopin-root .help-center{max-width:860px}.writopin-root .help-search{color:#8a8592;background:#fff;border:1px solid #e6e2ea;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:0 14px;display:flex}.writopin-root .help-search input{min-height:44px;color:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.writopin-root .help-topic{margin-bottom:18px}.writopin-root .help-topic h2{color:#2d2633;margin:0 0 8px;font-size:15px}.writopin-root .help-topic details{background:#fff;border:1px solid #eeeaf2;border-radius:12px;margin-bottom:8px;padding:0 14px}.writopin-root .help-topic summary{color:#2f2836;cursor:pointer;padding:13px 0;font-size:13.5px;font-weight:600}.writopin-root .help-topic summary:focus-visible{outline-offset:2px;outline:3px solid #b993f5}.writopin-root .help-topic details p{color:#6c6574;margin:0 0 10px;font-size:13px;line-height:1.6}.writopin-root .help-topic details .text-button{margin-bottom:12px}.writopin-root .help-empty{color:#7c7683}.writopin-root .help-contact{color:#4b3f5c;background:#f6f2fc;border-radius:12px;align-items:center;gap:10px;padding:14px;font-size:13px;display:flex}.writopin-root .status-checks{gap:10px;margin:0;padding:0;list-style:none;display:grid}.writopin-root .status-checks li{background:#fff;border:1px solid #eeeaf2;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.writopin-root .status-checks li>span{flex:1;gap:2px;display:grid}.writopin-root .status-checks strong{color:#2d2633;font-size:13.5px}.writopin-root .status-checks small{color:#77707f;font-size:12.5px}.writopin-root .status-checks .is-ok>svg{color:#1f7a55}.writopin-root .status-checks .is-info>svg{color:#2463b8}.writopin-root .status-checks .is-warn>svg{color:#b3261e}.writopin-root .theme-dark .help-search,.writopin-root .theme-dark .help-topic details,.writopin-root .theme-dark .status-checks li{background:#1d1724;border-color:#2e2737}.writopin-root .theme-dark .help-topic h2,.writopin-root .theme-dark .help-topic summary,.writopin-root .theme-dark .status-checks strong{color:#f1ecf7}.writopin-root .theme-dark .help-topic details p,.writopin-root .theme-dark .status-checks small{color:#b2aabb}.writopin-root .theme-dark .help-contact{color:#ddd4ea;background:#241d2c}.writopin-root .theme-dark .creation-form-card>label,.writopin-root .theme-dark .creation-form-card label,.writopin-root .theme-dark .settings-tab-content label,.writopin-root .theme-dark .product-preview>label,.writopin-root .theme-dark .client-review-page>label{color:#d8d1e2}.writopin-root .theme-dark .field-hint,.writopin-root .theme-dark .creation-step-heading p,.writopin-root .theme-dark .creation-preview-card p,.writopin-root .theme-dark .builder-source p,.writopin-root .theme-dark .builder-source ul,.writopin-root .theme-dark .workflow-list li{color:#b2aabb}.writopin-root .theme-dark .form-error{color:#ff9aa5}.writopin-root .theme-dark .create-mode-tabs,.writopin-root .theme-dark .review-filters,.writopin-root .theme-dark .publication-tabs,.writopin-root .theme-dark .settings-tabs{background:#1b1621;border-color:#2e2737}.writopin-root .theme-dark .create-mode-tabs button,.writopin-root .theme-dark .review-filters button,.writopin-root .theme-dark .publication-tabs button,.writopin-root .theme-dark .settings-tabs button{color:#b9b1c3}.writopin-root .theme-dark .create-mode-tabs button.active,.writopin-root .theme-dark .review-filters button.active,.writopin-root .theme-dark .publication-tabs button.active,.writopin-root .theme-dark .settings-tabs button.active,.writopin-root .theme-dark .settings-tabs button:hover{color:#f1e9ff;box-shadow:none;background:#2f2539}.writopin-root .theme-dark .settings-tabs button small{color:#8f879a}.writopin-root .theme-dark .selection-file,.writopin-root .theme-dark .selection-file strong{color:#e3dcec}.writopin-root .account-elsewhere{color:#3d2b5c;background:#f7f2ff;border:1px solid #e3d6f8;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 16px;padding:12px 14px;display:flex}.writopin-root .account-elsewhere>svg{color:#6e36d7;flex:none}.writopin-root .account-elsewhere>span{flex:1;gap:2px;width:auto;min-width:220px;display:grid}.writopin-root .account-elsewhere strong{font-size:13.5px}.writopin-root .account-elsewhere small{color:#6c5d83;font-size:12px;line-height:1.45}.writopin-root .theme-dark .account-elsewhere{color:#ece4fb;background:#221a30;border-color:#3a2d52}.writopin-root .theme-dark .account-elsewhere small{color:#bcaed4}.writopin-root .workspace-switcher{display:inline-flex;position:relative}.writopin-root .workspace-switcher>button{align-items:center;gap:4px;max-width:260px;display:inline-flex}.writopin-root .workspace-switcher-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.writopin-root .workspace-menu{z-index:40;width:auto;min-width:220px;top:calc(100% + 6px);left:0;right:auto}.writopin-root .workspace-menu .workspace-menu-title{color:#8a8392;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px 4px;font-size:11px;font-weight:600;display:block}.writopin-root .workspace-menu button{text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}@media (width<=560px){.writopin-root .workspace-switcher>button{max-width:130px}}.writopin-root .build-options{background:#fbfafc;border:1px solid #eeeaf2;border-radius:12px;gap:12px;margin:16px 0 4px;padding:14px;display:grid}.writopin-root .build-options legend{color:#4c3f5c;letter-spacing:.06em;text-transform:uppercase;padding:0 6px;font-size:12px;font-weight:700}.writopin-root .build-options label{color:#4f4855;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.writopin-root .build-option-group{gap:7px;display:grid}.writopin-root .build-option-label{color:#4f4855;font-size:12px;font-weight:600}.writopin-root .build-options .build-span{grid-column:1/-1}.writopin-root .build-check{cursor:pointer;align-items:flex-start;flex-direction:row!important;gap:10px!important}.writopin-root .build-check input{margin-top:2px}.writopin-root .build-check span{gap:2px;display:grid}.writopin-root .build-check small{color:#847e8b;font-size:11.5px;font-weight:400;line-height:1.45}.writopin-root .build-uploads{flex-wrap:wrap;gap:8px;display:flex}.writopin-root .build-uploads figure{background:#efecf2;border-radius:8px;width:64px;height:84px;margin:0;position:relative;overflow:hidden}.writopin-root .build-uploads img{object-fit:cover;width:100%;height:100%}.writopin-root .build-uploads figure button{color:#fff;cursor:pointer;background:#000000a6;border:0;border-radius:50%;width:20px;height:20px;font-size:13px;line-height:1;position:absolute;top:3px;right:3px}.writopin-root .build-upload-button{text-align:center;cursor:pointer;background:#fff;border:2px dashed #d9d3e0;border-radius:8px;justify-content:center;align-items:center;width:64px;height:84px;padding:4px;position:relative;color:#6e36d7!important;gap:4px!important;font-size:11px!important;display:inline-flex!important}.writopin-root .build-upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.writopin-root .feed-steps{background:#f7f3fd;border-radius:10px;gap:6px;margin:0 0 14px;padding:12px 14px;list-style:none;display:grid}.writopin-root .feed-steps li{color:#5b5266;align-items:center;gap:9px;font-size:12.5px;display:flex}.writopin-root .feed-steps li>span{color:#5b2fb4;background:#e7dcf8;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.writopin-root .feed-steps li.is-done{color:#1f7a55}.writopin-root .feed-steps li.is-done>span{color:#1f7a55;background:#dff3e9}.writopin-root .builder-stages{gap:4px;margin:4px 0 0;padding:0;list-style:none;display:grid}.writopin-root .builder-stages li{color:#9a93a3;align-items:center;gap:7px;font-size:12px;display:flex}.writopin-root .builder-stages li>span{background:#ddd6e6;border-radius:50%;width:8px;height:8px;margin:0 2px}.writopin-root .builder-stages li.is-active{color:#4c2a8f;font-weight:600}.writopin-root .builder-stages li.is-active>span{background:#6e36d7;animation:1s ease-in-out infinite overview-pulse}.writopin-root .builder-stages li.is-done{color:#1f7a55}.writopin-root .new-drafts-banner{color:#1f5c43;background:#eef9f3;border:1px solid #bfe5d1;border-radius:12px;grid-column:1/-1;align-items:center;gap:12px;margin-bottom:4px;padding:12px 14px;display:flex}.writopin-root .new-drafts-banner>span{flex:1;gap:2px;display:grid}.writopin-root .new-drafts-banner small{color:#3d7259;font-size:12px}.writopin-root .review-card.is-new{border-color:#6e36d7;box-shadow:0 0 0 3px #6e36d726}.writopin-root .review-new-badge{z-index:3;color:#fff;background:#6e36d7;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px}.writopin-root .review-card-tools{border-top:1px solid #f0edf3;flex-wrap:wrap;gap:4px 14px;margin-top:10px;padding-top:10px;display:flex}.writopin-root .review-card-tools .text-button{font-size:12.5px}.writopin-root .draft-switch-backdrop{z-index:70;background:#140d2066;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.writopin-root .draft-switch{background:#fff;border-radius:18px;flex-direction:column;width:min(900px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #140d2040}.writopin-root .draft-switch header,.writopin-root .draft-switch footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.writopin-root .draft-switch header h2{margin:0 0 3px;font-size:17px}.writopin-root .draft-switch header p,.writopin-root .draft-switch-note{color:#7c7683;margin:0;font-size:12.5px}.writopin-root .draft-switch footer{border-top:1px solid #efecf2;align-items:center}.writopin-root .draft-switch-note{flex-basis:100%}.writopin-root .draft-switch-filters{gap:10px;padding:0 18px 12px;display:grid}.writopin-root .draft-switch-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding:4px 18px 16px;display:grid;overflow-y:auto}.writopin-root .draft-switch-option{text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;padding:0;display:grid;position:relative}.writopin-root .draft-switch-art{background:#f4f2f6;border:2px solid #0000;border-radius:10px;overflow:hidden}.writopin-root .draft-switch-option.selected .draft-switch-art{border-color:#6e36d7}.writopin-root .draft-switch-option:focus-visible{outline-offset:2px;outline:3px solid #b993f5}.writopin-root .draft-switch-check{color:#fff;background:#6e36d7;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:8px;left:8px}.writopin-root .draft-switch-option strong{color:#2d2633;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.writopin-root .draft-switch-option small{color:#847e8b;font-size:11px}@media (width<=560px){.writopin-root .draft-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.writopin-root .theme-dark .build-options,.writopin-root .theme-dark .draft-switch,.writopin-root .theme-dark .build-upload-button{background:#1d1724;border-color:#2e2737}.writopin-root .theme-dark .build-options label,.writopin-root .theme-dark .build-option-label,.writopin-root .theme-dark .build-options legend,.writopin-root .theme-dark .draft-switch header h2,.writopin-root .theme-dark .draft-switch-option strong{color:#e9e2f2}.writopin-root .theme-dark .feed-steps{background:#241c30}.writopin-root .theme-dark .feed-steps li{color:#cbc2d6}.writopin-root .theme-dark .new-drafts-banner{color:#bfe9d3;background:#142a20;border-color:#23533e}.writopin-root .theme-dark .new-drafts-banner small{color:#9fd3b8}.writopin-root .theme-dark .review-card-tools,.writopin-root .theme-dark .draft-switch footer{border-color:#2e2737}.writopin-root .editor-ai-photo{background:#faf6ff;border:1px solid #e7ddf7;border-radius:10px;gap:8px;padding:10px;display:grid}.writopin-root .editor-ai-photo label{gap:5px;font-size:12px;font-weight:600;display:grid}.writopin-root .editor-ai-photo textarea{resize:vertical;width:100%}.writopin-root .editor-ai-photo small{color:#7c7683;font-size:11.5px;line-height:1.45}.writopin-root .editor-overlay-field{align-items:center;gap:8px;display:flex}.writopin-root .editor-overlay-field input[type=color]{background:0 0;border:1px solid #e3dfe8;border-radius:6px;width:34px;height:28px;padding:0}.writopin-root .editor-overlay-field input[type=range]{flex:1}.writopin-root .theme-dark .editor-ai-photo{background:#221a30;border-color:#3a2d52}.writopin-root .editor-cutout{gap:6px;display:grid}.writopin-root .editor-cutout button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.writopin-root .editor-cutout small,.writopin-root .editor-cutout-note{color:#7c7683;font-size:11.5px;line-height:1.45}.writopin-root .editor-cutout-note{background:#faf6ff;border-radius:10px;margin:0;padding:9px 10px}.writopin-root .theme-dark .editor-cutout-note{background:#221a30}.writopin-root .builder-chips button:disabled{cursor:not-allowed;opacity:.45}.writopin-root .billing-interval{background:#f3eff8;border-radius:999px;justify-self:start;gap:4px;padding:4px;display:inline-flex}.writopin-root .billing-interval button{color:#6f6877;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600}.writopin-root .billing-interval button.is-active{color:#2d2633;background:#fff;box-shadow:0 1px 3px #2d26331f}.writopin-root .billing-actions,.writopin-root .billing-cancel-confirm{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.writopin-root .billing-cancel-confirm small{color:#7c7683;max-width:420px;font-size:12px}.writopin-root .billing-invoices h3{margin:0 0 8px;font-size:14px}.writopin-root .billing-invoices ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.writopin-root .billing-invoices li{border:1px solid #ece6f2;border-radius:10px;grid-template-columns:minmax(90px,1fr) minmax(110px,1fr) auto auto 48px;align-items:center;gap:12px;padding:8px 10px;font-size:12.5px;display:grid}.writopin-root .billing-invoice-status{color:#7c7683;text-transform:capitalize}.writopin-root .billing-invoice-status.is-paid{color:#1f7a55}.writopin-root .billing-invoice-status.is-open,.writopin-root .billing-invoice-status.is-uncollectible{color:#b45309}.writopin-root .theme-dark .billing-interval{background:#241d2c}.writopin-root .theme-dark .billing-interval button.is-active{color:#f1ecf7;background:#362c42}.writopin-root .theme-dark .billing-invoices li{border-color:#2e2737}@media (width<=640px){.writopin-root .billing-invoices li{grid-template-columns:1fr 1fr}}.writopin-root .review-template-note{color:#77717e;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 16px 0;font-size:12px;display:flex}.writopin-root .review-template-note svg{flex:none}.writopin-root .review-template-note .text-button{font-size:12px}.writopin-root .builder-kind-import{color:#1d6b50;background:#e8f4ef}.writopin-root .blog-to-pin{gap:16px;display:grid}.writopin-root .blog-sources{flex-wrap:wrap;margin-bottom:12px}.writopin-root .blog-connect{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.writopin-root .blog-connect label{flex:280px}.writopin-root .blog-connect .create-button{margin-bottom:22px}.writopin-root .blog-message{color:#1d6b50;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0;font-size:13px;display:flex}.writopin-root .blog-source-card,.writopin-root .blog-draft-card{padding:18px;display:block}.writopin-root .blog-source-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.writopin-root .blog-source-head h2{margin:0 0 4px;font-size:18px}.writopin-root .blog-source-actions,.writopin-root .blog-draft-actions,.writopin-root .blog-pages{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.writopin-root .blog-pages{justify-content:center;margin-top:12px}.writopin-root .blog-auto{color:#4f4a57;align-items:flex-start;gap:10px;margin:12px 0;font-size:13px;display:flex}.writopin-root .blog-auto strong{color:#24202a;display:block}.writopin-root .blog-auto input{margin-top:3px}.writopin-root .blog-filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0;display:grid}.writopin-root .blog-filters label{color:#4f4a57;gap:4px;font-size:12px;font-weight:600;display:grid}.writopin-root .blog-filters input,.writopin-root .blog-filters select{min-height:36px;font:inherit;background:#fff;border:1px solid #e3dfe8;border-radius:10px;padding:6px 10px;font-weight:400}.writopin-root .blog-list-head{border-bottom:1px solid #eeebf2;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 0;font-size:13px;display:flex}.writopin-root .blog-list-head label{align-items:center;gap:8px;display:flex}.writopin-root .blog-posts{margin:0;padding:0;list-style:none}.writopin-root .blog-posts li{border-bottom:1px solid #f1eef4;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;display:grid}.writopin-root .blog-posts label{align-items:flex-start;gap:10px;min-width:0;display:flex}.writopin-root .blog-posts input{margin-top:3px}.writopin-root .blog-post-text{min-width:0;display:grid}.writopin-root .blog-post-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.writopin-root .blog-post-text small{color:#77717e;font-size:12px}.writopin-root .blog-posts a{color:#77717e;display:inline-flex}.writopin-root .blog-status{color:#6c6773;white-space:nowrap;background:#f3f2f5;border-radius:999px;padding:2px 8px;font-size:11px}.writopin-root .blog-status-new{color:#5b3bb3;background:#efe9fb}.writopin-root .blog-status-drafted{color:#1d6b50;background:#e8f4ef}.writopin-root .blog-empty,.writopin-root .blog-loading{text-align:center;padding:18px 0}.writopin-root .theme-dark .blog-filters input,.writopin-root .theme-dark .blog-filters select{color:#ece8f2;background:#211d27;border-color:#3a3442}.writopin-root .theme-dark .blog-auto,.writopin-root .theme-dark .blog-filters label{color:#bdb6c7}.writopin-root .theme-dark .blog-auto strong{color:#ece8f2}.writopin-root .theme-dark .blog-posts li,.writopin-root .theme-dark .blog-list-head{border-color:#2e2935}@media (width<=640px){.writopin-root .blog-posts li{grid-template-columns:minmax(0,1fr) auto}.writopin-root .blog-status{display:none}}.writopin-root .consent-spacing{border:1px dashed #ddd5e8;border-radius:9px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px;margin:0 0 12px;padding:12px;display:grid}.writopin-root .consent-spacing legend{padding:0 6px;font-size:12px;font-weight:700}.writopin-root .consent-spacing label{gap:4px;font-size:12px;display:grid}.writopin-root .consent-spacing input,.writopin-root .consent-spacing select{min-height:34px;font:inherit;border:1px solid #e3dfe8;border-radius:8px;padding:5px 8px}.writopin-root .consent-window{align-items:center;gap:6px;display:flex}.writopin-root .consent-window input{flex:1;min-width:0}.writopin-root .consent-spacing small{color:#77717e;grid-column:1/-1}.writopin-root .theme-dark .consent-spacing{border-color:#3a3442}.writopin-root .theme-dark .consent-spacing input,.writopin-root .theme-dark .consent-spacing select{color:#ece8f2;background:#211d27;border-color:#3a3442}.writopin-root .product-catalog{gap:14px;margin-top:14px;display:grid}.writopin-root .product-catalog-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.writopin-root .product-catalog-bar input,.writopin-root .product-catalog-bar select,.writopin-root .product-form input,.writopin-root .product-form textarea{min-height:36px;font:inherit;background:#fff;border:1px solid #e3dfe8;border-radius:10px;padding:6px 10px}.writopin-root .product-catalog-bar input{flex:220px}.writopin-root .product-form{padding:18px;display:block}.writopin-root .product-form h2{margin:0 0 12px;font-size:17px}.writopin-root .product-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.writopin-root .product-form-grid label{gap:4px;font-size:12px;font-weight:600;display:grid}.writopin-root .product-form-wide{grid-column:1/-1}.writopin-root .product-form-photo{object-fit:cover;border-radius:10px;width:96px;height:96px}.writopin-root .product-verify{align-items:flex-start;gap:8px;margin:14px 0;font-size:13px;display:flex}.writopin-root .product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.writopin-root .product-grid li{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid}.writopin-root .product-grid img,.writopin-root .product-grid .product-placeholder{object-fit:cover;border-radius:10px;width:72px;height:72px}.writopin-root .product-card-text{gap:2px;min-width:0;display:grid}.writopin-root .product-card-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.writopin-root .product-card-text small{color:#77717e;font-size:12px}.writopin-root .product-card-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;display:flex}.writopin-root .product-empty{color:#77717e;align-items:center;gap:10px;padding:18px;display:flex}.writopin-root .theme-dark .product-catalog-bar input,.writopin-root .theme-dark .product-catalog-bar select,.writopin-root .theme-dark .product-form input,.writopin-root .theme-dark .product-form textarea{color:#ece8f2;background:#211d27;border-color:#3a3442}.writopin-root .product-preview .product-catalog-bar input{flex:240px;width:auto}.writopin-root .product-preview .product-catalog-bar select{flex:0 0 190px;width:auto}.writopin-root .blog-post-thumb{object-fit:cover;background:#f3f2f5;border-radius:8px;flex:none;width:44px;height:44px}.writopin-root .blog-post-thumb-empty{color:#a09aa8;justify-content:center;align-items:center;display:inline-flex}.writopin-root .theme-dark .blog-post-thumb{background:#2a2531}.writopin-root .draft-job{background:#fff;border:1px solid #ece8ef;border-radius:14px;gap:12px;margin:0 0 18px;padding:16px;display:grid}.writopin-root .draft-job-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.writopin-root .draft-job-head h2{margin:0 0 2px;font-size:16px}.writopin-root .draft-job-actions,.writopin-root .draft-job-confirm{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.writopin-root .draft-job progress{width:100%;height:8px}.writopin-root .draft-job-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.writopin-root .draft-job-card{border:1px solid #ece8ef;border-radius:12px;gap:8px;padding:8px;display:grid}.writopin-root .draft-job-preview{aspect-ratio:2/3;cursor:pointer;background:#f3f2f5;border:0;border-radius:8px;width:100%;padding:0;display:block;overflow:hidden}.writopin-root .draft-job-placeholder{color:#8c8694;cursor:default;justify-content:center;align-items:center;display:flex}.writopin-root .draft-job-text{gap:3px;min-width:0;font-size:12px;display:grid}.writopin-root .draft-job-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.writopin-root .draft-job-text code{color:#77717e;font-size:11px}.writopin-root .draft-job-text a{color:#6b5bb8;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:3px;display:inline-flex;overflow:hidden}.writopin-root .draft-job-status{color:#6c6773;background:#f3f2f5;border-radius:999px;width:fit-content;padding:1px 7px;font-size:11px}.writopin-root .draft-job-status.is-completed{color:#1d6b50;background:#e8f4ef}.writopin-root .draft-job-status.is-running{color:#5b3bb3;background:#efe9fb}.writopin-root .draft-job-status.is-failed{color:#a3262f;background:#fdecec}.writopin-root .theme-dark .draft-job,.writopin-root .theme-dark .draft-job-card{background:#1b1820;border-color:#2e2935}.writopin-root .theme-dark .draft-job-preview{background:#2a2531}.writopin-root .editor-inspector,.writopin-root .editor-panel-content{overflow-x:hidden}.writopin-root .editor-panel-content>*,.writopin-root .editor-panel-content label>*{min-width:0;max-width:100%}.writopin-root .editor-panel-content .editor-check{align-items:flex-start;line-height:1.4}.writopin-root .editor-panel-content .editor-check input[type=checkbox]{flex:none;width:16px;height:16px;min-height:0;margin:1px 0 0;padding:0}.writopin-root .editor-brand-actions .editor-actions-row{flex-wrap:wrap;gap:6px;display:flex}.writopin-root .editor-brand-actions .editor-actions-row>button{white-space:nowrap;flex:auto;justify-content:center}.writopin-root .editor-order-row{flex-wrap:wrap;gap:4px;display:flex}.writopin-root .editor-order-row>button{min-height:30px;padding:4px 8px}.writopin-root .editor-stage-heading .editor-selection-kind{color:#5d3a8a;background:#f1e9fc;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:11px;font-weight:600}.writopin-root .editor-zoom-value{color:#4f4656;font-variant-numeric:tabular-nums;text-align:center;min-width:40px;font-size:11px}.writopin-root .editor-selection-bar{z-index:4;white-space:nowrap;background:#fff;border:1px solid #e3dbec;border-radius:9px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px 18px #1b122624}.writopin-root .editor-selection-bar-kind{color:#5d3a8a;padding:0 7px;font-size:11px;font-weight:600}.writopin-root .editor-selection-bar button{color:#4f4656;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.writopin-root .editor-selection-bar button:hover:not(:disabled){color:#65408f;background:#f4effa}.writopin-root .editor-selection-bar button.is-danger:hover:not(:disabled){color:#b42318;background:#fdecec}.writopin-root .editor-selection-bar button:disabled{opacity:.4;cursor:not-allowed}.writopin-root .editor-inline-text{z-index:3;box-sizing:border-box;resize:none;transform-origin:0 0;white-space:pre-wrap;overflow-wrap:break-word;background:#ffffff1f;border:0;outline:2px solid #8244ee;margin:0;padding:0;position:absolute;overflow:hidden}.writopin-root .editor-leave-dialog{z-index:90;background:#1b122659;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.writopin-root .editor-leave-dialog>div{background:#fff;border-radius:14px;gap:10px;width:min(420px,100%);padding:18px;display:grid;box-shadow:0 24px 60px #1b12263d}.writopin-root .editor-leave-dialog p{color:#655a6d;margin:0;font-size:13px}.writopin-root .editor-leave-dialog .editor-actions-row{flex-wrap:wrap;gap:8px;display:flex}.writopin-root .editor-save-return{white-space:nowrap}.writopin-root .theme-dark .editor-selection-bar,.writopin-root .theme-dark .editor-leave-dialog>div{color:#eeeaf3;background:#221e29;border-color:#403947}.writopin-root .theme-dark .editor-selection-bar button,.writopin-root .theme-dark .editor-zoom-value,.writopin-root .theme-dark .editor-leave-dialog p{color:#d8d1e2}.writopin-root .theme-dark .editor-stage-heading .editor-selection-kind,.writopin-root .theme-dark .editor-selection-bar-kind{color:#e2d4f8;background:#33284a}@media (width<=820px){.writopin-root .editor-main-actions{flex-wrap:wrap}.writopin-root .editor-stage-heading .editor-selection-kind{display:none}}.writopin-root .build-check,.writopin-root .product-verify{align-items:flex-start;gap:10px;min-width:0;flex-direction:row!important;display:flex!important}.writopin-root .build-check input[type=checkbox],.writopin-root .product-verify input[type=checkbox]{flex:none;width:18px;min-width:18px;height:18px;min-height:0;margin:2px 0 0;padding:0}.writopin-root .build-check>span,.writopin-root .product-verify>span{overflow-wrap:anywhere;flex:auto;min-width:0;line-height:1.45}.writopin-root .product-ai-copy{margin:4px 0 12px;font-size:13px}.writopin-root .product-grid .product-card-error{grid-column:1/-1;margin:0}.writopin-root .action-notice{color:#6b4a14;background:#fff8ec;border:1px solid #f0d6a8;border-radius:10px;align-items:flex-start;gap:10px;margin:10px 0;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.writopin-root .action-notice>svg{flex:none;margin-top:2px}.writopin-root .action-notice.is-error{color:#8a1f1f;background:#fff3f3;border-color:#f1b9b9}.writopin-root .action-notice.is-info{color:#264a82;background:#f3f7fe;border-color:#cfdcf3}.writopin-root .action-notice-body{gap:6px;min-width:0;display:grid}.writopin-root .action-notice-body p{margin:0}.writopin-root .action-notice-body ul{margin:0;padding-left:18px}.writopin-root .action-notice-body small{opacity:.75}.writopin-root .action-notice-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.writopin-root .theme-dark .action-notice{color:#f2dcae;background:#2a2315;border-color:#5a4720}.writopin-root .theme-dark .action-notice.is-error{color:#f5c2c2;background:#2c1717;border-color:#6b2a2a}.writopin-root .theme-dark .action-notice.is-info{color:#c4d6f3;background:#17202f;border-color:#2e4468}.writopin-root .blog-views{flex-wrap:wrap;margin:12px 0 4px}.writopin-root .blog-posts li.blog-post-row{grid-template-columns:minmax(0,1fr) auto auto}.writopin-root .blog-post-state{align-items:center;gap:8px;display:flex}.writopin-root .blog-post-pins{gap:4px;display:inline-flex}.writopin-root .blog-post-pin{background:#eeebf2;border-radius:4px;place-items:center;width:24px;height:36px;display:grid;overflow:hidden}.writopin-root .blog-post-pin .design-thumbnail,.writopin-root .blog-post-pin img{object-fit:cover;width:100%;height:100%}.writopin-root .blog-post-actions{align-items:center;gap:8px;display:flex}.writopin-root .blog-post-actions .secondary-button{white-space:nowrap;min-height:30px;padding:4px 10px;font-size:12px}.writopin-root .blog-status-not_converted{color:#5b3bb3;background:#efe9fb}.writopin-root .blog-status-generating{color:#1f5a96;background:#e6f0fb}.writopin-root .blog-status-ready_for_review{color:#1d6b50;background:#e8f4ef}.writopin-root .blog-status-draft_exists{color:#5a6320;background:#eef0e4}.writopin-root .blog-status-pin_removed{color:#8a4b1d;background:#fbeee6}@media (width<=900px){.writopin-root .blog-posts li.blog-post-row{grid-template-columns:minmax(0,1fr);gap:8px}.writopin-root .blog-post-state{flex-wrap:wrap}.writopin-root .blog-posts li.blog-post-row .blog-status{display:inline-block}}.writopin-root .draft-gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:18px;display:grid}.writopin-root .draft-card.review-card{border:1px solid var(--hairline);background:#fff;border-radius:18px;flex-direction:column;grid-template-columns:none;gap:10px;min-width:0;padding:10px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative}.writopin-root .draft-card.review-card:hover,.writopin-root .draft-card.review-card:focus-within{transform:translateY(-2px);box-shadow:0 14px 30px #2a1a431a}.writopin-root .draft-card.is-selected{border-color:var(--purple)}.writopin-root .draft-card.is-new{border-color:#c9b2f2}.writopin-root .draft-card.is-highlighted{border-color:var(--purple);box-shadow:0 0 0 3px #8244ee26}.writopin-root .draft-card-media{position:relative}.writopin-root .draft-card-preview.review-art{cursor:zoom-in;background:#f4f1f6;border:0;border-radius:12px;width:100%;height:auto;padding:0;display:block;overflow:hidden}.writopin-root .draft-card-preview:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.writopin-root .draft-card-select{background:#ffffffe6;border-radius:8px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #1a102a26}.writopin-root .draft-card-select input{width:16px;height:16px;margin:0}.writopin-root .draft-card-quick{color:#4e4654;cursor:pointer;opacity:0;background:#ffffffe6;border:0;border-radius:50%;place-items:center;width:32px;height:32px;transition:opacity .16s;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #1a102a26}.writopin-root .draft-card:hover .draft-card-quick,.writopin-root .draft-card:focus-within .draft-card-quick{opacity:1}@media (hover:none){.writopin-root .draft-card-quick{opacity:1}}.writopin-root .draft-card-badges{pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.writopin-root .draft-card-badges em{color:#3a3342;background:#ffffffeb;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:600;display:inline-flex}.writopin-root .draft-card-badges em.is-new{background:var(--purple);color:#fff}.writopin-root .draft-card-badges em.state-approved{color:#17623f;background:#e3f4ea}.writopin-root .draft-card-badges em.state-discarded{color:#5f5a66;background:#eee}.writopin-root .draft-card-copy{gap:6px;padding:0 2px;display:grid}.writopin-root .draft-card-copy .review-title-button{text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.writopin-root .draft-card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.writopin-root .draft-card-copy .review-context{gap:2px;font-size:12px;display:grid}.writopin-root .draft-card-copy .review-context span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.writopin-root .draft-card-source{max-width:100%;color:var(--purple-deep,#65408f);align-items:center;gap:4px;font-size:12px;display:inline-flex}.writopin-root .draft-card-source span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.writopin-root .draft-card-actions{flex-wrap:wrap;gap:6px;display:flex}.writopin-root .draft-card-actions>button{white-space:nowrap;flex:auto;justify-content:center;min-height:34px}.writopin-root .draft-card-tools{flex-wrap:wrap;gap:2px 10px;font-size:12px;display:flex}.writopin-root .draft-card-error{margin:0;font-size:12px}.writopin-root .draft-card.is-loading{pointer-events:none}.writopin-root .draft-card .review-metadata{font-size:12px}.writopin-root .pin-id-chip{align-items:center;gap:2px;display:inline-flex}.writopin-root .pin-id-chip code{color:#4a4252;background:#f1eef5;border-radius:6px;padding:1px 6px;font-size:11px}.writopin-root .pin-id-chip button{color:#6d6574;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.writopin-root .pin-id-chip button:hover,.writopin-root .pin-id-chip button:focus-visible{color:#3a3342;background:#f1eef5}.writopin-root .new-drafts-banner.approval-next{flex-wrap:wrap}.writopin-root .theme-dark .draft-card.review-card{background:#211d27;border-color:#35303c}.writopin-root .theme-dark .draft-card-preview.review-art{background:#19161e}.writopin-root .theme-dark .pin-id-chip code{color:#d8d1e2;background:#2e2935}@media (width<=560px){.writopin-root .draft-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.writopin-root .draft-card.review-card{border-radius:14px;padding:6px}.writopin-root .draft-card-actions>button{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.writopin-root .draft-card.review-card,.writopin-root .draft-card-quick{transition:none}.writopin-root .draft-card.review-card:hover,.writopin-root .draft-card.review-card:focus-within{transform:none}}.writopin-root .editor-lock-notice{color:#4f3a73;background:#f7f2fc;border:1px solid #e0d6ee;border-radius:8px;align-items:flex-start;gap:8px;margin:0;padding:9px 10px;font-size:12px;line-height:1.45;display:flex}.writopin-root .editor-lock-notice svg{flex:none;margin-top:2px}.writopin-root .editor-layer-fields{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.writopin-root .editor-layer-fields:disabled{opacity:.55}.writopin-root .theme-dark .editor-lock-notice{color:#d9cbf0;background:#261f33;border-color:#3d3350}.ai-image-backdrop{z-index:120;background:#1b122666;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ai-image-dialog{color:#2b2433;background:#fff;border-radius:16px;gap:12px;width:min(520px,100%);max-height:calc(100dvh - 32px);padding:18px;display:grid;overflow:auto;box-shadow:0 24px 60px #1b12263d}.ai-image-dialog header{justify-content:space-between;align-items:center;gap:10px;display:flex}.ai-image-dialog h2{align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.ai-image-context{background:#f6f2fb;border-radius:10px;gap:2px;padding:10px 12px;font-size:13px;display:grid}.ai-image-context small{color:#77717e}.ai-image-context p{color:#5f5867;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.ai-image-field{gap:6px;font-size:13px;display:grid}.ai-image-field textarea{width:100%;font:inherit;resize:vertical;border:1px solid #e0dce6;border-radius:8px;padding:8px 10px}.ai-image-field small{color:#77717e}.ai-image-actions{flex-wrap:wrap;gap:8px;display:flex}.ai-image-compare{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;display:grid}.ai-image-compare figure{text-align:center;gap:4px;margin:0;font-size:12px;display:grid}.ai-image-compare img{object-fit:contain;background:#f1eef5;border-radius:10px;width:100%;max-height:46dvh}.ai-image-preview{gap:12px;display:grid}.writopin-root .planner-picker{border:1px solid var(--hairline);background:#fbfafc;border-radius:14px;gap:12px;margin-bottom:16px;padding:14px;display:grid}.writopin-root .planner-picker header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.writopin-root .planner-picker header>div:first-child{gap:2px;display:grid}.writopin-root .planner-picker small{color:var(--muted)}.writopin-root .planner-picker-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.writopin-root .planner-picker-actions label{align-items:center;gap:6px;font-size:13px;display:inline-flex}.writopin-root .planner-picker-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.writopin-root .planner-picker-grid li{border:1px solid var(--hairline);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.writopin-root .planner-picker-grid li.is-picked{border-color:var(--purple);box-shadow:0 0 0 2px #8244ee1f}.writopin-root .planner-pick{cursor:pointer;align-items:center;gap:8px;min-width:0;display:flex}.writopin-root .planner-pick-thumb,.writopin-root .consent-item-preview{aspect-ratio:2/3;background:#eeebf2;border-radius:6px;flex:none;place-items:center;width:40px;display:grid;overflow:hidden}.writopin-root .planner-pick-thumb .design-thumbnail,.writopin-root .consent-item-preview .design-thumbnail{width:100%;height:100%}.writopin-root .planner-pick-text{gap:2px;min-width:0;display:grid}.writopin-root .planner-pick-text strong,.writopin-root .planner-pick-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.writopin-root .consent-item.has-preview{grid-template-columns:44px minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.writopin-root .consent-item-text{gap:2px;min-width:0;display:grid}.writopin-root .consent-item [aria-invalid=true]{border-color:#d14343}.writopin-root fieldset.consent-action-choice{border:1px solid var(--hairline);border-radius:12px;gap:8px;margin:0 0 12px;padding:10px 12px;display:grid}.writopin-root fieldset.consent-action-choice label{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.writopin-root fieldset.consent-action-choice input{margin-top:3px}.writopin-root fieldset.consent-action-choice span{gap:2px;display:grid}.writopin-root fieldset.consent-action-choice small{color:var(--muted)}.writopin-root .consent-help{text-align:right;margin:6px 0 0;font-size:12px}.writopin-root .consent-confirm input:disabled{cursor:not-allowed}.writopin-root .week-calendar-open{text-align:left;align-items:center;gap:6px;min-width:0;display:flex}.writopin-root .calendar-thumb{aspect-ratio:2/3;background:#eeebf2;border-radius:4px;flex:none;place-items:center;width:22px;display:grid;overflow:hidden}.writopin-root .calendar-thumb .design-thumbnail{width:100%;height:100%}.writopin-root .calendar-event-text{min-width:0;display:grid}.writopin-root .calendar-event-text strong,.writopin-root .calendar-event-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.writopin-root .week-calendar-more{justify-self:start;font-size:12px}.writopin-root .week-calendar{container-type:inline-size}.writopin-root .week-calendar-empty{color:#9a93a1;margin:0;font-size:12px;display:none}@container (width<=860px){.writopin-root .week-calendar-grid{grid-template-columns:minmax(0,1fr)}.writopin-root .week-calendar-day{grid-template-columns:76px minmax(0,1fr);align-content:start;column-gap:10px;min-height:0;padding:10px;display:grid}.writopin-root .week-calendar-day>h3{grid-row:1/span 40;justify-content:flex-start;align-self:start;gap:8px;margin:0}.writopin-root .week-calendar-day>.week-calendar-empty{align-self:center;display:block}.writopin-root .week-calendar-event{grid-template-columns:minmax(0,1fr) auto;align-items:center}}@container (width<=420px){.writopin-root .week-calendar-day{grid-template-columns:minmax(0,1fr)}.writopin-root .week-calendar-day>h3{grid-row:auto;margin-bottom:8px}.writopin-root .week-calendar>header{flex-wrap:wrap}}@media (width<=760px){.writopin-root .consent-item.has-preview{grid-template-columns:44px minmax(0,1fr)}.writopin-root .consent-item.has-preview>label{grid-column:1/-1}}.writopin-root .theme-dark .planner-picker{color:#eeeaf3;background:#1f1b25;border-color:#35303c}.writopin-root .theme-dark .planner-picker-grid li{background:#262130;border-color:#35303c}.writopin-root .theme-dark .planner-picker-grid li.is-picked{border-color:#a67cf2}.writopin-root .theme-dark .planner-pick-thumb,.writopin-root .theme-dark .consent-item-preview,.writopin-root .theme-dark .calendar-thumb{background:#2e2935}.writopin-root .theme-dark fieldset.consent-action-choice{border-color:#35303c}.writopin-root .theme-dark .draft-card-select,.writopin-root .theme-dark .draft-card-quick{color:#eeeaf3;background:#2a2533e6}.writopin-root .theme-dark .draft-card-badges em{color:#eeeaf3;background:#2a2533ee}.writopin-root .theme-dark .draft-card-badges em.state-approved{color:#bfeed6;background:#17402e}.writopin-root .draft-card-actions{grid-template-columns:1fr;gap:6px;display:grid}.writopin-root .draft-card-actions>button{flex:none;width:100%}.writopin-root .draft-card-secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.writopin-root .draft-card-secondary>button,.writopin-root .draft-card-actions>button{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:36px;padding-inline:8px;font-size:13px;display:inline-flex}.writopin-root .draft-card-secondary>button{text-overflow:ellipsis;overflow:hidden}.writopin-root .draft-card-tools{border-top:1px solid var(--hairline);justify-content:space-between;gap:4px;padding-top:6px;display:flex}.writopin-root .draft-card-tools button{border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;gap:5px;min-width:34px;min-height:40px;padding:4px 8px;font-size:12px;display:inline-flex}.writopin-root .draft-card-tools button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.writopin-root .draft-card-tools button:hover:not(:disabled),.writopin-root .draft-card-tools button:focus-visible{background:#f4effa}.writopin-root .draft-card-tools button.is-destructive{color:#b42318}.writopin-root .draft-card-tools button.is-destructive:hover:not(:disabled),.writopin-root .draft-card-tools button.is-destructive:focus-visible{background:#fdecec}.writopin-root .draft-card-confirm{color:#8a1f1f;background:#fff3f3;border:1px solid #f1b9b9;border-radius:10px;gap:8px;padding:10px;font-size:12px;display:grid}.writopin-root .draft-card-confirm p{margin:0}.writopin-root .draft-card-confirm>div{gap:8px;display:flex}.writopin-root .draft-card-error{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.writopin-root .draft-card-error p{flex:140px;margin:0;font-size:12px}.writopin-root .design-thumbnail-retry{color:#5a3a8c;cursor:pointer;background:#fff;border:1px solid #d9cfe8;border-radius:8px;margin-top:8px;padding:4px 10px;font-size:12px}.writopin-root .design-thumbnail-shimmer.is-failed{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:8px;display:flex}.writopin-root .draft-card-preview.review-art{aspect-ratio:2/3}.writopin-root .theme-dark .draft-card-tools{border-color:#35303c}.writopin-root .theme-dark .draft-card-tools button:hover:not(:disabled){background:#2e2935}.writopin-root .theme-dark .draft-card-tools button.is-destructive{color:#f4a3a3}.writopin-root .theme-dark .draft-card-confirm{color:#f5c2c2;background:#2c1717;border-color:#6b2a2a}@media (width<=560px){.writopin-root .draft-card-tools button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.writopin-root .draft-card-tools{justify-content:space-between}.writopin-root .draft-card-tools button{justify-content:center;min-width:34px;min-height:40px}.writopin-root .draft-card-secondary{grid-template-columns:1fr}}.writopin-root .site-automation{gap:16px;display:grid}.writopin-root .site-how{counter-reset:how;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.writopin-root .site-how li{border:1px solid var(--hairline);counter-increment:how;border-radius:12px;gap:2px;padding:12px 12px 12px 44px;font-size:13px;display:grid;position:relative}.writopin-root .site-how li:before{content:counter(how);color:#5d3a8a;background:#f1e9fc;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid;position:absolute;top:12px;left:12px}.writopin-root .site-how span{color:var(--muted)}.writopin-root .site-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.writopin-root .site-card-head h3{align-items:center;gap:8px;margin:0 0 2px;display:flex}.writopin-root .site-card-head a{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:13px;display:inline-flex;overflow:hidden}.writopin-root .site-next{margin:0}.writopin-root .site-status{gap:10px;margin:0;padding:0;list-style:none;display:grid}.writopin-root .site-status-row{border:1px solid var(--hairline);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:12px 14px;display:grid}.writopin-root .site-status-head{grid-column:1;align-items:center;gap:10px;display:flex}.writopin-root .site-status-row p{color:var(--muted);grid-column:1;margin:0;font-size:13px;line-height:1.5}.writopin-root .site-status-action{grid-area:1/2/span 2;align-self:center}.writopin-root .site-badge{color:#5f5867;background:#efecf3;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.writopin-root .site-badge.is-success{color:#17623f;background:#e3f4ea}.writopin-root .site-badge.is-warning{color:#7a5200;background:#fdf1d8}.writopin-root .site-badge.is-info{color:#1f5a96;background:#e6f0fb}.writopin-root .site-verify{background:#faf7fe;border:1px solid #ddd0f0;border-radius:12px;gap:10px;padding:14px;display:grid}.writopin-root .site-verify h4,.writopin-root .site-recent h4{margin:0;font-size:14px}.writopin-root .site-verify p{margin:0;font-size:13px}.writopin-root .site-verify-actions{flex-wrap:wrap;gap:8px;display:flex}.writopin-root .site-copy{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;display:grid}.writopin-root .site-copy code{white-space:nowrap;background:#fff;border:1px solid #e0d6ee;border-radius:8px;padding:8px 10px;font-size:12px;overflow-x:auto}.writopin-root .site-recent{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.writopin-root .site-recent ul{gap:6px;margin:8px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.writopin-root .site-recent li{color:var(--ink);flex-wrap:wrap;gap:2px 10px;display:flex}.writopin-root .site-recent li>span:first-child{color:var(--muted)}.writopin-root .site-empty{justify-items:start;gap:6px;display:grid}.writopin-root .site-empty h3,.writopin-root .site-empty p{margin:0}.writopin-root .theme-dark .site-how li,.writopin-root .theme-dark .site-status-row{border-color:#35303c}.writopin-root .theme-dark .site-verify{background:#221d2c;border-color:#3d3350}.writopin-root .theme-dark .site-copy code{color:#eeeaf3;background:#19161e;border-color:#403947}.writopin-root .theme-dark .site-badge{color:#d8d1e2;background:#2e2935}.writopin-root .theme-dark .site-badge.is-success{color:#bfeed6;background:#17402e}.writopin-root .theme-dark .site-badge.is-warning{color:#f6dfa4;background:#4a3a14}.writopin-root .theme-dark .site-badge.is-info{color:#bcd6f5;background:#1d3350}@media (width<=640px){.writopin-root .site-status-row{grid-template-columns:1fr}.writopin-root .site-status-action{grid-area:auto/1}.writopin-root .site-copy{grid-template-columns:1fr}}.writopin-root .product-verify-hint{color:#4a2c82;background:#f6f0ff;border:1px solid #d9c8f3;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.writopin-root.theme-dark .product-verify-hint,.writopin-root .theme-dark .product-verify-hint{color:#d9c8f3;background:#241a3a;border-color:#4b3578}.writopin-root .workspace-manager{gap:16px;display:grid}.writopin-root .workspace-name-row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.writopin-root .workspace-name-row label{flex:240px;gap:6px;font-weight:600;display:grid}.writopin-root .workspace-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.writopin-root .workspace-list li{border:1px solid var(--hairline);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px 14px;display:flex}.writopin-root .workspace-list li.is-active{background:#7e3af20f;border-color:#7e3af2}.writopin-root .workspace-list li>div{gap:2px;min-width:0;display:grid}.writopin-root .workspace-list strong{overflow-wrap:anywhere}.writopin-root .workspace-current{color:#5b21b6;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.writopin-root .workspace-meter{gap:8px;margin:8px 0 12px;display:grid}.writopin-root .workspace-meter-bar{background:var(--hairline);border-radius:999px;height:8px;overflow:hidden}.writopin-root .workspace-meter-bar span{border-radius:inherit;background:#7e3af2;height:100%;display:block}.writopin-root .workspace-limit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.writopin-root .workspace-limit p{margin:0}.writopin-root .timezone-field{gap:6px;display:grid}.writopin-root .timezone-field>label{font-weight:600}.writopin-root .timezone-select{gap:6px;display:grid;position:relative}.writopin-root .timezone-input{position:relative}.writopin-root .timezone-input input{width:100%;padding-right:34px}.writopin-root .timezone-input svg{pointer-events:none;opacity:.6;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.writopin-root .timezone-select ul{z-index:30;border:1px solid var(--hairline);background:var(--surface,#fff);border-radius:12px;max-height:260px;margin:0;padding:4px;list-style:none;position:absolute;top:46px;left:0;right:0;overflow:auto;box-shadow:0 16px 40px #140c282e}.writopin-root .timezone-select li{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.writopin-root .timezone-select li.is-active{background:#7e3af21a}.writopin-root .timezone-empty{color:#6b7280;cursor:default}.writopin-root .timezone-detected{justify-self:start}.writopin-root .site-panel{background:#fff;border:1px solid #eae7ed;border-radius:13px;min-width:0;padding:18px;display:block;box-shadow:0 3px 12px #20162b06}.writopin-root .site-panel>h2,.writopin-root .site-panel>h3{margin:0 0 4px}.writopin-root .site-panel>p{color:var(--muted);margin:0;font-size:14px}.writopin-root .site-card{gap:16px;display:grid}.writopin-root .theme-dark .site-panel{color:#eeeaf3;background-color:#211d27;border-color:#332d3a}.writopin-root .theme-dark .site-panel>p{color:#aaa2b1}@media (width<=560px){.writopin-root .site-panel{padding:14px}}.writopin-root .team-invite-form{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.writopin-root .team-invite-form input[type=email]{border-radius:10px;flex:240px;width:auto;min-width:0;height:42px}.writopin-root .team-invite-form select{flex:0 180px;min-width:0}.writopin-root .team-invite-form .create-button{flex:none}.writopin-root .theme-dark .publication-page-heading .eyebrow-label{color:#b69bd8}.writopin-root .theme-dark .publication-page-heading h1{color:#f1ecf7}.writopin-root .theme-dark .publication-page-heading p{color:#b4abbc}.writopin-root .theme-dark .publication-heading-actions .timezone-pill{color:#d6cde0;background:#28232e;border-color:#403747}.writopin-root .theme-dark .publication-summary-card em{color:#b2a9b9}.writopin-root .theme-dark .publication-search>button{color:#b9b1c3}.writopin-root .theme-dark .planner-picker small,.writopin-root .theme-dark .planner-picker-grid li small{color:#b2a9b9}.writopin-root .theme-dark .planner-picker input[type=checkbox]{accent-color:#a677f1}.writopin-root .theme-dark .planner-picker .text-button{color:#c2a8fa}.writopin-root .theme-dark .planner-picker .text-button:hover{color:#dcf}.writopin-root .theme-dark .planner-picker>.builder-muted,.writopin-root .theme-dark .publication-destination,.writopin-root .theme-dark .publication-row-meta{color:#b2a9b9}.writopin-root .theme-dark .publication-destination svg,.writopin-root .theme-dark .publication-row-meta svg{color:#bca9d4}.writopin-root .theme-dark .publication-error{color:#ff9ba4}.writopin-root .theme-dark .publication-open-action{color:#ddd6e5;background:#28232e;border-color:#403947}.writopin-root .theme-dark .publication-empty p{color:#b2a9b9}.writopin-root .brand-mark-image{object-fit:contain;width:100%;height:100%;display:block}.writopin-root .auth-modal-mark{overflow:hidden}.writopin-root .auth-modal-mark img{object-fit:contain;width:100%;height:100%;display:block}.writopin-root .account-page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.writopin-root .account-sign-out{flex:none}.writopin-root .product-form-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;margin-bottom:14px;display:flex}.writopin-root .product-form-heading h2{margin:0 0 4px}.writopin-root .product-form-heading p{color:#746c7c;max-width:680px;margin:0;font-size:13px;line-height:1.5}.writopin-root .product-form-heading>small{color:#746c7c;font-size:12px}.writopin-root .product-delete-dialog{width:min(100%,460px)}.writopin-root .product-delete-error{margin:12px 19px 0}.writopin-root .product-delete-actions{flex-wrap:wrap;padding:14px 19px 18px}.writopin-root .theme-dark .library-tabs{background:#211d27;border-color:#39323f}.writopin-root .theme-dark .library-tabs button{color:#c6bdcf;background:0 0;border-color:#0000}.writopin-root .theme-dark .library-tabs button.is-active,.writopin-root .theme-dark .library-tabs button[aria-selected=true]{color:#f0e8fa;background:#342840;border-color:#4a3b5b}.writopin-root .theme-dark .demo-chip,.writopin-root .theme-dark .demo-pill{color:#dcc7f8;background:#302638;border-color:#4a3b5b}.writopin-root .theme-dark .review-page-heading h1,.writopin-root .theme-dark .review-page-heading p{color:#eeeaf3}.writopin-root .theme-dark .review-page-heading .eyebrow-label{color:#bb9ce0}.writopin-root .theme-dark .review-result-count{color:#e3d5f3;background:#302638;border-color:#4a3b5b}.writopin-root .theme-dark .review-bulkbar{color:#eeeaf3;background:#28232e;border-color:#42374e}.writopin-root .theme-dark .review-bulkbar>div:first-child strong{color:#f0eaf6}.writopin-root .theme-dark .review-bulkbar>div:first-child small{color:#b7adbf}.writopin-root .theme-dark .workspace-meter-bar{background:#3a3342}.writopin-root .theme-dark .workspace-meter-bar span{background:#9b6cf1}.writopin-root .theme-dark .team-invite-form{background:#211d27;border-color:#39323f}.writopin-root .theme-dark .workspace-report-card{color:#eeeaf3;background:#211d27;border-color:#39323f}.writopin-root .theme-dark .workspace-report-card h3{color:#f0eaf6}.writopin-root .theme-dark .workspace-report-card p{color:#b8b0c0}.writopin-root .theme-dark .automation-card{color:#eeeaf3;background:#211d27;border-color:#39323f}.writopin-root .theme-dark .automation-row strong,.writopin-root .theme-dark .automation-run-history h3,.writopin-root .theme-dark .automation-run-row strong{color:#f0eaf6}.writopin-root .theme-dark .automation-row small,.writopin-root .theme-dark .automation-row>span,.writopin-root .theme-dark .automation-run-row small{color:#b8b0c0}.writopin-root .theme-dark .usage-panel{color:#eeeaf3;background:#211d27;border-color:#39323f}.writopin-root .theme-dark .usage-panel h2,.writopin-root .theme-dark .usage-panel h3,.writopin-root .theme-dark .usage-panel .section-heading h2{color:#f0eaf6}.writopin-root .theme-dark .usage-panel p,.writopin-root .theme-dark .usage-panel .section-heading p{color:#b8b0c0}.writopin-root .theme-dark .usage-entitlements>span,.writopin-root .theme-dark .usage-reservations article{color:#ddd5e4;background:#292330;border-color:#39323f}.writopin-root .theme-dark .usage-entitlements strong,.writopin-root .theme-dark .usage-reservations article strong{color:#e1caff}.writopin-root .theme-dark .usage-reservations article span,.writopin-root .theme-dark .usage-reservations article small{color:#b8b0c0}.writopin-root .theme-dark .usage-panel progress{accent-color:#9b6cf1}.writopin-root .theme-dark .insight-metric-grid>article,.writopin-root .theme-dark .notification-summary-grid>article{color:#eeeaf3;background:#211d27;border-color:#39323f}.writopin-root .theme-dark .insight-metric-grid>article>span,.writopin-root .theme-dark .insight-metric-grid>article>small,.writopin-root .theme-dark .notification-summary-grid>article span,.writopin-root .theme-dark .notification-summary-grid>article small{color:#b8b0c0}.writopin-root .theme-dark .insight-metric-grid>article>strong,.writopin-root .theme-dark .notification-summary-grid>article strong{color:#f0eaf6}.writopin-root .theme-dark .insights-toolbar{color:#eeeaf3;background:#211d27;border-color:#39323f}.writopin-root .theme-dark .insights-toolbar>div:first-child strong{color:#f0eaf6}.writopin-root .theme-dark .insights-toolbar>div:first-child small,.writopin-root .theme-dark .insights-toolbar label{color:#b8b0c0}.writopin-root .theme-dark .notification-filter-bar{background:#211d27;border-color:#39323f}.writopin-root .theme-dark .notification-filter-bar button{color:#c6bdcf}.writopin-root .theme-dark .notification-filter-bar button>span{color:#e5ddec;background:#39323f}.writopin-root .theme-dark .notification-filter-bar button.is-active>span{color:#f0e8fa;background:#4a3b5b}.writopin-root .theme-dark .notification-card{color:#eeeaf3;background:#211d27;border-color:#39323f}.writopin-root .theme-dark .notification-card.is-unread{background:#292330;border-color:#634b7d}.writopin-root .theme-dark .notification-card-copy h2{color:#f0eaf6}.writopin-root .theme-dark .notification-card-copy p,.writopin-root .theme-dark .notification-card-copy>small,.writopin-root .theme-dark .notification-card-kicker{color:#b8b0c0}.writopin-root .theme-dark .notification-card-kicker>span:last-child{color:#d4b5fb}.writopin-root .theme-dark .notification-category-icon{color:#d9c3f6;background:#352a43}.writopin-root .theme-dark .popover-footer{color:#e6d8f5;background:#292330;border-color:#39323f}.writopin-root .theme-dark .popover-footer:hover{background:#342840}.writopin-root .theme-dark input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),.writopin-root .theme-dark textarea,.writopin-root .theme-dark select{color:#eeeaf3;background-color:#211d27;border-color:#423a4c}.writopin-root .theme-dark input::placeholder,.writopin-root .theme-dark textarea::placeholder{color:#a79dad;opacity:1}.writopin-root .theme-dark input[type=checkbox],.writopin-root .theme-dark input[type=radio]{accent-color:#9b6cf1}.writopin-root .theme-dark .secondary-button,.writopin-root .theme-dark .icon-button{color:#e6dfee;background:#292330;border-color:#453b50}.writopin-root .theme-dark .secondary-button:hover,.writopin-root .theme-dark .icon-button:hover{color:#f4ecff;background:#342840;border-color:#6a5287}.writopin-root .theme-dark .board-detail-cover-actions .secondary-button{color:#eeeaf3;background:#292330;border-color:#564760}.writopin-root .theme-dark .board-catalog-search input,.writopin-root .theme-dark .template-sort select{color:#eeeaf3;background:#211d27;border-color:#423a4c}.writopin-root .theme-dark .pin-context-menu button{color:#e6dfee}.writopin-root .theme-dark .pin-context-menu button:disabled{color:#a79dad;opacity:1}.writopin-root .theme-dark .pin-context-menu button:hover:not(:disabled){color:#f5effb;background:#342840}.writopin-root .theme-dark .editor-inspector,.writopin-root .theme-dark .editor-panel-content{color:#eeeaf3;background:#211d27;border-color:#39323f}.writopin-root .theme-dark .editor-inspector-tabs{background:#211d27;border-color:#39323f}.writopin-root .theme-dark .editor-inspector-tabs button,.writopin-root .theme-dark .editor-segmented button,.writopin-root .theme-dark .editor-layer-entry,.writopin-root .theme-dark .editor-layer-entry>button{color:#d9d1e1;background:#292330;border-color:#423a4c}.writopin-root .theme-dark .editor-inspector-tabs button.active,.writopin-root .theme-dark .editor-segmented button.is-active{color:#f0e4ff;background:#3b2b4a;border-color:#704e95}.writopin-root .theme-dark .editor-panel-content h3,.writopin-root .theme-dark .editor-panel-content label,.writopin-root .theme-dark .editor-panel-content strong{color:#eeeaf3}.writopin-root .theme-dark .editor-panel-content p,.writopin-root .theme-dark .editor-panel-content small,.writopin-root .theme-dark .editor-layer-entry small{color:#b8b0c0}.writopin-root .theme-dark .editor-open-design select{color:#eeeaf3;background:#211d27;border-color:#423a4c}.writopin-root .theme-dark .editor-layer-entry.is-selected{background:#332640;border-color:#7854a0}.writopin-root .theme-dark .product-preview>.prototype-notice{color:#d3c9dc;background:#292330;border-color:#514160}.writopin-root .theme-dark .product-preview>.prototype-notice strong{color:#f0eaf6}.writopin-root .theme-dark .product-preview>.prototype-notice small,.writopin-root .theme-dark .product-form-heading p,.writopin-root .theme-dark .product-form-heading>small,.writopin-root .theme-dark .product-card-text small,.writopin-root .theme-dark .product-empty,.writopin-root .theme-dark .product-delete-dialog .modal-header p{color:#b8b0c0}.writopin-root .theme-dark .product-delete-dialog .danger-button{color:#ffe5e9;background:#562b37;border-color:#753c4a}.writopin-root .theme-dark .auth-modal-mark{background:#352544}.writopin-root .theme-dark .popover-profile .account-stats{background:#292330;border-color:#39323f}.writopin-root .theme-dark .popover-profile .account-stats strong{color:#f0eaf6}.writopin-root .theme-dark .popover-profile .account-stats small{color:#b8b0c0}@media (width<=760px){.writopin-root .account-page-header{flex-direction:column;align-items:flex-start}.writopin-root .account-page-actions{justify-content:space-between;width:100%}.writopin-root .account-header-stats{flex:240px}.writopin-root .product-catalog-bar>*{min-width:0}.writopin-root .product-preview .product-catalog-bar select{flex:170px}}@media (width<=560px){.writopin-root .product-form{padding:14px}.writopin-root .product-form-grid{grid-template-columns:minmax(0,1fr)}.writopin-root .product-form-wide{grid-column:auto}.writopin-root .product-delete-scrim{align-items:end;padding:12px}.writopin-root .product-delete-dialog{border-radius:16px 16px 12px 12px;width:100%;max-height:calc(100dvh - 24px)}.writopin-root .product-delete-actions>button{flex:120px}.writopin-root .popover-profile{width:min(340px,100vw - 24px)}.writopin-root .popover-profile .account-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.writopin-root .popover-profile .account-stats strong{font-size:13px}.writopin-root .popover-profile .account-stats small{overflow-wrap:anywhere;font-size:10px}}.writopin-root .popover-profile{overscroll-behavior:contain;width:min(310px,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 76px);overflow:hidden auto}.writopin-root .popover-profile .account-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.writopin-root .popover-profile .account-stats>span{min-width:0}.writopin-root .popover-profile .account-stats strong,.writopin-root .popover-profile .account-stats small{text-align:center;max-width:100%}.writopin-root .popover-profile .account-stats strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.writopin-root .popover-profile .account-stats small{white-space:normal;line-height:1.25}.writopin-root .theme-dark .status-published{color:#adf0c1;background:#173526;border-color:#28563a}.writopin-root .theme-dark .status-scheduled{color:#d9bdff;background:#322543;border-color:#553e70}.writopin-root .theme-dark .status-draft,.writopin-root .theme-dark .status-review,.writopin-root .theme-dark .status-uncertain{color:#e0d9e7;background:#302c36;border-color:#4b4552}.writopin-root .theme-dark .status-trash,.writopin-root .theme-dark .status-failed{color:#ffb8c0;background:#43282e;border-color:#713942}.writopin-root .theme-dark .pin-row .board-cell{color:#e0d9e7;min-width:0}.writopin-root .board-cell-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.writopin-root .theme-dark .pin-row .board-mini-icon{color:#c7a5fa;background:#342940}.writopin-root .library-tabs button span{font-variant-numeric:tabular-nums;min-width:20px;padding:0 5px;line-height:1}.writopin-root .library-tabs button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.writopin-root .theme-dark .library-tabs button span{color:#e2d2f4;background:#302638;border:1px solid #51445e}.writopin-root .theme-dark .library-tabs button.is-active span,.writopin-root .theme-dark .library-tabs button[aria-selected=true] span{color:#fff;background:#49365d;border-color:#6a5185}.writopin-root .insight-detail-grid>*{min-width:0}.writopin-root .insights-chart-card{min-width:0;overflow:hidden}.writopin-root .insights-chart{overscroll-behavior-x:contain;scrollbar-color:#665d70 transparent;scrollbar-width:thin;width:100%;min-width:0;max-width:100%;overflow-x:auto}.writopin-root .insights-chart:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.writopin-root .insights-chart-column{flex:1 0 38px}.writopin-root .theme-dark .timezone-input input{color:#eeeaf3;background:#19161e;border-color:#403947}.writopin-root .theme-dark .timezone-input input::placeholder{color:#948a9c}.writopin-root .theme-dark .timezone-input svg{color:#c5b9d1}.writopin-root .theme-dark .timezone-select ul{color:#eeeaf3;background:#211d27;border-color:#494151;box-shadow:0 18px 44px #0000006b}.writopin-root .theme-dark .timezone-select li{color:#e5deeb}.writopin-root .theme-dark .timezone-select li.is-active,.writopin-root .theme-dark .timezone-select li[aria-selected=true]{color:#fff;background:#3a2a4b}.writopin-root .theme-dark .timezone-empty{color:#b2a9b9}.writopin-root .theme-dark .timezone-detected{color:#c8a9ff;border-radius:8px;transition:background-color .15s,color .15s,box-shadow .15s}.writopin-root .theme-dark .timezone-detected:hover,.writopin-root .theme-dark .timezone-detected:focus-visible{color:#f0e5ff;background:#302638}.writopin-root .theme-dark .timezone-detected:focus-visible{outline-offset:2px;outline:2px solid #a677f1}.writopin-root .planner-picker input[type=checkbox]{appearance:none;cursor:pointer;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:12px 12px;border:1.5px solid #b8afc2;border-radius:5px;flex:0 0 18px;width:18px;height:18px;margin:0;transition:border-color .14s,background-color .14s,box-shadow .14s}.writopin-root .planner-picker input[type=checkbox]:hover:not(:disabled){border-color:#8244ee}.writopin-root .planner-picker input[type=checkbox]:checked{background-color:#8244ee;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 8 3.3 3.3L13 4.8' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#7540d4}.writopin-root .planner-picker input[type=checkbox]:focus-visible{outline-offset:2px;outline:3px solid #8244ee38}.writopin-root .planner-picker input[type=checkbox]:disabled{cursor:not-allowed;opacity:.55}.writopin-root .planner-picker-actions label{border:1px solid var(--hairline);cursor:pointer;background:#fff;border-radius:10px;min-height:38px;padding:0 11px}.writopin-root .planner-picker-grid li{min-width:0;transition:border-color .14s,background-color .14s,box-shadow .14s}.writopin-root .planner-picker-grid li:hover,.writopin-root .planner-picker-grid li:focus-within{border-color:#b99be9}.writopin-root .planner-picker-grid li.is-picked{background:#faf7ff}.writopin-root .planner-pick{min-height:54px}.writopin-root .template-photo-toggle{border:1px solid var(--hairline);color:#4e4654;white-space:nowrap;cursor:pointer;background:#fff;border-radius:10px;min-height:36px;margin-left:auto;padding:0 11px;transition:border-color .14s,background-color .14s,color .14s}.writopin-root .template-photo-toggle:hover,.writopin-root .template-photo-toggle:focus-within{background:#faf7ff;border-color:#b99be9}.writopin-root .template-photo-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--purple);margin:0}.writopin-root .theme-dark .planner-picker input[type=checkbox]{background-color:#211d27;border-color:#70677a}.writopin-root .theme-dark .planner-picker input[type=checkbox]:hover:not(:disabled){border-color:#c3a5ff}.writopin-root .theme-dark .planner-picker input[type=checkbox]:checked{background-color:#8244ee;border-color:#a677f1}.writopin-root .theme-dark .planner-picker-actions label{color:#eeeaf3;background:#292430;border-color:#494151}.writopin-root .theme-dark .template-photo-toggle{color:#e2dbe9;background:#292430;border-color:#494151}.writopin-root .theme-dark .template-photo-toggle:hover,.writopin-root .theme-dark .template-photo-toggle:focus-within{color:#f4ecff;background:#342840;border-color:#765c98}.writopin-root .theme-dark .template-photo-toggle input[type=checkbox]{accent-color:#a677f1}.writopin-root .theme-dark .planner-picker-grid li:hover,.writopin-root .theme-dark .planner-picker-grid li:focus-within{background:#2c2634;border-color:#765c98}.writopin-root .theme-dark .planner-picker-grid li.is-picked{background:#30243c}@media (forced-colors:active){.writopin-root .planner-picker input[type=checkbox]{appearance:auto;accent-color:highlight}}@media (width<=560px){.writopin-root .popover-profile{width:min(310px,100vw - 16px);max-width:calc(100vw - 16px)}.writopin-root .planner-picker-grid{grid-template-columns:minmax(0,1fr)}.writopin-root .planner-picker-actions{justify-content:space-between;gap:8px;width:100%}.writopin-root .planner-picker-actions .create-button{flex:auto;justify-content:center}}.writopin-root .settings-tabs button.active{color:#542c88;background:#f3edfa;border-color:#ddcff0;box-shadow:0 2px 7px #4d26720f}.writopin-root .theme-dark .settings-tabs button.active{color:#f2e8ff;background:#362a44;border-color:#5a456d}.writopin-root .settings-tabs button small{display:none}.writopin-root .preference-helper-copy{color:#77717e;font-size:12px;line-height:1.5}.writopin-root .theme-dark .preference-helper-copy{color:#aaa1b2}.writopin-root .workspace-manager{gap:10px}.writopin-root .workspace-manager>.settings-panel-card{padding:15px}.writopin-root .workspace-manager>.settings-panel-card>p{color:#77717e;max-width:66ch;font-size:12.5px;line-height:1.5}.writopin-root .theme-dark .workspace-manager>.settings-panel-card>p{color:#aaa1b2}.writopin-root .workspace-list li{padding:9px 11px}.writopin-root .site-automation>.site-panel:first-child>p{color:#77717e;max-width:68ch;margin-top:5px;font-size:12.5px;line-height:1.5}.writopin-root .theme-dark .site-automation>.site-panel:first-child>p{color:#aaa1b2}.writopin-root .automation-intro{color:#77717e;max-width:68ch;margin:5px 0 0;font-size:12.5px;line-height:1.5}.writopin-root .theme-dark .automation-intro{color:#aaa1b2}.writopin-root .insights-toolbar{min-height:0;padding:10px 13px}.writopin-root .insights-toolbar>div:first-child strong{font-size:13px}.writopin-root .insights-toolbar>div:first-child small{max-width:62ch;line-height:1.4}.writopin-root .usage-panel progress{appearance:none;color:#7542c1;background:#ece7f1;border:0;border-radius:999px;width:100%;height:9px;overflow:hidden}.writopin-root .usage-panel progress::-webkit-progress-bar{background:#ece7f1;border-radius:999px}.writopin-root .usage-panel progress::-webkit-progress-value{background:linear-gradient(90deg,#7650c8,#a978ea);border-radius:999px}.writopin-root .usage-panel progress::-moz-progress-bar{background:linear-gradient(90deg,#7650c8,#a978ea);border-radius:999px}.writopin-root .theme-dark .usage-panel progress{background:#39323f}.writopin-root .theme-dark .usage-panel progress::-webkit-progress-bar{background:#39323f}.writopin-root .profile-signout{border-top:1px solid #eeeaf1;margin-top:9px;padding-top:10px}.writopin-root .theme-dark .profile-signout{border-color:#39323f}.writopin-root .build-ai-copy-content{gap:5px!important}.writopin-root .build-ai-copy-heading{color:#6337a3;align-items:center;gap:6px!important;display:flex!important}.writopin-root .build-ai-copy-heading strong{font-size:12px;font-weight:650}.writopin-root .build-ai-copy-heading>small{color:#69489b;background:#f1eafa;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px}.writopin-root .product-ai-copy{background:#fbf9fd;border:1px solid #e8e1f0;border-radius:12px;align-items:flex-start;padding:10px 12px}.writopin-root .product-ai-copy>span{gap:5px;display:grid}.writopin-root .product-ai-copy-heading{color:#6337a3;align-items:center;gap:6px;display:flex}.writopin-root .product-ai-copy-heading strong{font-size:12px;font-weight:650}.writopin-root .product-ai-copy-heading>small{color:#69489b;background:#f1eafa;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px}.writopin-root .product-ai-copy>span>small{color:#77717e;font-size:11px;line-height:1.5}.writopin-root .theme-dark .product-ai-copy{background:#292330;border-color:#4c3d5d}.writopin-root .theme-dark .product-ai-copy-heading{color:#d4b4ff}.writopin-root .theme-dark .product-ai-copy-heading>small{color:#dfc9fb;background:#392a4b}.writopin-root .theme-dark .product-ai-copy>span>small{color:#b8b0c0}.writopin-root .theme-dark .build-ai-copy-heading{color:#d4b4ff}.writopin-root .theme-dark .build-ai-copy-heading>small{color:#dfc9fb;background:#392a4b}.writopin-root .board-catalog-search{width:min(360px,100%);max-width:100%}.writopin-root .editor-pin-status{align-items:center;gap:6px;min-width:0;display:flex}.writopin-root .editor-status-badge,.writopin-root .editor-copy-badge{color:#5b5361;background:#f7f5f9;border:1px solid #e7e1ec;border-radius:999px;flex:none;align-items:center;min-height:23px;padding:0 8px;font-size:11px;font-weight:650;display:inline-flex}.writopin-root .editor-status-badge.state-scheduled{color:#6338a4;background:#f4efff;border-color:#d5c4f3}.writopin-root .editor-status-badge.state-published{color:#26724a;background:#edf9f2;border-color:#bde5d0}.writopin-root .editor-status-badge.state-failed,.writopin-root .editor-status-badge.state-uncertain{color:#8a561b;background:#fff7ea;border-color:#f0d2ae}.writopin-root .editor-status-date{color:#6f6675;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;font-size:11px;display:inline-flex;overflow:hidden}.writopin-root .editor-status-date svg{color:#7143aa;flex:none}.writopin-root .editor-copy-badge{color:#46677f;background:#f0f7fc;border-color:#d9e5ef}.writopin-root .editor-publish-action{background:#7c3aed}.writopin-root .editor-publish-action:hover{background:#6d28d9}.writopin-root .editor-scheduled-warning-scrim{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#170e2480;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.writopin-root .editor-scheduled-warning{color:#312b37;background:#fff;border:1px solid #e9e2ef;border-radius:16px;width:min(100%,440px);padding:22px;box-shadow:0 24px 72px #150c2340}.writopin-root .editor-scheduled-warning-icon,.writopin-root .editor-connect-dialog-icon{color:#7143aa;background:#f1eaff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.writopin-root .editor-scheduled-warning h2{letter-spacing:-.025em;margin:13px 0 6px;font-size:18px}.writopin-root .editor-scheduled-warning p{color:#746b7b;margin:0;font-size:13px;line-height:1.55}.writopin-root .editor-scheduled-warning-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.writopin-root .editor-connect-modal{scrollbar-width:thin;scrollbar-color:#c9bed6 transparent;width:min(100%,420px);max-height:min(88dvh,560px);overflow-y:auto}.writopin-root .editor-connect-modal::-webkit-scrollbar{width:5px}.writopin-root .editor-connect-modal::-webkit-scrollbar-thumb{background:#c9bed6;border-radius:99px}.writopin-root .editor-connect-dialog-content{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;padding:18px 20px 4px;display:grid}.writopin-root .editor-connect-dialog-content strong{color:#3c3543;margin:2px 0 5px;font-size:13px;display:block}.writopin-root .editor-connect-dialog-content p{color:#756d7b;margin:0;font-size:12px;line-height:1.55}.writopin-root .editor-connect-dialog-content .editor-connect-account-note{color:#8b591b;margin-top:8px}.writopin-root .editor-connect-modal>.modal-actions{flex-wrap:wrap;padding:10px 20px 18px}.writopin-root .publication-row.is-focused{background:#fbf8ff;border-color:#a981ea;box-shadow:0 0 0 2px #e8dcfb}@media (width<=1080px){.writopin-root .editor-toolbar{flex-wrap:wrap}.writopin-root .editor-pin-status{max-width:100%}.writopin-root .editor-main-actions{scrollbar-width:thin;max-width:100%;overflow-x:auto}}@media (width<=820px){.writopin-root .editor-toolbar{gap:7px}.writopin-root .editor-pin-status{flex:100%;order:3;padding:1px 0 2px;overflow-x:auto}.writopin-root .editor-main-actions{flex-wrap:nowrap;order:4;justify-content:flex-start;padding-bottom:2px}.writopin-root .editor-main-actions .secondary-button,.writopin-root .editor-main-actions .create-button{flex:none}.writopin-root .editor-scheduled-warning{border-radius:14px;padding:18px}}@media (width<=520px){.writopin-root .editor-scheduled-warning-actions{flex-direction:column;align-items:stretch}.writopin-root .editor-scheduled-warning-actions>button{width:100%;min-height:38px}.writopin-root .editor-connect-dialog-content,.writopin-root .editor-connect-modal>.modal-actions{padding-left:15px;padding-right:15px}}.writopin-root .degraded-banner{color:#8f2a20;background:#fdf1ef;border:1px solid #f0c4be;border-radius:12px;align-items:flex-start;gap:10px;margin:12px 16px 0;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.writopin-root .degraded-banner svg{flex:none;margin-top:2px}.writopin-root .degraded-banner>span{flex:1;min-width:0}.writopin-root .degraded-banner-dismiss{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;margin:-5px -6px 0 0;display:grid}.writopin-root .degraded-banner-dismiss:hover{background:#8f2a2012}.writopin-root .degraded-banner-dismiss:focus-visible{outline-offset:1px;outline:2px solid}.writopin-root .theme-dark .degraded-banner{color:#ffb4a9;background:#2c1816;border-color:#6b2f29}.writopin-root .theme-dark .degraded-banner-dismiss:hover{background:#ffb4a914}.writopin-root .editor-sample-banner{color:#7a1c15;background:#fdecea;border:1px solid #f1b0aa;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;margin:0 0 8px;padding:10px 14px;display:flex}.writopin-root .editor-sample-banner strong{font-size:14px;display:block}.writopin-root .editor-sample-banner p{margin:2px 0 0;font-size:13px;line-height:1.45}.writopin-root .editor-sample-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;font-weight:600;display:flex}.writopin-root .editor-layers button.has-issue,.writopin-root .editor-layer-list button.has-issue{box-shadow:inset 0 0 0 1.5px #d92d20}.writopin-root .editor-layers button.has-issue small,.writopin-root .editor-layer-list button.has-issue small{color:#b3261e;font-weight:600}.writopin-root .theme-dark .editor-sample-banner{color:#f4c7c3;background:#3a1f1e;border-color:#6b2a26}@media (width<=820px),(height<=620px){.writopin-root .content-scroll:has(.editor-page){overscroll-behavior:contain;overflow:hidden auto}.writopin-root .editor-page{height:auto;min-height:100%}}.writopin-root .template-switch-dialog{overscroll-behavior:contain;width:min(540px,100vw - 16px);max-height:calc(100dvh - 24px);overflow-y:auto}.writopin-root .template-switch-dialog .modal-header h2{overflow-wrap:anywhere;margin:0 0 6px;font-size:18px;font-weight:650;line-height:1.3}.writopin-root .template-switch-dialog .modal-header p,.writopin-root .template-switch-options small,.writopin-root .template-switch-summary li{color:#574f5e;font-size:14px;line-height:1.5}.writopin-root .template-switch-options strong{font-size:14px}.writopin-root .template-switch-previews{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:0 0 14px;display:grid}.writopin-root .template-switch-previews figure{gap:6px;min-width:0;margin:0;display:grid}.writopin-root .template-switch-previews figure>:first-child{aspect-ratio:2/3;object-fit:contain;border-radius:10px;width:100%;max-height:190px;overflow:hidden}.writopin-root .template-switch-previews figcaption{min-width:0;display:grid}.writopin-root .template-switch-previews figcaption small{color:#574f5e;font-size:12px}.writopin-root .template-switch-previews figcaption strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.writopin-root .template-switch-arrow{color:#574f5e;font-size:20px}.writopin-root .template-switch-dialog .modal-actions button{min-height:40px}.writopin-root .theme-dark .template-switch-dialog .modal-header p,.writopin-root .theme-dark .template-switch-options small,.writopin-root .theme-dark .template-switch-summary li,.writopin-root .theme-dark .template-switch-previews figcaption small,.writopin-root .theme-dark .template-switch-arrow{color:#cbc4d2}@media (width<=420px){.writopin-root .template-switch-previews figure>:first-child{max-height:140px}.writopin-root .template-switch-dialog .modal-actions{flex-direction:column-reverse}.writopin-root .template-switch-dialog .modal-actions button{width:100%}}.writopin-root .template-switch-options label:has(input:checked) strong{color:#29242f}.writopin-root .template-switch-options label:has(input:focus-visible){outline:2px solid var(--purple);outline-offset:2px}.writopin-root .theme-dark .template-switch-options label:has(input:checked){background:#2d2343;border-color:#a981ea}.writopin-root .theme-dark .template-switch-options label:has(input:checked) strong{color:#f1edf4}.writopin-root.brand-dialog-backdrop{z-index:120;overscroll-behavior:contain;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#140d2080;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.writopin-root .brand-dialog{box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--hairline);color:#29242f;background:#fff;border-radius:16px;gap:14px;width:min(640px,100%);min-width:0;max-height:calc(100dvh - 24px);padding:18px 20px 20px;display:grid;overflow-y:auto;box-shadow:0 24px 60px #1a102a40}.writopin-root .brand-dialog>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.writopin-root .brand-dialog h2{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:650;line-height:1.3;display:flex}.writopin-root .brand-dialog>header p,.writopin-root .brand-dialog-summary,.writopin-root .brand-dialog-compare figcaption{color:#574f5e;margin:0;font-size:14px;line-height:1.5}.writopin-root .brand-dialog-body{gap:14px;display:grid}.writopin-root .brand-dialog-kit{border:1px solid var(--hairline);border-radius:12px;gap:12px;min-width:0;padding:14px 16px;display:grid}.writopin-root .brand-dialog-kit>strong{font-size:15px;line-height:1.35}.writopin-root .brand-dialog-swatches{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px 12px;margin:0;padding:0;list-style:none;display:grid}.writopin-root .brand-dialog-swatches li{align-items:center;gap:8px;min-width:0;display:flex}.writopin-root .brand-dialog-swatches i{border:1px solid #00000026;border-radius:9px;flex:0 0 30px;width:30px;height:30px}.writopin-root .brand-dialog-swatches li>span{gap:2px;min-width:0;display:grid}.writopin-root .brand-dialog-swatch-label{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.25;overflow:hidden}.writopin-root .brand-dialog-swatches small{color:#746c7b;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.25;overflow:hidden}.writopin-root .brand-dialog-font{border-top:1px solid var(--hairline);align-items:center;gap:6px 10px;min-width:0;margin:0;padding-top:10px;display:flex}.writopin-root .brand-dialog-font-label{color:#746c7b;font-size:12px;font-weight:600}.writopin-root .brand-dialog-font strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden}.writopin-root .brand-dialog-font-sample{color:var(--purple);margin-left:auto;font-size:22px;font-weight:500;line-height:1}.writopin-root .brand-dialog-logo{object-fit:contain;max-width:120px;max-height:56px}.writopin-root .brand-dialog-compare{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.writopin-root .brand-dialog-compare figure{gap:6px;min-width:0;margin:0;display:grid}.writopin-root .brand-dialog-compare figure>:first-child{aspect-ratio:2/3;border-radius:10px;width:100%;max-height:240px;overflow:hidden}.writopin-root .brand-dialog-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.writopin-root .brand-dialog-actions button{min-height:40px}.writopin-root .brand-dialog-form{gap:12px}.writopin-root .theme-dark .brand-dialog,.writopin-root.theme-dark .brand-dialog{color:#eeeaf3;background:#211d27;border-color:#3a3342}.writopin-root .theme-dark .brand-dialog>header p,.writopin-root .theme-dark .brand-dialog-summary,.writopin-root .theme-dark .brand-dialog-swatches small,.writopin-root .theme-dark .brand-dialog-font-label,.writopin-root .theme-dark .brand-dialog-compare figcaption,.writopin-root.theme-dark .brand-dialog>header p,.writopin-root.theme-dark .brand-dialog-summary,.writopin-root.theme-dark .brand-dialog-swatches small,.writopin-root.theme-dark .brand-dialog-font-label,.writopin-root.theme-dark .brand-dialog-compare figcaption{color:#cbc4d2}@media (width<=520px){.writopin-root.brand-dialog-backdrop{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.writopin-root .brand-dialog{width:100%;max-height:calc(100dvh - 16px);padding:14px}.writopin-root .brand-dialog-kit{gap:10px;padding:12px}.writopin-root .brand-dialog-swatches{gap:8px}.writopin-root .brand-dialog-font-sample{font-size:20px}.writopin-root .brand-dialog-actions{flex-direction:column-reverse;align-items:stretch}.writopin-root .brand-dialog-compare figure>:first-child{max-height:170px}}.writopin-root .template-picker{width:min(1000px,100%);max-height:min(92vh,900px)}.writopin-root .template-picker .draft-switch-filters{gap:8px}.writopin-root .template-picker-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:14px;min-height:160px;padding:4px 18px 16px;display:grid;overflow-y:auto}.writopin-root .template-picker-card{text-align:left;cursor:pointer;background:0 0;border:0;gap:6px;padding:0;display:grid}.writopin-root .template-picker-card .library-pin-media{border:2px solid #0000;border-radius:14px;display:block;position:relative;overflow:hidden}.writopin-root .template-picker-card.is-selected .library-pin-media{border-color:#6e36d7}.writopin-root .template-picker-card[aria-disabled=true]{cursor:not-allowed;opacity:.55}.writopin-root .template-picker-card:focus-visible{outline-offset:2px;border-radius:14px;outline:3px solid #b993f5}.writopin-root .template-picker-card .library-pin-overlay{pointer-events:none}.writopin-root .template-picker-check{color:#fff;background:#6e36d7;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:8px;right:8px}.writopin-root .template-picker-caption{gap:1px;min-width:0;display:grid}.writopin-root .template-picker-caption strong{color:#2d2633;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.writopin-root .template-picker-caption small{color:#6f6977;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.writopin-root .template-picker-empty,.writopin-root .template-picker-more{text-align:center;grid-column:1/-1;justify-items:center;gap:8px;padding:18px 0;display:grid}.writopin-root .template-picker .draft-switch-filters .builder-chips{flex-wrap:wrap}@media (width<=640px){.writopin-root .template-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-inline:12px}.writopin-root .template-picker{border-radius:14px;max-height:100dvh}.writopin-root .template-picker .draft-switch-filters .builder-chips{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}}.writopin-root .theme-dark .template-picker-caption strong{color:#e9e2f2}.writopin-root .theme-dark .template-picker-caption small{color:#b3a9c0}.writopin-root .get-started{background:linear-gradient(135deg,#faf7ff,#fff);border:1px solid #8a48f038;border-radius:20px;margin-bottom:20px;padding:20px 22px}.writopin-root .get-started-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.writopin-root .get-started-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--purple-deep,#6e36d7);margin:0 0 4px;font-size:11px;font-weight:700}.writopin-root .get-started h2{letter-spacing:-.02em;margin:0;font-size:20px}.writopin-root .get-started-dismiss{color:#66727a;cursor:pointer;background:0 0;border:0;min-height:36px;padding:0 10px;font-size:13px}.writopin-root .get-started-steps{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.writopin-root .get-started-step{background:#fff;border:1px solid #170f2414;border-radius:14px;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.writopin-root .get-started-step.is-next{border-color:#8a48f066}.writopin-root .get-started-step p{color:#66727a;margin:2px 0 0;font-size:13px}.writopin-root .get-started-mark{width:32px;height:32px;color:var(--purple-deep,#6e36d7);background:#f1eafd;border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.writopin-root .get-started-step.is-done .get-started-mark{background:var(--purple,#8244ee);color:#fff}.writopin-root .get-started-done-label{color:#66727a;font-size:12px;font-weight:600}@media (width<=640px){.writopin-root .get-started-step{grid-template-columns:32px 1fr}.writopin-root .get-started-step>button,.writopin-root .get-started-done-label{grid-column:2;justify-self:start}}.writopin-root .get-started{color:var(--ink)}.writopin-root .get-started-step{border-color:var(--hairline)}.writopin-root .theme-dark .get-started,.writopin-root.theme-dark .get-started{background:linear-gradient(135deg,#251a3a,#1a1326);border-color:#b89ffa47}.writopin-root .theme-dark .get-started-step,.writopin-root.theme-dark .get-started-step{background:#ffffff0a;border-color:#b89ffa2e}.writopin-root .theme-dark .get-started-step.is-next,.writopin-root.theme-dark .get-started-step.is-next{border-color:#b89ffa80}.writopin-root .theme-dark .get-started-mark,.writopin-root.theme-dark .get-started-mark{color:#d9c9ff;background:#b89ffa2e}.writopin-root .theme-dark .get-started-step.is-done .get-started-mark,.writopin-root.theme-dark .get-started-step.is-done .get-started-mark{background:var(--purple,#8244ee);color:#fff}.writopin-root .theme-dark .get-started-kicker,.writopin-root.theme-dark .get-started-kicker{color:#c9b0ff}.writopin-root .theme-dark .get-started,.writopin-root.theme-dark .get-started{color:#ece7f0}.writopin-root .theme-dark .get-started-step p,.writopin-root.theme-dark .get-started-step p,.writopin-root .theme-dark .get-started-dismiss,.writopin-root.theme-dark .get-started-dismiss,.writopin-root .theme-dark .get-started-done-label,.writopin-root.theme-dark .get-started-done-label{color:#b3a9c0}.writopin-root .insights-pin-report{gap:12px;margin-top:16px;display:grid}.writopin-root .insights-pin-report h2{margin:0}.writopin-root .insights-pin-report p{margin:2px 0 0}.writopin-root .insights-pin-table-wrap{overflow-x:auto}.writopin-root .insights-pin-table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.writopin-root .insights-pin-table th,.writopin-root .insights-pin-table td{border-top:1px solid var(--hairline);text-align:right;font-variant-numeric:tabular-nums;padding:10px 12px}.writopin-root .insights-pin-table thead th{color:var(--muted);border-top:0;font-size:12px;font-weight:600}.writopin-root .insights-pin-table th:first-child{text-align:left;font-weight:600}.writopin-root .insights-pin-table th button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.writopin-root .insights-pin-table th button:hover{color:var(--purple)}.writopin-root .insights-pin-table th a{color:inherit;text-decoration:none}.writopin-root .insights-pin-table th a:hover{color:var(--purple);text-decoration:underline}.writopin-root .insights-pin-table small{color:var(--muted);margin-top:2px;font-weight:400;display:block}.writopin-root .site-panel.site-empty{justify-items:start;gap:10px;padding:22px;display:grid}.writopin-root .site-panel.site-empty>svg{color:var(--purple,#8244ee)}.writopin-root .site-panel.site-empty>h3{margin:4px 0 0;font-size:17px}.writopin-root .site-panel.site-empty>p{max-width:52ch;line-height:1.55}.writopin-root .site-panel.site-empty>.create-button{margin-top:6px}@media (width<=560px){.writopin-root .site-panel.site-empty{padding:18px}.writopin-root .site-panel.site-empty>.create-button{justify-content:center;width:100%}}
