:root{font-family:Segoe UI,Microsoft YaHei UI,Microsoft YaHei,sans-serif;color-scheme:light;color:#28251f;background:#f7f5f0;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #fffdfa;--surface: #f7f5f0;--line: #e7e1d7;--muted: #777168;--accent: #e9613c;--accent-dark: #c94b2b;--shadow: 0 12px 36px rgba(71, 56, 38, .08);--ambient-a: rgba(233, 97, 60, .09);--ambient-b: rgba(86, 151, 165, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--surface)}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(233,97,60,.18);outline-offset:1px}.app-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px 20px;display:flex;flex-direction:column;background:#22211e;color:#eee9df;border-right:1px solid #34312c}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;flex:none;color:#fff;background:var(--accent);border-radius:13px 13px 13px 5px;box-shadow:0 8px 22px #e9613c40}.brand strong{display:block;font-size:18px;letter-spacing:.02em}.brand span{display:block;margin-top:2px;font-size:10px;color:#8e8980;letter-spacing:.12em;text-transform:uppercase}.brand>.brand-mark{animation:brand-breathe 4.8s ease-in-out infinite}.version-badge{margin-left:auto;padding:3px 6px;color:#b7b1a8;background:#2d2b27;border:1px solid #3b3833;border-radius:6px;font-size:9px;font-weight:700;letter-spacing:.04em}.main-nav{display:flex;flex-direction:column;gap:5px}.nav-heading{margin:24px 12px 8px;color:#777269;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.nav-heading-row{display:flex;align-items:flex-end;justify-content:space-between}.nav-heading-row .nav-heading{flex:1}.add-group-button{width:27px;height:27px;display:grid;place-items:center;margin:0 6px 4px 0;color:#89847b;background:#292824;border:1px solid #37352f;border-radius:8px;cursor:pointer;transition:.18s ease}.add-group-button:hover{color:#fff;background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.nav-button-wrap{position:relative}.nav-button{width:100%;height:43px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:0 12px;color:#a9a49c;background:transparent;border:0;border-radius:10px;cursor:pointer;text-align:left;transition:.18s ease}.nav-button:hover{color:#fff;background:#2d2b27}.nav-button.active{color:#fff;background:#35322e;box-shadow:inset 3px 0 var(--accent)}.nav-button span{font-size:15px;font-weight:500}.nav-button small{min-width:24px;padding:2px 7px;color:#89847b;background:#292824;border-radius:999px;font-size:11px;text-align:center}.nav-button.active small{color:#ffc6b5;background:#e9613c29}.nav-button svg{display:block;flex:none;transform:none;transition:color .18s ease,opacity .18s ease}.nav-button:hover svg{transform:none;opacity:1}.nav-glyph{width:20px;height:20px;display:grid;place-items:center;color:inherit}.uploaded-category-icon{display:inline-block;flex:none;background:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.nav-button.category-themed:hover .nav-glyph,.nav-button.category-themed.active .nav-glyph{color:var(--category-color, var(--accent))}.nav-button.category-themed.active{box-shadow:inset 3px 0 var(--category-color, var(--accent))}.nav-button[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.nav-button[draggable=true]:active{cursor:grabbing}.nav-button.dragging{opacity:.48}.nav-button.drop-target{color:#fff;background:#302e2a;box-shadow:inset 3px 0 var(--category-color, var(--accent)),0 0 0 1px color-mix(in srgb,var(--category-color, var(--accent)) 62%,transparent)}.nav-button.category-themed.active small{color:color-mix(in srgb,var(--category-color, var(--accent)) 82%,white);background:color-mix(in srgb,var(--category-color, var(--accent)) 18%,transparent)}.custom-group-nav .nav-button{padding-right:72px}.custom-group-nav .nav-button small{position:absolute;right:41px}.manage-group-button{position:absolute;z-index:2;top:8px;right:7px;width:27px;height:27px;display:grid;place-items:center;padding:0;color:#aaa49c;background:transparent;border:1px solid #3b3934;border-radius:7px;cursor:pointer;transition:.16s ease}.manage-group-button:hover{color:#fff;background:var(--category-color, var(--accent))}.nav-button.category-wechat:hover svg,.nav-button.category-wechat.active svg{color:#69c792}.nav-button.category-xiaohongshu:hover svg,.nav-button.category-xiaohongshu.active svg{color:#e58a87}.nav-button.category-bilibili:hover svg,.nav-button.category-bilibili.active svg{color:#78b9d4}.nav-button.category-videochannel:hover svg,.nav-button.category-videochannel.active svg{color:#e0b14d}.nav-button.category-image:hover svg,.nav-button.category-image.active svg{color:#a99ce0}.nav-button.category-wechat.active{box-shadow:inset 3px 0 #55b982}.nav-button.category-xiaohongshu.active{box-shadow:inset 3px 0 #d96f6d}.nav-button.category-bilibili.active{box-shadow:inset 3px 0 #5ca3c1}.nav-button.category-videochannel.active{box-shadow:inset 3px 0 #d4a23a}.nav-button.category-image.active{box-shadow:inset 3px 0 #8d80cf}.nav-button.category-wechat.active small{color:#8fddb3;background:#49ae772e}.nav-button.category-xiaohongshu.active small{color:#f0a09d;background:#d96f6d2b}.nav-button.category-bilibili.active small{color:#9ed0e4;background:#5ca3c12b}.nav-button.category-videochannel.active small{color:#edc66f;background:#d4a23a2e}.nav-button.category-image.active small{color:#c0b6ed;background:#8d80cf2e}.sidebar-footer{margin-top:auto;display:grid;gap:5px;padding-top:18px;border-top:1px solid #393631}.local-badge{display:flex;align-items:center;gap:10px;margin:0 6px 10px;color:#7fb798}.local-badge span{display:flex;flex-direction:column}.local-badge strong{color:#c7d9ce;font-size:12px}.local-badge small{color:#747069;font-size:10px}.sidebar-action{display:flex;align-items:center;gap:9px;padding:9px 10px;color:#969188;background:transparent;border:0;border-radius:8px;font-size:13px;cursor:pointer}.sidebar-action:hover{color:#fff;background:#2d2b27}.install-action{color:#f1c48f;background:#e9613c14}.install-action:hover{color:#fff;background:#e9613c33}.danger-hover:hover{color:#ffac98}.main-content{position:relative;isolation:isolate;min-width:0;padding:50px clamp(28px,5vw,72px) 70px}.main-content:before,.main-content:after{content:"";position:fixed;z-index:-1;width:440px;height:440px;pointer-events:none;border-radius:50%;filter:blur(8px);opacity:.8}.main-content:before{top:-210px;right:-150px;background:radial-gradient(circle,var(--ambient-a),transparent 68%);animation:ambient-drift 13s ease-in-out infinite alternate}.main-content:after{bottom:-260px;left:18%;background:radial-gradient(circle,var(--ambient-b),transparent 70%);animation:ambient-drift 16s ease-in-out -4s infinite alternate-reverse}.main-content>*{position:relative;z-index:1}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1440px;margin:0 auto 31px;animation:page-rise .42s ease-out both}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.22em}.topbar h1{margin:0;font-family:Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-.04em}.page-title-row{display:flex;align-items:center;gap:13px}.page-title-row .manage-current-group{min-height:36px;padding:0 13px;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--paper));border-color:color-mix(in srgb,var(--accent) 35%,var(--line));font-size:12px}.page-title-row .manage-current-group:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.custom-group-hint{margin:7px 0 0;color:var(--muted);font-size:11px}.topbar-actions{display:flex;align-items:center;gap:9px}.primary-button,.secondary-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:.18s ease}.primary-button{color:#fff;background:var(--accent);border:1px solid var(--accent);box-shadow:0 7px 18px #e9613c33}.primary-button:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:wait;transform:none}.secondary-button{color:#514d47;background:#fff;border:1px solid var(--line)}.secondary-button:hover{border-color:#bcb3a7;background:#fcfaf6}.toolbar{display:flex;align-items:stretch;gap:12px;max-width:1440px;margin:0 auto;animation:page-rise .42s .05s ease-out both}.search-box{min-width:0;flex:1;height:48px;display:flex;align-items:center;gap:11px;padding:0 15px;color:#918a80;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 18px #47382609}.search-box:focus-within{border-color:#dc9b85;box-shadow:0 0 0 3px #e9613c14}.search-box input{width:100%;min-width:0;color:#2e2a25;background:transparent;border:0;outline:0;font-size:15px}.search-box input::placeholder{color:#aaa39a}.search-box button{display:grid;place-items:center;padding:5px;background:transparent;border:0;color:#908b83;cursor:pointer}.result-count{width:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ece8e0;border-radius:12px}.result-count strong{font-size:16px;line-height:1}.result-count span{margin-top:3px;color:var(--muted);font-size:10px}.tag-filter{max-width:1440px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:15px auto 25px;animation:page-rise .42s .1s ease-out both}.tag-filter-label{display:flex;align-items:center;gap:5px;margin-right:3px;color:var(--muted);font-size:13px}.tag-filter button{display:flex;align-items:center;gap:6px;padding:6px 10px;color:#736d64;background:transparent;border:1px solid #ded8cf;border-radius:999px;font-size:12px;cursor:pointer}.tag-filter button:hover,.tag-filter button.active{color:#be492a;background:#fff4ef;border-color:#edb29f}.tag-filter button small{color:#a29b92;font-size:10px}.tag-filter .tag-manage-button{margin-left:auto;color:#69635b;background:#f4f0ea;border-style:dashed}.tag-filter .tag-manage-button:hover{color:var(--accent-dark);background:#fff4ef;border-style:solid}.prompt-grid{max-width:1440px;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:19px;margin:0 auto}.toolbar+.prompt-grid{margin-top:25px}.prompt-card{position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:0 6px 25px #4738260b;cursor:pointer;transform:translateZ(0);backface-visibility:hidden;will-change:transform;animation:card-reveal .38s cubic-bezier(.2,.72,.28,1) backwards;animation-delay:var(--card-delay, .11s);transition:transform .26s cubic-bezier(.2,.75,.3,1),box-shadow .26s ease,border-color .2s ease}.prompt-card:hover{transform:translate3d(0,-4px,0);border-color:#d9d0c5;box-shadow:0 14px 34px #4738261c}.prompt-card[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.prompt-card[draggable=true]:active{cursor:grabbing}.prompt-card.dragging,.prompt-card.dragging:hover{opacity:.5;transform:scale(.985);box-shadow:none}.prompt-card.drop-target{border-color:var(--category-color, var(--accent));box-shadow:0 0 0 2px color-mix(in srgb,var(--category-color, var(--accent)) 40%,transparent),0 14px 34px #4738261c}.prompt-card button{-webkit-user-select:auto;user-select:auto}.prompt-card:focus-visible{outline:3px solid rgba(233,97,60,.3);outline-offset:3px}.card-cover{height:136px;overflow:hidden;background:#eee9e0}.card-cover img{width:100%;height:100%;display:block;object-fit:cover}.cover-placeholder{position:relative;isolation:isolate;display:flex;align-items:flex-end;padding:0 20px 18px;color:#836754;background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.72),transparent 34%),linear-gradient(135deg,#eadfd3,#f6efe6)}.cover-placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.24) 42.5%,transparent 43%);opacity:.8}.cover-watermark{position:absolute;z-index:-1;top:-43px;right:-30px;display:block;opacity:.1;transform:rotate(-8deg);transform-origin:center;transition:opacity .26s ease}.cover-watermark svg{display:block}.cover-platform-label{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;background:#ffffff8f;border:1px solid rgba(255,255,255,.46);border-radius:9px;box-shadow:0 7px 20px #4d36210f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:13px;font-weight:700;letter-spacing:.1em}.cover-platform-label svg{display:block;flex:none}.prompt-card:hover .cover-watermark{opacity:.14}.prompt-card.category-themed .cover-placeholder,.group-preview-cover.category-themed{color:var(--category-color);background:radial-gradient(circle at 17% 17%,rgba(255,255,255,.55),transparent 33%),linear-gradient(135deg,color-mix(in srgb,var(--category-color) 34%,#f6f4ef),color-mix(in srgb,var(--category-color) 17%,#fff))}.category-wechat .cover-placeholder{color:#2f7b58;background:radial-gradient(circle at 17% 17%,rgba(255,255,255,.58),transparent 33%),linear-gradient(135deg,#c9e5d6,#e0efe7)}.category-xiaohongshu .cover-placeholder{color:#a74f50;background:radial-gradient(circle at 17% 17%,rgba(255,255,255,.58),transparent 33%),linear-gradient(135deg,#ebcecf,#f6ded9)}.category-bilibili .cover-placeholder{color:#39758f;background:radial-gradient(circle at 17% 17%,rgba(255,255,255,.58),transparent 33%),linear-gradient(135deg,#cce2e8,#dfedf0)}.category-videochannel .cover-placeholder{color:#956a16;background:radial-gradient(circle at 17% 17%,rgba(255,255,255,.55),transparent 33%),linear-gradient(135deg,#ead9a7,#f3e9c8)}.category-image .cover-placeholder{color:#655a9e;background:radial-gradient(circle at 17% 17%,rgba(255,255,255,.54),transparent 33%),linear-gradient(135deg,#d9d2ec,#e8e1f1)}.card-body{flex:1;padding:17px 18px 14px}.card-kicker{display:flex;align-items:center;justify-content:space-between}.category-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;color:#805442;background:#f3e9e0;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.05em}.category-themed .category-pill{color:color-mix(in srgb,var(--category-color) 76%,#2a2926);background:color-mix(in srgb,var(--category-color) 15%,#fff)}.category-wechat .category-pill{color:#2f7655;background:#e0f0e7}.category-xiaohongshu .category-pill{color:#9d494a;background:#f8e7e5}.category-bilibili .category-pill{color:#39718b;background:#e4f0f3}.category-videochannel .category-pill{color:#8a6216;background:#f7efd8}.category-image .category-pill{color:#60588a;background:#eae7f4}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;flex:none;color:#8d867d;background:transparent;border:1px solid transparent;border-radius:9px;cursor:pointer;transition:.15s ease}.icon-button:hover{color:#35312b;background:#f1eee8;border-color:#e4ded4}.favorite-button{width:30px;height:30px}.favorite-button.active{color:var(--accent)}.prompt-card h2{margin:13px 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;letter-spacing:-.01em}.prompt-preview{height:64px;display:-webkit-box;overflow:hidden;margin:0;color:#716b62;font-size:13px;line-height:1.62;-webkit-box-orient:vertical;-webkit-line-clamp:3}.card-tags{height:27px;display:flex;gap:8px;overflow:hidden;margin-top:12px;color:#9b7466;font-size:11px;white-space:nowrap}.card-tags span{flex:none}.card-meta{display:flex;justify-content:space-between;gap:8px;padding-top:13px;color:#aaa299;border-top:1px solid #eee9e1;font-size:10px}.card-actions{display:flex;gap:5px;padding:11px 13px;background:#faf8f4;border-top:1px solid #eee9e1}.copy-button{min-width:0;flex:1;display:flex;align-items:center;justify-content:center;gap:7px;color:#f6f0e8;background:#2d2a26;border:0;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer}.copy-button:hover{background:var(--accent)}.card-actions .icon-button{width:33px;height:33px}.delete-button:hover{color:#bd3e31;background:#fff0ed;border-color:#f3c4bb}.empty-state{max-width:1440px;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:25px auto 0;text-align:center;background:#ffffff5c;border:1px dashed #d9d1c7;border-radius:16px}.empty-illustration{width:68px;height:68px;display:grid;place-items:center;color:#b87a65;background:#f3e7df;border-radius:22px 22px 22px 7px}.empty-state h2{margin:17px 0 7px;font-size:18px}.empty-state p{margin:0 0 19px;color:var(--muted);font-size:13px}.center-state{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.center-state .brand-mark{animation:pulse 1.3s ease-in-out infinite alternate}.error-state h1{margin:4px 0 0;color:#3b3630;font-size:22px}.error-state p{max-width:480px;margin:0 0 12px;text-align:center}@keyframes pulse{to{transform:translateY(-5px)}}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:28px;background:#19171494;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdrop-in .18s ease-out both}.modal{width:min(920px,100%);max-height:calc(100vh - 56px);display:flex;flex-direction:column;overflow:hidden;background:#fffdfa;border:1px solid rgba(255,255,255,.4);border-radius:17px;box-shadow:0 28px 80px #1a151047;animation:modal-in .24s cubic-bezier(.2,.8,.2,1) both}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:23px 26px 18px;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:24px}.modal-subtitle{display:block;margin-top:5px;color:var(--muted);font-size:13px}.editor-content{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 225px;overflow:auto}.editor-main{display:grid;gap:17px;padding:23px 26px 28px;border-right:1px solid var(--line)}.field{display:grid;gap:7px}.field>span,.cover-label{color:#504b44;font-size:12px;font-weight:700}.field>span b{color:var(--accent)}.field>small{color:#9c958c;font-size:11px}.field input,.field textarea{width:100%;color:#2e2a25;background:#fff;border:1px solid #ddd6cc;border-radius:9px;outline:0;transition:.15s ease}.field input{height:41px;padding:0 12px;font-size:14px}.field textarea{min-height:78px;padding:10px 12px;resize:vertical;font-size:13px;line-height:1.65}.field input:focus,.field textarea:focus{border-color:#d58c74;box-shadow:0 0 0 3px #e9613c12}.tag-picker-wrap{position:relative;z-index:4}.tag-picker{min-height:43px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 8px;background:#fff;border:1px solid #ddd6cc;border-radius:9px;cursor:text;transition:border-color .15s ease,box-shadow .15s ease}.tag-picker.open{border-color:#d58c74;box-shadow:0 0 0 3px #e9613c12}.field .tag-picker input{width:auto;min-width:120px;height:29px;flex:1;padding:0 4px;color:#2e2a25;background:transparent;border:0;border-radius:0;box-shadow:none}.field .tag-picker input:focus{border:0;box-shadow:none}.tag-chip{height:28px;display:inline-flex;align-items:center;gap:3px;padding:0 5px 0 9px;color:#9a4f38;background:#f8e9e2;border:1px solid #efd3c7;border-radius:999px;font-size:11px;font-weight:600}.tag-chip button{width:20px;height:20px;display:grid;place-items:center;padding:0;color:#aa725f;background:transparent;border:0;border-radius:50%;cursor:pointer}.tag-chip button:hover{color:#8d321f;background:#e9613c1f}.tag-suggestions{position:absolute;z-index:8;right:0;bottom:calc(100% + 7px);left:0;padding:10px;background:#fffdfa;border:1px solid #ddd6cc;border-radius:10px;box-shadow:0 -10px 30px #32261926;transform-origin:bottom center;animation:tag-suggestions-up .16s cubic-bezier(.2,.75,.3,1) both}.tag-suggestions>small{display:block;margin:0 3px 8px;color:#948d84;font-size:10px;font-weight:700;letter-spacing:.08em}.tag-suggestions>div{max-height:118px;display:flex;flex-wrap:wrap;gap:6px;overflow:auto}.tag-suggestions button{padding:6px 9px;color:#6e665d;background:#f5f1eb;border:1px solid #e6dfd5;border-radius:999px;font-size:11px;cursor:pointer}.tag-suggestions button:hover{color:#b54629;background:#fff0ea;border-color:#e9ad99}.prompt-field textarea{min-height:165px}.notes-input{min-height:72px!important}.category-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:7px}.category-picker button{height:38px;display:flex;align-items:center;justify-content:center;gap:6px;color:#787168;background:#fff;border:1px solid #ded7cd;border-radius:8px;font-size:12px;cursor:pointer}.category-picker button:hover,.category-picker button.active{color:#c34d2d;background:#fff3ed;border-color:#e5a792}.category-picker button.category-themed:hover,.category-picker button.category-themed.active{color:var(--category-color);background:color-mix(in srgb,var(--category-color) 10%,#fff);border-color:color-mix(in srgb,var(--category-color) 55%,#fff)}.variable-defaults{padding:14px;background:#f5f1ea;border:1px solid #e5ded4;border-radius:10px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.section-title>span{display:flex;align-items:center;gap:6px;color:#514b44;font-size:12px;font-weight:700}.section-title>small{color:#999188;font-size:10px}.variable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.variable-grid label{min-width:0;display:grid;gap:5px}.variable-grid span{overflow:hidden;color:#8c6557;font-family:ui-monospace,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.variable-grid input{min-width:0;height:35px;padding:0 9px;background:#fff;border:1px solid #ddd5ca;border-radius:7px;outline:0;font-size:12px}.cover-editor{padding:23px 18px;background:#faf8f4}.cover-preview{aspect-ratio:4 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:8px 0 10px;overflow:hidden;color:#a59d93;background:#f0ece5;border:1px dashed #d3cbbf;border-radius:10px;text-align:center}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-preview p{margin:0;font-size:12px}.cover-preview small{font-size:9px}.cover-preview.has-image{border-style:solid}.upload-button{width:100%;min-height:38px;font-size:12px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px;color:#756f67;background:transparent;border:0;font-size:12px;cursor:pointer}.text-button:hover{color:var(--accent-dark)}.danger-text{width:100%;margin-top:3px;color:#a65848}.variable-tip{margin-top:25px;padding:13px;background:#eeeae3;border-radius:9px}.variable-tip strong{display:block;margin-bottom:8px;font-size:10px}.variable-tip code{display:inline-block;padding:4px 7px;color:#ad4f35;background:#fff8f3;border-radius:5px;font-size:10px}.variable-tip p{margin:8px 0 0;color:#827b72;font-size:9px;line-height:1.55}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:15px 24px;background:#f8f5f0;border-top:1px solid var(--line)}.modal-footer .primary-button,.modal-footer .secondary-button{min-height:38px}.form-error{padding:10px 24px;color:#a43d2f;background:#fff0ed;border-top:1px solid #f1c9c1;font-size:11px}.detail-modal{width:min(780px,100%)}.detail-heading{min-width:0;display:flex;align-items:center;gap:14px}.detail-heading h2{max-width:590px;margin:8px 0 0;overflow:hidden;font-size:24px;text-overflow:ellipsis;white-space:nowrap}.detail-platform-icon{width:48px;height:48px;display:grid;place-items:center;flex:none;color:#805442;background:#f3e9e0;border-radius:15px 15px 15px 6px}.category-themed .detail-platform-icon{color:var(--category-color);background:color-mix(in srgb,var(--category-color) 15%,#fff)}.category-wechat .detail-platform-icon{color:#2f7655;background:#e0f0e7}.category-xiaohongshu .detail-platform-icon{color:#a74f50;background:#f8e7e5}.category-bilibili .detail-platform-icon{color:#39718b;background:#e4f0f3}.category-videochannel .detail-platform-icon{color:#8a6216;background:#f7efd8}.category-image .detail-platform-icon{color:#60588a;background:#eae7f4}.detail-content{min-height:0;display:grid;gap:14px;padding:22px 25px 26px;overflow:auto}.detail-cover{max-height:260px;overflow:hidden;border:1px solid var(--line);border-radius:12px}.detail-cover img{width:100%;height:100%;display:block;object-fit:cover}.detail-section{padding:15px 17px;background:#f8f5f0;border:1px solid #e8e1d7;border-radius:11px}.detail-section .section-title{margin-bottom:9px}.detail-prompt-section{transition:border-color .16s ease,box-shadow .16s ease}.detail-prompt-section.editing{border-color:color-mix(in srgb,var(--category-color) 55%,#ded6cb);box-shadow:0 0 0 3px color-mix(in srgb,var(--category-color) 8%,transparent)}.detail-inline-prompt{width:100%;min-height:54px;display:block;field-sizing:content;padding:0;overflow:hidden;color:#4f4942;background:transparent;border:0;outline:0;resize:none;font:inherit;font-size:14px;line-height:1.85;cursor:text}.detail-inline-prompt[readonly]{caret-color:transparent}.detail-inline-prompt:focus,.detail-inline-prompt:focus-visible{outline:0;box-shadow:none}.detail-notes{margin:0;color:#716a62;font-size:13px;line-height:1.7}.detail-variables{display:flex;flex-wrap:wrap;gap:8px}.detail-variables>span{display:flex;align-items:center;gap:8px;padding:7px 9px;background:#fff;border:1px solid #e3dbd1;border-radius:8px}.detail-variables code{color:#b25438;font-size:11px}.detail-variables b{color:#817970;font-size:11px;font-weight:500}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;color:#a15e48;font-size:12px}.detail-tags span{padding:5px 8px;background:#f5e9e2;border-radius:999px}.detail-footer{justify-content:space-between}.detail-footer>span{color:#948d84;font-size:11px}.detail-footer>div{display:flex;gap:8px}.group-modal{width:min(820px,100%)}.existing-group-manager{display:grid;gap:10px;padding:14px 26px;background:#faf8f4;border-bottom:1px solid var(--line)}.existing-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.existing-group-heading>span{display:inline-flex;align-items:center;gap:6px;color:#514b44;font-size:12px;font-weight:700}.existing-group-heading>button{min-height:31px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;color:#777168;background:#fff;border:1px solid #ddd6cc;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;transition:.16s ease}.existing-group-heading>button:hover,.existing-group-heading>button.active{color:var(--accent);background:#fff3ed;border-color:#e5a792}.existing-group-list{display:flex;flex-wrap:wrap;gap:7px}.existing-group-list button{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;color:#6f6960;background:#fff;border:1px solid #ddd6cc;border-radius:8px;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease}.existing-group-list button:hover,.existing-group-list button.active{color:var(--category-color);background:color-mix(in srgb,var(--category-color) 10%,#fff);border-color:color-mix(in srgb,var(--category-color) 54%,#ddd6cc);transform:translateY(-1px)}.existing-group-list button span{font-size:12px;font-weight:650}.existing-group-list button>svg:last-child{margin-left:2px;opacity:.58}.no-custom-groups{margin:0;color:#8b847b;font-size:11px;line-height:1.55}.built-in-group-note{display:flex;align-items:flex-start;gap:7px;margin:0;padding:8px 10px;color:#817a72;background:#f1ede7;border-radius:8px;font-size:10px;line-height:1.55}.built-in-group-note svg{flex:0 0 auto;margin-top:1px}.group-editor-content{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 250px;overflow:auto}.group-form-fields{display:grid;gap:20px;padding:23px 26px 28px;border-right:1px solid var(--line)}.group-icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.group-icon-grid button{aspect-ratio:1;display:grid;place-items:center;color:#777168;background:#fff;border:1px solid #ded7cd;border-radius:9px;cursor:pointer;transition:.15s ease}.group-icon-grid button:hover,.group-icon-grid button.active{color:var(--accent);background:#fff3ed;border-color:#e5a792;transform:translateY(-1px)}.custom-icon-upload-row{display:flex;align-items:center;gap:10px}.custom-icon-upload-row .upload-button{width:auto;padding:0 14px}.custom-icon-upload-row .danger-text{width:auto;margin:0}.group-color-row{display:flex;align-items:center;gap:13px}.color-swatches{display:flex;flex-wrap:wrap;gap:7px}.color-swatches button{width:25px;height:25px;padding:0;border:3px solid transparent;border-radius:50%;box-shadow:0 0 0 1px #28251f21;cursor:pointer;transition:.15s ease}.color-swatches button:hover{transform:scale(1.08)}.color-swatches button.active{border-color:#fff;box-shadow:0 0 0 2px currentColor}.custom-color-input{min-width:99px;height:36px;display:flex;align-items:center;gap:7px;padding:0 8px;background:#fff;border:1px solid #ddd6cc;border-radius:8px}.custom-color-input input{width:24px;height:24px;padding:0;background:transparent;border:0;cursor:pointer}.custom-color-input span{color:#777168;font-family:ui-monospace,monospace;font-size:10px}.group-live-preview{padding:23px 18px;background:#faf8f4}.group-live-preview>span{color:#777168;font-size:11px;font-weight:700;letter-spacing:.12em}.group-preview-nav{height:43px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;margin-top:13px;padding:0 12px;color:#fff;background:#35322e;border-radius:10px;box-shadow:inset 3px 0 var(--category-color)}.group-preview-nav>:first-child{color:var(--category-color)}.group-preview-nav strong{font-size:14px;font-weight:600}.group-preview-nav small{min-width:23px;padding:2px 6px;color:color-mix(in srgb,var(--category-color) 82%,white);background:color-mix(in srgb,var(--category-color) 18%,transparent);border-radius:999px;text-align:center}.group-preview-cover{position:relative;isolation:isolate;height:126px;display:flex;align-items:flex-end;margin-top:14px;padding:0 14px 14px;overflow:hidden;border-radius:12px}.group-preview-cover .cover-watermark{top:-25px;right:-18px}.group-preview-cover b{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;background:#ffffff8f;border-radius:8px;font-size:12px}.group-live-preview>p{margin:13px 2px 0;color:#8b847b;font-size:10px;line-height:1.6}.group-modal-footer{justify-content:space-between}.group-modal-footer>div{display:flex;gap:8px}.group-modal-footer .danger-text{width:auto;margin:0}.tag-manager-modal{width:min(620px,100%)}.tag-manager-content{min-height:0;display:grid;gap:9px;padding:20px 24px 24px;overflow:auto}.tag-manager-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto 34px 34px;align-items:center;gap:8px;padding:9px 10px;background:#f8f5f0;border:1px solid #e5ded4;border-radius:10px}.tag-manager-hash{color:var(--accent);font-size:16px;font-weight:700}.tag-manager-row input{min-width:0;height:35px;padding:0 10px;color:#2e2a25;background:#fff;border:1px solid #ddd6cc;border-radius:8px;outline:0;font-size:13px}.tag-manager-row input:focus{border-color:#d58c74;box-shadow:0 0 0 3px #e9613c12}.tag-manager-row small{color:#8f887f;font-size:10px;white-space:nowrap}.tag-save-button,.tag-delete-button{width:34px;height:34px;display:grid;place-items:center;padding:0;background:#fff;border:1px solid #ddd6cc;border-radius:8px;cursor:pointer;transition:.15s ease}.tag-save-button{color:#3f8a67}.tag-delete-button{color:#a65848}.tag-save-button:hover:not(:disabled){color:#fff;background:#3f8a67;border-color:#3f8a67}.tag-delete-button:hover:not(:disabled){color:#fff;background:#a65848;border-color:#a65848}.tag-save-button:disabled,.tag-delete-button:disabled{cursor:not-allowed;opacity:.36}.copy-modal{width:min(760px,100%)}.copy-content{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:auto}.copy-fields{display:grid;align-content:start;gap:14px;padding:22px 24px;border-right:1px solid var(--line)}.copy-fields .field>span{display:flex;justify-content:space-between}.copy-fields .field>span small{color:#a49c92;font-weight:400}.copy-fields textarea{min-height:62px}.copy-preview{min-height:250px;padding:22px 24px;background:#f6f2ec}.copy-preview p{max-height:330px;overflow:auto;margin:0;color:#575149;font-size:13px;line-height:1.8;white-space:pre-wrap}.copy-footer{justify-content:space-between}.copy-footer>div{display:flex;gap:8px}.toast{position:fixed;z-index:100;right:28px;bottom:26px;display:flex;align-items:center;gap:8px;padding:12px 16px;color:#eef7f1;background:#2c4b3b;border:1px solid #446a56;border-radius:10px;box-shadow:0 12px 30px #20372b3d;font-size:13px;animation:toast-in .22s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes page-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes card-reveal{0%{opacity:0;transform:translate3d(0,10px,0) scale(.992)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes backdrop-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}@keyframes tag-suggestions-up{0%{opacity:0;transform:translateY(5px) scale(.99)}}@keyframes brand-breathe{0%,70%,to{transform:translateY(0);box-shadow:0 8px 22px #e9613c40}82%{transform:translateY(-2px) rotate(-2deg);box-shadow:0 10px 28px #e9613c6b}90%{transform:translateY(0) rotate(2deg)}}@keyframes ambient-drift{0%{transform:translate3d(-12px,-8px,0) scale(.96)}to{transform:translate3d(18px,15px,0) scale(1.06)}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;color:#eeeae3;background:#151617;--paper: #1e2021;--surface: #151617;--line: #37393b;--muted: #aaa49c;--accent: #f36d46;--accent-dark: #dc5832;--shadow: 0 14px 42px rgba(0, 0, 0, .3);--ambient-a: rgba(243, 109, 70, .075);--ambient-b: rgba(74, 157, 143, .06)}.sidebar{background:#101112;border-right-color:#292b2c}.nav-button:hover{background:#222425}.nav-button.active{background:#292b2c}.nav-button small{color:#aaa49b;background:#1d1f20}.add-group-button{color:#aaa49c;background:#1d1f20;border-color:#303233}.manage-group-button{color:#aaa49c;background:#1d1f20;border-color:#3b3d3f}.existing-group-manager{background:#191b1c;border-bottom-color:#383a3c}.existing-group-heading>span{color:#d5d0c8}.existing-group-heading>button{color:#aaa49c;background:#242627;border-color:#424446}.existing-group-heading>button:hover,.existing-group-heading>button.active{color:#ff9b7d;background:#37241f;border-color:#94513c}.existing-group-list button{color:#aaa49c;background:#242627;border-color:#424446}.existing-group-list button:hover,.existing-group-list button.active{color:var(--category-color);background:color-mix(in srgb,var(--category-color) 13%,#242627);border-color:color-mix(in srgb,var(--category-color) 55%,#424446)}.no-custom-groups{color:#918c85}.built-in-group-note{color:#aaa49c;background:#252728}.sidebar-footer{border-top-color:#303233}.sidebar-action:hover{background:#222425}.topbar h1,.prompt-card h2,.empty-state h2,.modal-header h2,.error-state h1{color:#f2eee7}.search-box{color:#aaa49d;background:#1e2021;border-color:#393b3d;box-shadow:0 5px 18px #0000001f}.search-box:focus-within{border-color:#a75d48;box-shadow:0 0 0 3px #f36d461a}.search-box input{color:#f1ede6}.search-box input::placeholder,.field input::placeholder,.field textarea::placeholder{color:#777a7c}.result-count{background:#242627}.tag-filter button{color:#aaa49c;border-color:#3a3c3e}.tag-filter button:hover,.tag-filter button.active{color:#ff9a7c;background:#35231e;border-color:#8a4936}.tag-filter button small{color:#85817b}.tag-filter .tag-manage-button{color:#aaa49c;background:#242627}.prompt-card{background:#1e2021;border-color:#37393b;box-shadow:0 6px 25px #0000001f}.prompt-card:hover{border-color:#4b4d4f;box-shadow:0 15px 36px #00000042}.cover-placeholder{color:#d3b49f;background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.07),transparent 34%),linear-gradient(135deg,#3b302a,#2a2725)}.cover-placeholder:after{opacity:.25}.cover-platform-label{background:#1213146b;border-color:#ffffff14;box-shadow:0 8px 22px #0000001f}.category-wechat .cover-placeholder{color:#74c99c;background:radial-gradient(circle at 17% 17%,rgba(255,255,255,.06),transparent 33%),linear-gradient(135deg,#204638,#20332b)}.category-xiaohongshu .cover-placeholder{color:#e59693;background:radial-gradient(circle at 17% 17%,rgba(255,255,255,.06),transparent 33%),linear-gradient(135deg,#4b2e30,#332628)}.category-bilibili .cover-placeholder{color:#82bdd7;background:radial-gradient(circle at 17% 17%,rgba(255,255,255,.06),transparent 33%),linear-gradient(135deg,#26444f,#213137)}.category-videochannel .cover-placeholder{color:#e4b952;background:radial-gradient(circle at 17% 17%,rgba(255,255,255,.06),transparent 33%),linear-gradient(135deg,#4b3b1f,#332d1e)}.category-image .cover-placeholder{color:#b0a4e8;background:radial-gradient(circle at 17% 17%,rgba(255,255,255,.06),transparent 33%),linear-gradient(135deg,#3c3653,#2d293b)}.prompt-card.category-themed .cover-placeholder,.group-preview-cover.category-themed{color:color-mix(in srgb,var(--category-color) 90%,white);background:radial-gradient(circle at 17% 17%,rgba(255,255,255,.06),transparent 33%),linear-gradient(135deg,color-mix(in srgb,var(--category-color) 31%,#17191a),color-mix(in srgb,var(--category-color) 13%,#17191a))}.category-pill{color:#d7ad9c;background:#3b2f29}.category-wechat .category-pill{color:#75c99d;background:#244135}.category-xiaohongshu .category-pill{color:#e39794;background:#40292a}.category-bilibili .category-pill{color:#81b9d2;background:#263c44}.category-videochannel .category-pill{color:#e1b650;background:#43371e}.category-image .category-pill{color:#aaa0dd;background:#373249}.category-themed .category-pill{color:color-mix(in srgb,var(--category-color) 86%,white);background:color-mix(in srgb,var(--category-color) 22%,#1e2021)}.icon-button{color:#aaa49c}.icon-button:hover{color:#f0ece5;background:#2a2c2d;border-color:#414345}.prompt-preview{color:#b8b2a9}.card-tags{color:#d0927c}.card-meta{color:#85817a;border-top-color:#343638}.card-actions{background:#191b1c;border-top-color:#343638}.copy-button{color:#f5f0e9;background:#343638}.copy-button:hover{background:var(--accent)}.secondary-button{color:#d7d2cb;background:#242627;border-color:#424446}.secondary-button:hover{color:#f5f1ea;background:#2b2d2f;border-color:#5c5e60}.empty-state{background:#ffffff05;border-color:#414345}.empty-illustration{color:#e18e72;background:#3a2c27}.modal-backdrop{background:#040505b8}.modal{background:#1e2021;border-color:#424446;box-shadow:0 28px 80px #0000008c}.modal-header{border-bottom-color:#383a3c}.editor-main{border-right-color:#383a3c}.field>span,.cover-label{color:#d3cec6}.field>small{color:#8e8982}.field input,.field textarea{color:#eeeae3;background:#17191a;border-color:#3f4143}.field input:focus,.field textarea:focus{border-color:#a8604a;box-shadow:0 0 0 3px #f36d461a}.tag-picker{background:#17191a;border-color:#3f4143}.tag-picker.open{border-color:#a8604a;box-shadow:0 0 0 3px #f36d461a}.field .tag-picker input{color:#eeeae3}.tag-chip{color:#e3947c;background:#3a2923;border-color:#583a31}.tag-chip button{color:#bd7c68}.tag-chip button:hover{color:#ffd0c0;background:#f36d4624}.tag-suggestions{background:#242627;border-color:#444648;box-shadow:0 16px 38px #0000005c}.tag-suggestions>small{color:#918c85}.tag-suggestions button{color:#c8c2b9;background:#303233;border-color:#464849}.tag-suggestions button:hover{color:#ffad94;background:#3c2924;border-color:#774535}.category-picker button{color:#aaa49c;background:#191b1c;border-color:#3f4143}.category-picker button:hover,.category-picker button.active{color:#ff9b7d;background:#37241f;border-color:#94513c}.category-picker button.category-themed:hover,.category-picker button.category-themed.active{color:color-mix(in srgb,var(--category-color) 88%,white);background:color-mix(in srgb,var(--category-color) 18%,#191b1c);border-color:color-mix(in srgb,var(--category-color) 55%,#3f4143)}.variable-defaults{background:#252728;border-color:#3c3e40}.section-title>span{color:#d5d0c8}.section-title>small{color:#8f8a83}.variable-grid span{color:#d8947d}.variable-grid input{color:#eeeae3;background:#17191a;border-color:#414345}.cover-editor{background:#191b1c}.cover-preview{color:#8f8a83;background:#252728;border-color:#47494b}.variable-tip{background:#27292a}.variable-tip code{color:#ff9d7f;background:#392721}.variable-tip p{color:#aaa49c}.modal-footer{background:#191b1c;border-top-color:#383a3c}.form-error{color:#ffaaa0;background:#3a2221;border-top-color:#693b37}.copy-fields{border-right-color:#383a3c}.copy-preview{background:#191b1c}.copy-preview p{color:#c6c0b7}.detail-platform-icon{color:#d7ad9c;background:#3b2f29}.category-wechat .detail-platform-icon{color:#75c99d;background:#244135}.category-xiaohongshu .detail-platform-icon{color:#e39794;background:#40292a}.category-bilibili .detail-platform-icon{color:#81b9d2;background:#263c44}.category-videochannel .detail-platform-icon{color:#e1b650;background:#43371e}.category-image .detail-platform-icon{color:#aaa0dd;background:#373249}.category-themed .detail-platform-icon{color:color-mix(in srgb,var(--category-color) 88%,white);background:color-mix(in srgb,var(--category-color) 22%,#1e2021)}.detail-section{background:#191b1c;border-color:#37393b}.detail-prompt-section.editing{border-color:color-mix(in srgb,var(--category-color) 55%,#414345);box-shadow:0 0 0 3px color-mix(in srgb,var(--category-color) 10%,transparent)}.detail-inline-prompt{color:#d5d0c8}.detail-notes{color:#aaa49c}.detail-variables>span{background:#242627;border-color:#3d3f41}.detail-variables code{color:#ec9478}.detail-variables b{color:#aaa49c}.detail-tags{color:#e09278}.detail-tags span{background:#3a2923}.group-form-fields{border-right-color:#383a3c}.group-icon-grid button{color:#aaa49c;background:#191b1c;border-color:#3f4143}.group-icon-grid button:hover,.group-icon-grid button.active{color:#ff9b7d;background:#37241f;border-color:#94513c}.color-swatches button{box-shadow:0 0 0 1px #ffffff2e}.color-swatches button.active{border-color:#1e2021;box-shadow:0 0 0 2px currentColor}.custom-color-input{background:#17191a;border-color:#3f4143}.custom-color-input span{color:#aaa49c}.group-live-preview{background:#191b1c}.group-preview-cover b{background:#12131480}.group-live-preview>p{color:#918c85}.tag-manager-row{background:#202223;border-color:#3a3c3e}.tag-manager-row input{color:#f1ede6;background:#17191a;border-color:#3f4143}.tag-manager-row small{color:#918c85}.tag-save-button,.tag-delete-button{background:#242627;border-color:#424446}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;width:100%;height:auto;padding:16px}.brand{padding-bottom:14px}.main-nav{display:grid;grid-template-columns:repeat(3,1fr)}.nav-heading-row{grid-column:1 / -1}.nav-heading{margin-top:8px}.sidebar-footer{grid-template-columns:repeat(4,1fr);margin-top:14px;padding-top:12px}.local-badge{display:none}.main-content{padding:30px 22px 50px}.editor-content{grid-template-columns:1fr}.editor-main{border-right:0}.cover-editor{border-top:1px solid var(--line)}.cover-preview{max-width:320px}.group-editor-content{grid-template-columns:1fr}.group-form-fields{border-right:0}.group-live-preview{border-top:1px solid var(--line)}}@media(max-width:620px){.main-nav{grid-template-columns:repeat(2,1fr)}.sidebar-footer{grid-template-columns:repeat(3,1fr)}.sidebar-action{justify-content:center}.topbar{align-items:center}.topbar .primary-button{width:44px;padding:0;font-size:0}.page-title-row .manage-current-group{width:44px;padding:0}.manage-current-group span,.custom-group-hint{display:none}.prompt-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px)}.existing-group-manager{padding:12px 16px}.existing-group-heading{align-items:flex-start;flex-direction:column}.tag-manager-row{grid-template-columns:auto minmax(0,1fr) 34px 34px}.tag-manager-row small{grid-column:2 / -1;grid-row:2}.category-picker,.variable-grid{grid-template-columns:repeat(2,1fr)}.group-icon-grid{grid-template-columns:repeat(4,1fr)}.copy-content{grid-template-columns:1fr}.copy-fields{border-right:0;border-bottom:1px solid var(--line)}.detail-content{padding:15px}.detail-footer{align-items:flex-start;flex-direction:column}.detail-footer>div{width:100%}.detail-footer>div>button{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}