*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.table{display:table}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--green:#16a385;--green-ink:#08735f;--ink:#202b2b;--muted:#687572;--line:#e4e9e6;--canvas:#f5f7f6;--orange:#d95f16;--pink:#db286b;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{color:var(--ink);background:#e9edee;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}body,h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.45;overflow-wrap:anywhere}h1{font-size:24px;font-weight:750}h2{font-size:17px}h2,h3{font-weight:700}h3{font-size:16px}a{color:inherit;text-decoration:none;text-underline-offset:4px}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:transparent}a,button{touch-action:manipulation}.btn,.get-button,.hero-button,button{transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.48}.btn:active,button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:3px solid #088cba;outline-offset:3px}::-moz-selection{background:#c0eee2;color:#123e33}::selection{background:#c0eee2;color:#123e33}input,textarea{caret-color:var(--green-ink)}input:not([type=checkbox]):not([type=file]),select,textarea{min-width:0;width:100%;min-height:44px;border:1px solid #cbd5cf;border-radius:9px;padding:10px 12px;background:#fff;color:var(--ink)}input::-moz-placeholder,textarea::-moz-placeholder{color:#73807a;opacity:1}input::placeholder,textarea::placeholder{color:#73807a;opacity:1}textarea{resize:vertical}input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--green-ink);cursor:pointer}input[type=color]{padding:5px!important;max-width:130px}img{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover}svg{flex-shrink:0;vertical-align:middle}.small,small{font-size:12px}.muted{color:var(--muted)}.full{width:100%}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:10px;background:var(--green-ink);color:white;font-weight:650;text-align:center}.btn:hover:not(:disabled){background:#075d4e}.btn.secondary{border:1px solid #d6ded8;background:#fff;color:#42534c}.btn.secondary:hover:not(:disabled){background:#edf4f0}.btn.orange{background:var(--orange);color:#fff;border-radius:999px}.btn.orange:hover:not(:disabled){background:#b94d0b}.btn.blue{background:#3f7be0}.btn.blue:hover:not(:disabled){background:#2863c5}.btn.blue:disabled{opacity:1;background:#d6e4fa;color:#506b97}.btn.danger{background:#b63145}.danger-text{color:#ad3046!important}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;border-radius:9px}.icon-btn:hover:not(:disabled){background:#e9f1ed}.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:6px;color:var(--green-ink);font-weight:550}.text-btn:hover{text-decoration:underline}.panel{background:#fff;border:1px solid var(--line);border-radius:14px}.picture-fallback{display:flex;align-items:center;justify-content:center;gap:4px;min-height:60px;background:#e5eee9;color:#527065;border-radius:12px}.picture-fallback span{font-weight:700}.error-note{display:flex;align-items:flex-start;gap:8px;padding:12px;margin:14px 0;border-radius:9px;background:#fff0f1;color:#9c263c;overflow-wrap:anywhere}.error-note svg{margin-top:3px}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:48px 16px}.empty>svg{color:#6c8179;margin-bottom:8px}.empty p{color:var(--muted);max-width:32ch}.empty .btn{margin-top:8px}.skeletons{display:grid;gap:14px;padding:16px;width:100%}.skeleton{background:#e4e9e7;border-radius:12px;animation:skeleton-pulse 1.5s ease-in-out infinite alternate}.hero-skeleton{height:180px}.row-skeleton{height:95px}.spin{animation:spin 1s linear infinite}.toast{z-index:100;top:calc(14px + env(safe-area-inset-top));bottom:auto;left:50%;transform:translateX(-50%);gap:8px;width:-moz-max-content;width:max-content;max-width:calc(100% - 32px);padding:10px 15px;color:#fff;background:#233637f2;border-radius:11px;box-shadow:0 8px 28px #182c3329;font-size:12px}.modal-backdrop,.toast{position:fixed;display:flex;align-items:center}.modal-backdrop{inset:0;z-index:80;justify-content:center;padding:24px 18px;background:#0b1220ee;backdrop-filter:blur(3px);overflow-y:auto}.modal{width:100%;max-width:520px;max-height:calc(100dvh - 48px);overflow-y:auto;background:#fff;border-radius:20px;padding:20px;box-shadow:0 20px 70px #060d193d;animation:modal-in .2s cubic-bezier(.16,1,.3,1)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.modal-heading h2{font-size:19px}.modal form>p,.modal>p{margin-bottom:20px;white-space:pre-line;overflow-wrap:anywhere}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}.modal-actions .btn{flex:1}.modal:has(.success-content){max-width:350px;border:3px solid #f05c98;outline:2px solid #38cfdf;outline-offset:2px;padding:16px}.modal:has(.success-content) .modal-heading{color:#d62670;padding-bottom:2px}.success-content{text-align:center}.success-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;color:#bf2464;background:#fff0f6;margin:0 auto 12px}.success-content p{white-space:pre-line;line-height:1.8;margin-bottom:16px;color:#4f4350;font-size:13px;text-align:left}.success-button{background:#ce2467}.success-button:hover{background:#af1754!important}.immediate{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;color:#a62459}.large-image{width:100%;max-height:65dvh;-o-object-fit:contain;object-fit:contain;border-radius:10px;background:#f3f5f4}.qr{max-width:220px;margin:0 auto 16px}.contact-value{font-size:20px;font-weight:700;overflow-wrap:anywhere}.site-shell{min-height:100dvh}.site-shell:has(.home),.site-shell:has(.task){min-height:0}.mobile{position:relative;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 14px calc(90px + env(safe-area-inset-bottom))}.home{background:#f7f6fb;min-height:0;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.site-title{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 0 18px;font-size:15px;font-weight:700}.site-title img{width:28px;height:28px;border-radius:7px}.broadcast{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:20;display:flex;align-items:center;gap:7px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto 12px;padding:6px 12px;color:#fff;background:#26394a;font-size:10px;border-radius:999px}.broadcast>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.amber-dot,.live-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#5ce0bc}.amber-dot{background:#cb8b19;margin-right:6px}.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:12px;min-height:220px;padding:18px 14px;border-radius:18px;background-color:#113738;background-size:cover;background-position:50%;color:#fff}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.hero-label{padding:3px 9px;border:1px solid #c5e8d478;border-radius:999px;font-size:10px;color:#e5f6ec}.hero h1{font-size:29px;letter-spacing:-1px;margin:12px 0 5px;white-space:nowrap}.hero-copy p{color:#e0eee7;font-size:11px}.hero-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 12px;margin-top:17px;color:#126653;background:white;border-radius:10px;font-size:12px;font-weight:700}.hero-button:hover{background:#d8f7ee}.rank{min-width:0;padding:9px 7px;border:1px solid #f54f626e;border-radius:12px;background:#12181de8}.rank h2{color:#fff2e6;font-size:12px;margin-bottom:7px}.rank-item{display:flex;align-items:center;gap:6px;min-height:44px;padding:4px 2px;border-bottom:1px solid #ffffff12}.rank-item:last-child{border-bottom:0}.rank-item>.picture-fallback,.rank-item>img{width:29px;height:29px;min-height:29px;border-radius:6px;flex-shrink:0}.rank-item>div:not(.picture-fallback){flex:1;min-width:0}.rank-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.rank-item small{display:inline-block;color:#ffd3d7;background:#803041;border-radius:3px;padding:0 4px;font-size:8px;margin-top:2px}.rank-item b{font-size:11px;color:#fbc28d}.search-section{padding:16px 12px 12px;margin:18px 0 14px;border:1px solid #73c9b5;border-radius:14px;background:#effbf6}.search-section h2{font-size:15px;margin-bottom:9px;color:#245d51}.search-box{display:flex;align-items:center;background:white;border:1px solid #d2e8e0;border-radius:10px}.search-box .icon-btn{color:#49776a}.search-box input{border:0!important;background:transparent!important;padding-left:0!important;font-size:12px}.category-pills{display:flex;gap:7px;overflow-x:auto;padding:3px 0 12px;scrollbar-width:thin}.category-pills button{flex-shrink:0;min-height:44px;padding:8px 10px;border:1px solid #e4e5e9;border-radius:999px;background:white;color:#4f515b;font-size:11px}.category-pills button.selected{background:#252630;border-color:#252630;color:#fff}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:12px 2px}.section-heading h2{font-size:19px}.section-heading>span{font-size:11px;color:#74717d}.resource-list{display:grid;gap:11px}.resource-card{display:flex;gap:11px;align-items:center;padding:13px 11px;background:white;border:1px solid #e9e8ee;border-radius:15px}.resource-card:hover{border-color:#8fcdbb}.resource-card>.picture-fallback,.resource-card>img{width:72px;height:72px;flex-shrink:0;border-radius:14px}.resource-info{min-width:0;flex:1}.resource-info h3{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.tag{display:inline-block;max-width:100%;padding:1px 7px;background:#e6f7ef;color:#2f6e59;border-radius:4px;font-size:10.5px}.rating{color:#5f5a66;font-size:12px;font-variant-numeric:tabular-nums}.rating span{color:#a96e0a;letter-spacing:1px}.resource-info p{color:#6f6a76;font-size:10.5px;margin-top:2px}.get-button{display:grid;place-items:center;min-height:44px;min-width:52px;padding:8px 12px;background:var(--green);color:white;border-radius:10px;font-size:13px;font-weight:700}.list-end{justify-content:center;align-items:center;min-height:65px;color:#746f7a}.announcement,.list-end{display:flex;font-size:11px}.announcement{gap:9px;align-items:flex-start;padding:13px;background:#fff5d9;border:1px solid #eaddb8;border-radius:10px;color:#77602f}.announcement>span{flex-shrink:0}.user-footer{text-align:center;padding:28px 0 10px;color:#746f7b;font-size:10px}.user-footer a{color:#4c5754;font-size:12px}.customer,.user-footer a{display:inline-flex;align-items:center;min-height:44px}.customer{position:fixed;right:max(10px,calc((100vw - 480px)/2 + 10px));bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;justify-content:center;gap:0;width:44px;height:44px;padding:0;border-radius:50%;color:white;background:#087b66e6;box-shadow:0 4px 14px #1c453e33;font-size:0;font-weight:600}.task .customer,.upload .customer{position:static;width:auto;height:auto;min-height:42px;margin:16px auto 4px;padding:0 16px;border-radius:999px;font-size:12px;gap:6px}.back{display:inline-flex;gap:7px;align-items:center;min-height:44px;margin-bottom:12px;font-size:13px}.task{background:#f5efdf;min-height:0;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.task-panel{display:flex;flex-direction:column;gap:13px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.activity-title{padding:18px 15px 16px;text-align:center;background:#fdeff2;border:1px solid #f2cbd5;border-radius:16px;box-shadow:0 4px 16px #6b4a1f0a}.activity-title h1{font-size:19px;color:#a42341}.activity-title p{white-space:pre-line;font-size:12px;margin-top:8px;color:#b03d50;line-height:1.8}.step-card{padding:17px 15px;background:#fff;border:1px solid #ece2d2;border-radius:16px;box-shadow:0 4px 16px #6b4a1f0a}.step-card:last-child{border:1px solid #ece2d2}.step-card h2{font-size:15px;margin-bottom:8px;color:#563f27}.step-card .muted{color:#78664c;margin-bottom:10px}.copy-box{white-space:pre-wrap;overflow-wrap:anywhere;max-height:120px;overflow:auto;min-height:76px;border:1px solid #e3dccd;border-radius:14px;background:#fffefa;padding:13px;margin:10px 0;font-size:13px;color:#5f4a33;-webkit-user-select:text;-moz-user-select:text;user-select:text}.copy-button{width:auto;min-width:150px;margin:0 auto;display:flex;padding:10px 22px}.task-panel .step-card:last-child>.btn{display:flex;width:-moz-fit-content;width:fit-content;min-width:210px;margin:12px auto 0}.platform-panel{text-align:center;background:#fffdf7;border:1px solid #e8dec8;border-radius:14px;padding:15px 12px}.platform-panel strong{display:block;margin-bottom:12px;font-size:17px}.platform-buttons{display:flex;gap:10px}.platform-buttons .btn{flex:1;padding:9px 10px;font-size:12px}.keyword{font-size:11px;max-width:100%;overflow-wrap:anywhere;color:#8b451e}.requirements{white-space:pre-line;text-align:center;font-size:13px;font-weight:600;color:#9a3246;line-height:1.85;margin:13px 0}.example-button{display:block;width:100%;margin-top:10px;padding:0;border-radius:12px;overflow:hidden}.example-button>img{width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;background:#15151a}.example-button>.picture-fallback{min-height:180px}.upload{background:#241a24;color:#fff;padding-left:12px;padding-right:12px}.upload>.back{color:#eee0ed}.upload-panel{background:white;border-radius:26px;padding:20px 16px 18px;color:#282531;text-align:center}.camera-badge{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;color:#b63870;background:#fceff3;border-radius:15px}.upload-panel h1{font-size:21px}.upload-resource{color:#805272;font-size:13px;margin:5px 0 7px;font-weight:650}.upload-intro{font-size:12px;line-height:1.8;margin-bottom:16px;color:#726875}.upload-drop{position:relative;display:flex;align-items:center;flex-direction:column;gap:6px;padding:18px 9px;border:2px dashed #e7aac3;border-radius:18px;background:#fceff1;color:#92506c;cursor:pointer}.admin-image-upload input[type=file],.upload-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.admin-image-upload label:focus-within,.upload-drop:focus-within{outline:3px solid #088cba;outline-offset:4px}.upload-drop.is-processing{opacity:.7}.upload-drop strong{color:#a12e61;font-size:16px}.upload-drop small,.upload-drop>span:not(.plus-circle){font-size:10px}.plus-circle{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:white;color:#ba3672;margin-bottom:4px}.image-count{color:#756573;font-size:12px;margin:17px 0}.image-count strong{color:#b6326b}.image-count.complete,.image-count.complete strong{color:#0d7861}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0}.selected-image{position:relative;min-width:0}.preview-image{width:100%;aspect-ratio:1;padding:0;border-radius:12px;overflow:hidden;background:#f3eef2}.preview-image .picture-fallback,.preview-image img{width:100%;height:100%}.selected-image>span{position:absolute;bottom:8px;left:6px;padding:0 7px;color:white;background:#241a24ad;border-radius:5px;font-size:10px;pointer-events:none}.remove-image{position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:44px;height:44px;color:white}.remove-image:before{position:absolute;content:"";inset:9px;background:#7b354f;border:2px solid white;border-radius:50%}.remove-image svg{z-index:1}.upload-tips{background:#fff2f5;border:1px solid #f0cedc;color:#8b4662;border-radius:13px;padding:14px;margin:20px 0;text-align:left}.upload-tips h2{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:9px;color:#9d2e5d}.upload-tips p{font-size:11px;padding:3px 0}.submit-button{min-height:50px}.privacy{display:flex;align-items:center;justify-content:center;gap:4px;color:#5f5764;font-size:10.5px;margin-top:14px}.status-panel{padding-top:36px}.status-symbol{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;margin:0 auto 20px}.status-symbol.pending{color:#8d650f;background:#fff3d4}.status-symbol.approved{color:#08735f;background:#e5f6ee}.status-symbol.rejected{color:#b32d52;background:#fff0f5}.pending-note{display:flex;justify-content:center;align-items:center;gap:7px;padding:20px 0;color:#79652f;font-size:12px}.success-message{white-space:pre-line;text-align:left;font-size:13px;margin:15px 0}.demo-states{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px;font-size:12px;color:#edd9e9}.demo-states a{display:inline-flex;align-items:center;min-height:44px;padding:5px 10px}.disclaimer{padding:25px 20px}.disclaimer>svg{color:#0d8067;margin-bottom:15px}.disclaimer h1{font-size:23px;margin-bottom:18px}.disclaimer p{white-space:pre-line;line-height:2;color:#5b6660}.fallback-page{display:grid;place-items:center}.admin-shell{min-height:100dvh;background:var(--canvas)}.sidebar{display:none}.admin-body{min-width:0}.admin-topbar{position:sticky;top:0;z-index:35;gap:8px;min-height:72px;padding:max(8px,env(safe-area-inset-top)) 14px 8px;background:#ffffffed;border-bottom:1px solid var(--line)}.admin-topbar,.breadcrumbs{display:flex;align-items:center}.breadcrumbs{gap:7px;font-size:11px;color:#758079;flex:1;min-width:0}.breadcrumbs strong{color:#34483e;font-weight:600}.admin-profile{display:flex;align-items:center;gap:9px;font-size:12px}.admin-profile>span:last-child{display:none}.mock-pill{font-size:9px;letter-spacing:1px;border-radius:5px;padding:3px 7px;background:#e5f3ec;color:#36725b;font-weight:750}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e6ede7;color:#47715a;font-size:12px;font-weight:700}.avatar.large{width:54px;height:54px;font-size:21px}.admin-content{padding:18px 14px 96px;max-width:1480px;margin:0 auto}.password-reminder{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff7e5;color:#866326;border:1px solid #f0e1bd;border-radius:9px;margin-bottom:22px;font-size:10px}.password-reminder>span{flex:1}.password-reminder a{display:flex;align-items:center;min-height:30px;white-space:nowrap}.admin-page-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}.admin-page-heading h1{font-size:24px;letter-spacing:-.6px}.admin-page-heading p{font-size:12px;color:var(--muted);margin-top:6px}.admin-page-heading>div:first-child{min-width:0}.admin-page-heading .btn{font-size:12px}.admin-footer,.heading-buttons{display:flex;flex-wrap:wrap;gap:8px}.admin-footer{max-width:1480px;justify-content:space-between;margin:auto;padding:20px 14px calc(25px + env(safe-area-inset-bottom));color:#748078;font-size:10px}.admin-brand{display:flex;align-items:center;gap:11px;padding:26px 22px;font-size:17px;font-weight:750}.admin-brand>span{display:grid;place-items:center;width:42px;height:42px;background:#e4f2e9;border-radius:12px;color:#397251}.admin-brand small{display:block;font-size:9px;letter-spacing:1.8px;color:#748378;margin-top:3px;font-weight:500}.nav-label{padding:7px 26px 12px;font-size:10px;color:#809086}.drawer nav,.sidebar nav{display:grid;gap:5px;padding:0 13px}.drawer nav a,.sidebar nav a{display:flex;gap:13px;align-items:center;min-height:47px;padding:10px 14px;color:#657369;border-radius:9px;font-size:13px}.drawer nav a.active,.sidebar nav a.active{color:#286344;background:#e9f2e9;font-weight:650}.drawer nav a:hover,.sidebar nav a:hover{background:#edf3ee}.nav-active-dot{width:5px;height:5px;margin-left:auto;border-radius:50%;background:#40825c}.sidebar-bottom{margin-top:auto;padding:20px;border-top:1px solid var(--line)}.sidebar-bottom a,.sidebar-bottom button{display:flex;align-items:center;gap:10px;min-height:44px;color:#63746a;font-size:12px}.sidebar-bottom p{display:flex;align-items:center;gap:6px;color:#6b7d70;font-size:10px;padding-top:12px}.drawer-backdrop{position:fixed;inset:0;z-index:70;background:#10211a80}.drawer{position:relative;display:flex;flex-direction:column;width:min(290px,85vw);height:100dvh;overflow-y:auto;padding-top:env(safe-area-inset-top);background:#fcfdfb;box-shadow:8px 0 35px #13231a21}.drawer-close{position:absolute;top:6px;right:4px}.drawer .admin-brand{padding-top:38px}.admin-loading{max-width:700px;margin:70px auto}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat-card{padding:17px 14px;border:1px solid var(--line);border-radius:13px;background:#fff}.stat-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#65766a}.stat-card>div svg{color:#6d947c}.stat-card strong{display:block;font-size:30px;line-height:1.3;margin:14px 0 8px;color:#2a4234;font-weight:650;font-variant-numeric:tabular-nums}.stat-card p{font-size:9px;color:#748078}.dashboard-columns{display:grid;gap:18px;margin-bottom:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap}.panel-heading h2{font-size:16px}.panel-heading p{font-size:11px;color:var(--muted);margin-top:4px}.panel-heading>a{display:flex;align-items:center;gap:5px;min-height:44px;color:#397657;font-size:11px}.binding-panel,.preview-panel,.proof-panel,.quick-panel,.recent-panel,.submission-info,.trend-panel,.variables-panel{padding:20px 16px}.soft-label{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#577563;background:#edf4ef;padding:5px 9px;border-radius:6px}.trend-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:9px;height:220px;border-bottom:1px solid var(--line)}.trend-column{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.trend-column>span{font-size:10px;color:#6b7f71;font-variant-numeric:tabular-nums}.trend-column>div{width:70%;max-width:30px;background:#bcd6c2;border-radius:5px 5px 0 0}.trend-column>div.today{background:#4d8460}.trend-column small{font-size:8px;padding:7px 0;color:#748078;white-space:nowrap}.chart-caption{color:#78827c;font-size:9px;margin-top:15px}.quick-panel>p{color:var(--muted);font-size:11px;margin:5px 0 15px}.quick-panel>a{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eef1ee}.quick-panel>a:last-child{border:0}.quick-panel>a>svg:first-child{box-sizing:content-box;background:#edf4ec;color:#60896a;padding:10px;border-radius:9px}.quick-panel>a span{flex:1}.quick-panel strong{display:block;font-size:12px;font-weight:600}.quick-panel small{display:block;font-size:10px;color:#7b857e}.recent-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #eff2ef}.recent-row>.picture-fallback,.recent-row>img{width:38px;height:44px;min-height:44px;border-radius:7px}.recent-row>div:not(.picture-fallback){flex:1;min-width:0}.recent-row strong{display:block;font-size:12px}.recent-row small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;font-weight:550;padding:3px 9px;border-radius:6px;background:#edf2ee;color:#536c5d}.badge.pending{background:#fff3d8;color:#8b641e}.badge.approved{background:#e8f5ec;color:#34714b}.badge.rejected{background:#fcebef;color:#a23953}.demo-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 13px;color:var(--muted);font-size:10px;padding:15px 0}.demo-links a{display:inline-flex;gap:4px;align-items:center;min-height:44px;color:#44765b}.filters{display:flex;flex-wrap:wrap;gap:10px;padding:13px;margin-bottom:18px}.filter-search{display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding-left:12px;border:1px solid #d9e0d9;border-radius:8px;color:#7b8a7f}.filter-search input{border:0!important;padding-left:0!important;background:transparent!important;font-size:12px}.filters select{flex:1;width:auto;font-size:12px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--line);font-size:11px}.list-toolbar>label{display:flex;align-items:center;gap:8px;min-height:44px}.list-toolbar>div{display:flex;gap:3px}.admin-resource-row{display:grid;grid-template-columns:18px 46px minmax(0,1fr);align-items:start;gap:9px;padding:12px 10px;border-bottom:1px solid var(--line)}.admin-resource-row>input{margin-top:12px}.admin-resource-row>.picture-fallback,.admin-resource-row>img{width:46px;height:50px;min-height:50px;border-radius:9px}.admin-resource-main{min-width:0}.admin-resource-main h2{font-size:14.5px}.admin-resource-main>p{font-size:11px;color:#6b756d;margin:3px 0}.admin-resource-main>a:not(:first-child){display:inline-flex;align-items:center;gap:5px;min-height:28px;color:#4f755c;font-size:10.5px;overflow-wrap:anywhere;word-break:break-all}.resource-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px;color:#5f6d63;font-size:10.5px}.resource-meta label{display:flex;align-items:center;gap:5px}.copy-entry-tools input,.resource-meta input{width:60px!important;font-size:11px;padding:4px 7px!important;min-height:44px!important}.resource-row-end{grid-column:2/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}.row-actions{display:flex}.switch-label{gap:8px;min-height:44px;text-align:left;font-size:11px}.switch,.switch-label{display:inline-flex;align-items:center}.switch{width:32px;min-width:32px;height:19px;padding:3px;background:#b5c0b8;border-radius:999px}.switch>span{display:block;width:13px;height:13px;background:white;border-radius:50%;transition:transform .16s ease}.switch.on{background:#4d8760}.switch.on>span{transform:translateX(13px)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;color:#6e7d71;font-size:11px}.pagination>div{display:flex;gap:5px}.pagination .icon-btn{border:1px solid var(--line)}.admin-back{display:inline-flex;align-items:center;gap:3px;min-height:44px;margin-bottom:10px;color:#61796a;font-size:12px}.editor-columns{display:grid;gap:18px}.form-panel{padding:23px 17px}.form-panel>h2{margin-bottom:20px}.form-panel>p{font-size:12px;margin:-8px 0 20px}.field{display:flex;flex-direction:column;gap:8px;min-width:0;margin-bottom:20px;font-size:12px}.field>span{font-weight:600;color:#43564a}.field small{color:#6e7e72;font-size:10px}.field input,.field select,.field textarea{font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.admin-image-upload{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}.admin-image-upload>.picture-fallback,.admin-image-upload>img{width:110px;height:110px;border-radius:12px}.admin-image-upload label{position:relative;overflow:hidden;font-size:12px;cursor:pointer}.admin-image-upload small{display:block;width:100%;color:#748078;font-size:10px}.cover-panel .admin-image-upload{flex-direction:column}.cover-panel .admin-image-upload>.picture-fallback,.cover-panel .admin-image-upload>img{width:100%;height:210px;-o-object-fit:contain;object-fit:contain;background:#f4f7f3}.save-bar{position:sticky;bottom:0;z-index:25;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 12px max(14px,env(safe-area-inset-bottom));margin-top:22px;border:1px solid var(--line);border-radius:12px;background:#fffffff5;box-shadow:0 -4px 20px #18312208}@media (max-width:767px){.save-bar{position:static}}.save-bar>span{font-size:10px;color:#758075}.save-bar>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.save-bar .btn{padding:9px 12px;font-size:12px}.category-row{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:17px 14px;border-bottom:1px solid var(--line)}.category-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#edf4ed;font-size:20px}.category-row h2{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}.category-row p,.category-row small{color:var(--muted);font-size:11px}.category-row .row-actions{grid-column:2;align-items:center;justify-content:flex-end;flex-wrap:wrap}.library-grid{display:grid;gap:16px}.library-card{padding:20px 17px}.library-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.library-icon{display:inline-grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:11px;color:#618568;background:#eaf2e9}.library-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;color:#6e7d71}.library-card h2{font-size:17px;margin-bottom:8px}.library-card>p{font-size:12px;color:var(--muted);min-height:40px}.library-stats{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0;font-size:11px;color:#788479}.library-stats strong{color:#3f5e4a;font-size:17px;margin-right:3px}.library-actions{display:flex;gap:3px;border-top:1px solid var(--line);padding-top:12px;margin-top:15px;align-items:center}.library-actions>a{margin-right:auto}.library-detail-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px;margin-bottom:18px}.library-detail-head>.btn{margin-left:auto}.binding-panel,.preview-panel,.variables-panel{margin-bottom:18px}.binding-panel>p,.variables-panel>p{color:var(--muted);font-size:12px;margin:8px 0 15px}.variables{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:11px}.variables>span{display:flex;align-items:center;gap:6px}code{padding:2px 5px;border-radius:4px;background:#edf3e9;color:#517843}.preview-panel p,code{font-size:12px;overflow-wrap:anywhere}.preview-panel p{padding:15px 0;border-bottom:1px solid var(--line)}.preview-panel p:last-child{border:0}.copy-list{margin-bottom:18px}.copy-list article{padding:18px 14px;border-bottom:1px solid var(--line)}.copy-text-content{text-align:left;width:100%;min-height:44px;overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.9}.copy-entry-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:10px;margin-top:10px;color:var(--muted)}.copy-entry-tools>label{display:flex;align-items:center;gap:4px}.binding-panel label{display:inline-flex;align-items:center;gap:8px;margin-right:18px;min-height:44px;font-size:12px}.variable-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:-4px 0 18px}.variable-buttons button{min-height:44px}.review-tabs,.settings-tabs{display:flex;gap:4px;overflow-x:auto;margin-bottom:16px;padding-bottom:6px;border-bottom:1px solid var(--line)}.review-tabs button,.settings-tabs button{white-space:nowrap;flex-shrink:0;min-height:44px;padding:9px 13px;border-radius:7px;color:#65796b;font-size:12px}.review-tabs button.active,.settings-tabs button.active{color:#285f3d;background:#e6efe4;font-weight:650}.date-field{display:flex;gap:5px;align-items:center;flex:1;min-width:0;font-size:10px;color:var(--muted)}.date-field input{font-size:10px;padding:6px!important}.submission-row{display:grid;grid-template-columns:18px 45px minmax(0,1fr);align-items:center;gap:10px;padding:17px 12px;border-bottom:1px solid var(--line)}.submission-row>.picture-fallback,.submission-row>img{width:45px;height:58px;min-height:58px;border-radius:8px}.submission-main{min-width:0}.submission-main h2{font-size:13px}.submission-main p,.submission-main small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.submission-end{display:flex;align-items:center;gap:10px;grid-column:2/-1;font-size:10px;color:var(--muted)}.submission-end .text-btn{margin-left:auto;font-size:11px}.submission-info{margin-bottom:18px}.submission-info dl{display:grid;gap:15px;font-size:12px;margin-bottom:0}.submission-info dl>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px}.submission-info dt{color:var(--muted)}.submission-info dd{margin:0;overflow-wrap:anywhere}.submission-info dd a{color:#357458}.proof-grid{display:grid;gap:16px}.proof-image{position:relative;display:block;width:100%;border-radius:10px;overflow:hidden;padding:0;background:#f0f4f0}.proof-image>.picture-fallback,.proof-image>img{width:100%;height:260px;-o-object-fit:contain;object-fit:contain}.proof-image>span{display:flex;justify-content:center;gap:7px;align-items:center;min-height:44px;color:#446d54;background:#e8f0e7;font-size:12px}.review-save>div{width:100%;justify-content:flex-end}.settings-panel{max-width:820px}.setting-switch{padding:7px 0;margin-bottom:12px;border-bottom:1px solid #edf1ec}.info-note{background:#edf4f7;color:#456272;padding:15px;border-radius:9px;font-size:12px}.example-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.example-editor .picture-fallback,.example-editor img{width:100%;height:120px;border-radius:8px}.example-editor .text-btn{font-size:10px}.account-profile{display:flex;align-items:center;gap:13px;padding:22px 16px;margin-bottom:22px;flex-wrap:wrap}.account-profile>div{flex:1;min-width:170px}.account-profile h2{font-size:18px}.account-profile p,.account-profile small{color:var(--muted);font-size:11px}.account-form{max-width:650px}.login-page{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;min-height:100dvh;padding:8vh 18px 24px;background:#f0f4ef}.login-card{width:100%;max-width:400px;background:white;border:1px solid #dce6db;border-radius:22px;padding:22px 22px 18px;text-align:center}.login-logo{display:inline-grid;place-items:center;width:46px;height:46px;background:#e7f0e3;color:#4e7a4f;border-radius:14px;margin-bottom:10px}.login-card h1{font-size:22px}.login-card>p{font-size:12px;color:var(--muted);margin:5px 0 18px}.login-card form{text-align:left}.login-card .btn{background:#477551}.login-demo{display:flex;align-items:center;justify-content:center;gap:7px;padding:15px 7px;margin:22px 0 5px;background:#f4f7f1;border-radius:9px;font-size:10px;color:#6b7b68}.login-card>.text-btn{font-size:11px}.login-bottom{font-size:10px;color:#7a8978;margin-top:25px;text-align:center}@media (max-width:399px){.hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.rank-item small{display:none}.rank-item span{font-size:11px}}@media (min-width:390px){.mobile{padding-left:17px;padding-right:17px}.hero{padding:20px 15px;gap:13px;min-height:228px}.hero h1{font-size:32px}.rank-item>.picture-fallback,.rank-item>img{width:33px;height:33px;min-height:33px}.category-pills{gap:8px}.category-pills button{padding:8px 12px}.resource-card>.picture-fallback,.resource-card>img{width:79px;height:79px}.resource-info h3{font-size:15px}.upload{padding-left:12px;padding-right:12px}.upload-panel{padding-left:22px;padding-right:22px}.upload-drop>span:not(.plus-circle){font-size:11px}}@media (min-width:768px){.mobile{box-shadow:0 0 40px #1827340a}.admin-topbar{padding-left:26px;padding-right:26px}.admin-content{padding:28px}.admin-footer{padding-left:28px;padding-right:28px}.admin-profile>span:last-child{display:inline}.breadcrumbs,.password-reminder{font-size:12px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card{padding:20px 16px}.stat-card strong{font-size:32px}.stat-card p{font-size:10px}.dashboard-columns{grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr)}.binding-panel,.preview-panel,.proof-panel,.quick-panel,.recent-panel,.submission-info,.trend-panel,.variables-panel{padding:23px}.trend-chart{gap:16px}.trend-column small{font-size:10px}.filters{flex-wrap:nowrap;padding:16px}.filter-search{flex:1;width:auto}.filters select{max-width:170px}.review-filters{flex-wrap:wrap}.review-filters .filter-search{min-width:220px}.date-field{max-width:175px}.admin-resource-row{grid-template-columns:18px 60px minmax(0,1fr) auto;padding:19px 20px;gap:16px}.admin-resource-row>.picture-fallback,.admin-resource-row>img{width:60px;height:66px}.resource-row-end{grid-column:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.admin-resource-main h2{font-size:15px}.admin-resource-main>a:not(:first-child),.admin-resource-main>p{font-size:11px}.category-row{grid-template-columns:44px minmax(0,1fr) auto;padding:18px 22px}.category-row .row-actions{grid-column:auto}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.submission-row{grid-template-columns:18px 50px minmax(0,1fr) auto;padding:18px 22px;gap:15px}.submission-end{grid-column:auto;align-items:flex-end;flex-direction:column;gap:2px}.submission-main h2{font-size:15px}.submission-main p,.submission-main small{font-size:11px}.proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.submission-info dl{grid-template-columns:repeat(2,minmax(0,1fr))}.form-panel{padding:26px}.save-bar{padding:16px 22px}.save-bar>span{font-size:12px}.review-save>div{width:auto}.login-card{padding:38px 36px 26px}}@media (min-width:1024px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;width:230px;background:#fcfdfb;border-right:1px solid var(--line);overflow-y:auto}.admin-body{margin-left:230px}.mobile-menu{display:none}.admin-topbar{min-height:76px;padding:14px 34px}.admin-content{padding:32px 34px 40px}.admin-footer{padding-left:34px;padding-right:34px}.admin-page-heading h1{font-size:27px}.editor-columns{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);align-items:start}.library-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{padding:22px}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes skeleton-pulse{0%{opacity:.5}to{opacity:1}}@keyframes modal-in{0%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.message-form{display:flex;flex-direction:column;gap:12px;text-align:left}.message-form .field span{font-size:12px;color:#5b5560}.message-form input,.message-form textarea{width:100%}.message-done{text-align:center;color:#4f4350}.message-list{display:flex;flex-direction:column;gap:10px;padding:12px}.message-card{border:1px solid #e6e8ec;border-radius:12px;padding:12px;background:#fff}.message-card.handled{opacity:.72;background:#fafbfc}.message-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#6b756d}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75;margin:8px 0;color:#24272e}.message-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#6b756d;overflow-wrap:anywhere}.message-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.message-actions .btn{padding:8px 12px;font-size:12px}