/* Product visual foundation retained from the accepted design. No prototype runtime. */
:root{--bg:#f4f6f5;--ink:#142b26;--muted:#7b8882;--line:#e5eae6;--green:#176b52;--mint:#d9f3a4;--orange:#f0ad70;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #93bfac;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:29px;line-height:1.35;letter-spacing:-.9px}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:15px;line-height:1.5}p{line-height:1.8}small,.small{font-size:12px}.icon{display:inline-block;flex-shrink:0;vertical-align:middle}.row{display:flex;align-items:center;gap:12px;min-width:0}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:18px}.grid{display:grid;gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-3,.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;color:var(--green);text-transform:uppercase}.full{width:100%}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.card-pad{padding:22px}.card h3{margin-bottom:10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 17px}.section-head h2{margin:0}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{margin-bottom:9px}.page-heading p{margin-bottom:0}.btn{border:1px solid transparent;border-radius:10px;padding:11px 16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#eff2ef;line-height:1.4;white-space:normal}.btn.primary,.primary{background:var(--green);color:#fff}.btn.primary:hover{background:#105740}.btn.secondary{background:#f5f8f5;border-color:#e1e8e1}.btn.ghost{background:transparent;border-color:var(--line)}.btn.danger{color:#ac4b3a;background:#fbefeb;border-color:#f0d5cd}.text-btn{border:0;background:transparent;color:var(--green);padding:0;display:inline-flex;align-items:center;gap:5px;font-size:12px}.icon-btn,.round-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:white;border-radius:10px;width:36px;height:36px;flex-shrink:0}.round-btn{border-radius:50%;width:30px;height:30px}.tag{display:inline-flex;align-items:center;border-radius:6px;font-size:11px;line-height:1.4;padding:5px 8px;background:#f0f3f0;color:#66766c;white-space:nowrap}.tag.success{color:#176b52;background:#e6f2e8}.tag.warning{color:#a76b2d;background:#fff1df}.tag.danger{color:#a94d3b;background:#fbebe6}.tag.info{color:#536ab1;background:#edf0fc}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field>label{font-size:13px;font-weight:600}.input,.textarea,input[type=text],input[type=url],input[type=number],textarea,select{width:100%;background:#fafbfa;border:1px solid #dee6df;border-radius:10px;padding:11px 12px;color:var(--ink);min-width:0}.textarea,textarea{resize:vertical;min-height:105px;line-height:1.8}.input:focus,.textarea:focus,input:focus,textarea:focus,select:focus{border-color:var(--green);outline-color:#b9d6c6}label small{font-weight:400;color:var(--muted)}.help{font-size:12px;line-height:1.7;color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}.tabs{display:flex;gap:6px;padding:4px;background:#edf1ed;border-radius:10px;overflow-x:auto}.tabs button,.chip{border:0;padding:9px 13px;white-space:nowrap;background:transparent;border-radius:7px;color:#77857b}.tabs .active,.tabs .selected,.chip.selected{background:white;color:var(--green);box-shadow:0 2px 5px #203e2510}.chip{background:#eef2ed;border:1px solid transparent}.chip.selected{border-color:#9fc5ae}.notice,.callout{border:1px solid #dbe9de;background:#f1f7ef;color:#42684f;border-radius:11px;padding:13px 15px;line-height:1.8;font-size:12px}.notice{background:#fff8ee;border-color:#f1e2ca;color:#95703d}.callout.warning{background:#fff7e9;border-color:#ecd6b7;color:#96622e}.split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.aside{min-width:0}.form-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.form-section:last-child{border:0}.list-item{padding:15px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{padding:20px 23px;background:white;border:1px solid var(--line);border-radius:15px}.stat strong{display:block;font-size:29px;margin:13px 0 5px;letter-spacing:-1px}.stat .icon{color:var(--green)}.table-wrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:14px}.data-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.data-table th{padding:14px 17px;background:#f9faf8;color:#849086;text-align:left;font-weight:500}.data-table td{padding:16px 17px;border-top:1px solid var(--line)}.data-table .row{gap:7px}.avatar{background:#e4f0e3;color:var(--green);font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:15px;width:52px;height:52px;flex-shrink:0;font-size:20px}.small-avatar{width:32px;height:32px;font-size:13px;border-radius:50%}.desktop-shell{display:flex;min-height:calc(100vh - 48px)}.sidebar{width:216px;flex-shrink:0;background:#142a24;color:#c4d2c7;display:flex;flex-direction:column;position:sticky;top:48px;height:calc(100vh - 48px);padding:29px 18px 15px}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:26px;font-weight:700;letter-spacing:1px;margin:0 12px 38px}.brand img{width:36px;height:36px;border-radius:12px}.brand small{font-size:8px;font-weight:450;display:block;letter-spacing:1.4px;color:#91a99a;margin-top:3px}.sidebar-section{font-size:10px;color:#728d7d;letter-spacing:1px;padding:0 15px;margin-bottom:13px}.nav-link{display:flex;width:100%;align-items:center;gap:13px;padding:13px 14px;margin:4px 0;background:transparent;border:0;color:#a8bdb0;border-radius:10px;font-size:13px;text-align:left}.nav-link:hover{background:#213b30}.nav-link.active{background:#d9f3a4;color:#17392a;font-weight:650}.nav-dot{width:6px;height:6px;background:#f0ad70;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.side-note{border:1px solid #2f4539;border-radius:12px;font-size:11px;padding:14px;margin:20px 4px;color:#c5d7c8}.side-note small{display:block;color:#718c7a;font-size:9px;margin-top:8px}.live-dot{display:inline-block;width:6px;height:6px;background:#cce891;border-radius:50%;margin-right:5px}.side-profile{display:flex;align-items:center;gap:10px;border-top:1px solid #2c4236;padding:17px 10px 0}.side-profile strong{font-size:11px;display:block;color:#dce7df}.side-profile small{display:block;font-size:9px;color:#799281;margin-top:5px}.desktop-content{min-width:0;flex:1}.topbar{height:76px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{font-size:12px;color:#839087}.breadcrumb span{margin:0 11px;color:#c1cbc3}.balance-pill{background:#f3f6ef;display:flex;align-items:center;gap:8px;border:1px solid #e8ece1;border-radius:30px;padding:8px 13px;font-size:11px;color:#74826c}.balance-pill strong{color:#36523d;font-size:13px}.page-content{padding:31px 36px 20px;max-width:1600px;margin:auto}.page-footer{text-align:center;color:#a2ada5;font-size:10px;padding:18px}.proto-bar{height:48px;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dde6df;padding:0 20px;position:sticky;top:0;z-index:50;gap:10px}.proto-brand{font-size:11px;font-weight:650;display:flex;gap:8px;align-items:center;white-space:nowrap}.proto-brand b{color:#ae7d32;font-size:9px;letter-spacing:1px;border:1px solid #e9d8b9;border-radius:4px;padding:3px 5px}.proto-switch{display:flex;align-items:center;gap:3px;background:#f1f4ee;padding:3px;border-radius:8px}.proto-switch button{background:transparent;border:0;font-size:11px;padding:6px 13px;border-radius:5px;display:flex;align-items:center;gap:6px;white-space:nowrap}.proto-switch .active{background:var(--green);color:white}.proto-tools{display:flex;gap:16px;font-size:10px;color:#78887e}.poster{height:190px;position:relative;overflow:hidden;background:#e8efe4;color:#17392b;text-align:left;font-family:"PingFang SC",sans-serif}.poster-index{position:absolute;top:17px;left:20px;font-size:6px;letter-spacing:1.6px;opacity:.6}.poster-headline{position:absolute;top:42px;left:22px;font-size:28px;font-weight:750;line-height:1.25;letter-spacing:-1px;z-index:2}.poster-note{position:absolute;left:22px;bottom:38px;font-size:6px;letter-spacing:.9px;opacity:.6;z-index:2}.poster-pill{position:absolute;left:21px;bottom:15px;font-size:7px;background:#fff8;border:1px solid #fff;padding:4px 8px;border-radius:20px;z-index:2}.poster-label{position:absolute;right:9px;bottom:9px;font-size:7px;opacity:.6;z-index:5}.poster-orbit{width:180px;height:180px;border:1px solid #79977944;border-radius:50%;position:absolute;right:-45px;top:-48px;box-shadow:0 0 0 20px #79977912,0 0 0 40px #7997790c}.presenter-shape{position:absolute;width:115px;height:160px;right:9px;bottom:-16px;transform:rotate(-3deg);background:#f7faf580;border:1px solid #fff;border-radius:80px 80px 0 0;z-index:1}.presenter-shape svg{width:100%;height:100%}.poster.tech{background:#18283b;color:#dce5fa}.tech .poster-headline{font-weight:600}.tech .poster-orbit{border-radius:15px;border-color:#a5c7ff4a;transform:rotate(30deg);box-shadow:0 0 0 20px #c7ddff08,0 0 0 40px #c7ddff06}.tech .presenter-shape{background:#bad5ff24;border-color:#aac3ff44}.tech .poster-pill{background:#9cbafa22;border-color:#9cbafa66}.poster.paper{background:#ede2d0;color:#4c3c2d;background-image:linear-gradient(#ac947812 1px,transparent 1px),linear-gradient(90deg,#ac947812 1px,transparent 1px);background-size:16px 16px}.paper .presenter-shape{background:#faf3e9;border-radius:8px;transform:rotate(6deg)}.paper .poster-headline{font-family:"Songti SC",Georgia,serif}.poster.bold-poster{background-color:#dbe894}.poster.bold-poster .poster-headline{font-size:32px;letter-spacing:-2px}.poster.bold-poster .presenter-shape{background:#142b26;border-radius:20px;transform:rotate(-10deg);border:0}.poster.bold-poster .poster-orbit{border-color:#324f2444}.project-card .card-media{border:0;padding:0;display:block;width:100%}.project-card h3{margin:12px 0}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.template-card .card-pad{padding:18px}.template-card h3{font-size:13px;margin:0}.preview{position:relative;border:1px solid var(--line);background:#f1f3ef;border-radius:15px;padding:12px;overflow:hidden}.preview-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:10px;color:#6c7d6f}.preview .poster{height:auto;aspect-ratio:9/13;border-radius:9px}.preview .poster-headline{font-size:36px;top:14%;left:8%}.preview .presenter-shape{width:75%;height:70%;right:-10%;bottom:-4%;transform:rotate(0)}.preview .poster-note{bottom:39%;left:8%}.preview .poster-index{left:8%;top:5%}.preview .poster-pill{bottom:31%;left:8%}.preview .poster-label{display:none}.preview-caption{position:absolute;bottom:110px;left:8%;right:8%;font-size:18px;line-height:1.4;font-weight:700;text-shadow:0 1px 3px #fff;background:#f9fcf19c;border:1px solid #fff8;border-radius:6px;padding:7px 10px;z-index:4}.preview-subtitle{position:absolute;bottom:74px;left:10%;right:10%;font-size:10px;background:#142b26dd;color:white;padding:5px 8px;border-radius:5px;text-align:center;z-index:4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-controls{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:9px;color:#879186}.preview-controls .small{font-size:8px;white-space:nowrap}.mock-wave{display:flex;align-items:center;justify-content:center;gap:2px;height:20px;flex:1}.mock-wave i{height:9px;background:#8ea990;width:2px;border-radius:2px}.mock-wave i:nth-child(3n){height:17px}.mock-wave i:nth-child(2n){height:12px}.preview.playing .mock-wave i{animation:wave .6s ease-in-out infinite alternate}.preview.playing .presenter-shape{animation:float 2s ease-in-out infinite alternate}.preview.playing .poster-headline{animation:float 1.6s ease-in-out infinite alternate}.preview-image-info{text-align:center;padding:10px 0 0;font-size:11px;color:#728276}.preview.compact .poster{aspect-ratio:4/3}.preview.compact .poster-headline{font-size:26px}.preview.compact .presenter-shape{width:40%;height:90%;right:0}.preview.compact .preview-caption{font-size:12px;bottom:78px}.preview.compact .preview-subtitle{bottom:46px}.progress-track{height:5px;background:#edf1ec;border-radius:5px;overflow:hidden;margin:16px 0}.progress-fill{height:100%;display:block;background:var(--green);border-radius:5px;transition:width .3s}.step-list{display:flex;flex-wrap:wrap;gap:9px 15px;margin:16px 0}.step-item{display:flex;align-items:center;gap:6px;font-size:10px;color:#8f9c90}.step-item>span{display:flex;justify-content:center;align-items:center;width:18px;height:18px;border:1px solid #d7e1d7;border-radius:50%;font-size:9px}.step-item.current{color:var(--green);font-weight:650}.step-item.current>span,.step-item.done>span{background:var(--green);color:white;border-color:var(--green)}.empty-state{text-align:center;padding:50px 25px;color:#91a18f}.empty-state h3{margin-top:20px;color:var(--ink)}.empty-state p{font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#12251ec0;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:22px}.modal{background:white;border-radius:20px;max-width:660px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0003}.modal>header,.modal>footer{padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px}.modal>header{border-bottom:1px solid var(--line)}.modal>header h2{margin:0;font-size:19px}.modal>footer{border-top:1px solid var(--line);justify-content:flex-end}.modal-body{padding:24px;line-height:1.8}.modal-body .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#183e31;color:white;border-radius:12px;padding:13px 23px;z-index:200;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;font-size:12px;box-shadow:0 10px 30px #1233}#toast.show{opacity:1;transform:translate(-50%,0)}.mini-preview-layout{display:flex;align-items:flex-start;justify-content:center;gap:72px;padding:35px 25px 60px;min-height:calc(100vh - 48px);background:radial-gradient(ellipse at 30% 40%,#dceadf55,transparent 60%)}.phone-frame{width:398px;height:820px;background:#fff;border:7px solid #152c24;border-radius:47px;padding:0;position:relative;box-shadow:0 28px 70px #233c2520;overflow:hidden;flex-shrink:0}.phone-status{height:31px;font-size:10px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#fff;color:#20362a}.phone-screen{height:calc(100% - 31px);overflow:auto;position:relative;scrollbar-width:none}.phone-screen::-webkit-scrollbar{display:none}.mini-context{width:310px;padding-top:100px}.mini-context h1{font-size:32px;line-height:1.4;letter-spacing:-1px}.mini-context .context-step{display:flex;gap:15px;margin:24px 0;font-size:12px;line-height:1.8}.context-step>span{height:28px;width:28px;border:1px solid #c9d8c8;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mini-context .notice{margin-top:30px}.phone-home-indicator{position:absolute;bottom:5px;left:37%;width:26%;height:4px;border-radius:5px;background:#172d24;z-index:12;pointer-events:none}@keyframes float{to{transform:translateY(-6px)}}@keyframes wave{to{height:4px}}@media(min-width:1700px){.page-content{padding-top:40px}}@media(max-width:1150px){.page-content{padding:25px}.sidebar{width:190px;padding-left:12px;padding-right:12px}.split{grid-template-columns:minmax(0,1fr) 285px}.template-grid,.project-grid,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 25px}}@media(max-width:800px){.sidebar{width:74px;padding:22px 8px}.brand{margin:0 10px 30px}.brand span,.sidebar-section,.nav-link span,.side-note,.side-profile>div:last-child{display:none}.brand img{width:34px;height:34px}.nav-link{justify-content:center;padding:13px}.side-profile{padding:15px 8px}.sidebar-bottom .nav-link{padding:13px}.split{grid-template-columns:1fr}.aside{max-width:430px;width:100%;margin:auto}.page-heading{align-items:flex-start;flex-direction:column}.mini-context{display:none}.mini-preview-layout{padding-top:24px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.proto-tools{gap:8px}.proto-tools .desktop-only{display:none}}@media(max-width:560px){.proto-bar{padding:0 8px;gap:3px}.proto-brand{font-size:10px;gap:5px}.proto-brand b{display:none}.proto-switch button{font-size:10px;padding:7px 8px}.proto-switch .icon{display:none}.proto-tools{font-size:9px;gap:8px}.proto-tools a{display:none}.desktop-shell{display:block}.sidebar{position:relative;top:0;width:100%;height:auto;padding:10px;display:block}.brand,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto}.nav-link{margin:0;padding:10px 12px;white-space:nowrap;width:auto;font-size:11px}.nav-link span{display:inline}.nav-link .icon{display:none}.nav-dot{display:none}.topbar{height:56px;padding:0 14px}.topbar .icon-btn,.topbar>.row>.avatar{display:none}.breadcrumb{font-size:10px}.balance-pill{font-size:9px;padding:6px 9px}.balance-pill strong{font-size:11px}.page-content{padding:20px 15px}.page-heading h1{font-size:25px}.card-pad{padding:17px}.template-grid,.project-grid,.grid-3,.grid-2{grid-template-columns:1fr}.stats{gap:9px}.stat{padding:14px}.stat strong{font-size:24px}.phone-frame{width:100%;height:calc(100dvh - 48px);border:0;border-radius:0;box-shadow:none}.phone-status,.phone-home-indicator{display:none}.phone-screen{height:100%}.mini-preview-layout{padding:0;display:block}.modal-backdrop{padding:12px}.modal-body{padding:18px}.modal>header,.modal>footer{padding:17px}.proto-tools button{font-size:9px}.preview .poster{max-height:490px}.preview.compact .poster{max-height:none}}

.field-conflict-copy{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f5ef;border:1px solid #e1e7dd;border-radius:9px;padding:12px;font:inherit;font-size:13px;max-height:160px;overflow:auto}

.web-page{max-width:1560px;margin:auto;padding:0 0 30px}.web-page h1{font-size:30px;letter-spacing:-1px}.web-page h2{font-size:21px;letter-spacing:-.4px}.web-page h3{font-size:16px}.web-page .page-heading{margin-bottom:26px}.web-page .page-heading h1{margin:7px 0}.web-hero{min-height:330px;background:#e5eddf;border-radius:22px;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;position:relative;padding:38px 42px;margin-bottom:24px}.web-hero-copy{position:relative;z-index:2}.web-hero-copy h1{font-size:46px;line-height:1.17;letter-spacing:-2px;margin:14px 0 16px}.web-hero-copy>p{color:#52665b;font-size:14px;line-height:1.8;margin-bottom:22px}.web-hero-foot{font-size:11px;color:#5d7164;display:flex;align-items:center;gap:7px;margin-top:24px}.web-dot{width:6px;height:6px;border-radius:50%;background:#176b52}.hero-secondary{background:#ffffff99;color:#234d3c;border:1px solid #b6c9bc}.web-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:270px}.web-art-paper{width:265px;height:245px;transform:rotate(-7deg);box-shadow:0 22px 35px #324c2a25;border:6px solid white;border-radius:13px;overflow:hidden;background:white;position:relative;z-index:1}.web-art-paper .poster{height:100%;min-height:235px}.web-art-label{position:absolute;z-index:3;background:#fff;color:#254735;border-radius:8px;padding:12px 17px;font-size:12px;box-shadow:0 9px 23px #20352b15;white-space:nowrap}.label-a{left:2%;top:25px;transform:rotate(-3deg)}.label-b{right:0;bottom:18px;transform:rotate(5deg);background:#d9f3a4}.web-art-mark{position:absolute;top:-9px;right:23px;font-size:75px;color:#2d7755;z-index:3;transform:rotate(13deg)}.web-art-orbit{border:1px solid #a5bda48c;position:absolute;border-radius:50%;width:320px;height:320px;transform:rotate(25deg)}.orbit-b{width:430px;height:180px;transform:rotate(-32deg)}.web-creation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 32px}.web-entry{display:flex;align-items:flex-start;gap:14px;position:relative;border:1px solid #e2e8e3;background:white;border-radius:15px;padding:23px 18px;text-align:left;color:#142b26;cursor:pointer;transition:transform .2s,box-shadow .2s}.web-entry:hover{transform:translateY(-3px);box-shadow:0 10px 22px #102c2010}.web-entry h3{margin:2px 0 8px;font-size:17px}.web-entry p{font-size:12px;margin:0 0 13px;color:#53685e}.web-entry small{font-size:10px;color:#819087}.web-entry-icon{width:43px;height:43px;background:#eaf0e5;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;color:#317053}.web-entry-icon.mint{background:#def1ea}.web-entry-icon.peach{background:#fcebdc;color:#a16c37}.web-entry-arrow{margin-left:auto;color:#7e9688;font-size:23px}.web-dashboard-bottom{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px}.web-ip-summary{padding:22px;height:max-content}.web-ip-summary .btn{width:100%;justify-content:center}.web-avatar-group{display:flex;margin:21px 0}.web-avatar-group .avatar{border:3px solid white;margin-right:-7px;width:48px;height:48px}.web-mini-stats{display:grid;grid-template-columns:1fr 1fr;margin:25px 0;border-top:1px solid #e9eeea;padding-top:20px}.web-mini-stats b{display:block;font-size:23px;margin-bottom:6px}.web-mini-stats span{font-size:11px;color:#79877f}.web-library-template{overflow:hidden}.web-library-template>.poster{height:210px}.web-library-template h3{margin:0}.web-library-template .card-pad{padding:18px}.web-library-template .btn{padding:9px 10px;font-size:11px}.web-task-tabs{margin-bottom:20px}.web-task-tabs button{white-space:nowrap}.web-ip-cover{height:150px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,var(--ip-color),#f3f8ed);position:relative;border-radius:14px 14px 0 0}.web-ip-cover>.tag{position:absolute;top:12px;right:12px;background:#ffffffa8}.web-ip-cover .avatar{width:80px;height:80px;font-size:32px;background:#ffffffa3;border:6px solid #ffffff6b;color:#2f634c}.web-ip-assets{display:flex;gap:8px;flex-wrap:wrap;padding:15px 0 20px;font-size:11px}.web-ip-assets span{background:#f4f7f3;padding:7px 9px;border-radius:6px;color:#597062}.web-new-ip{min-height:320px;border:1px dashed #b9cec1;border-radius:15px;background:#eef4ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#53806a;cursor:pointer}.web-new-ip span{font-size:12px;color:#7c9184}.web-asset-art{height:145px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#eef3ed,#eef3ed 14px,#f5f8f3 14px,#f5f8f3 28px);border-radius:9px;color:#86a78e;margin-bottom:18px}.web-asset-card h3{overflow-wrap:anywhere}.web-credit-grid{display:grid;grid-template-columns:360px 1fr;gap:22px;margin-bottom:34px}.web-balance-card{background:#163e31;border-radius:18px;padding:28px;color:white;position:relative;overflow:hidden}.web-balance-card:after{content:'✳';position:absolute;font-size:150px;right:-7px;top:-28px;color:#ffffff0c}.web-balance-card .eyebrow{color:#a6bfb0}.web-balance-card>strong{display:block;font-size:53px;letter-spacing:-2px;margin:16px 0 24px}.web-balance-card .row{font-size:12px}.web-balance-card .tag{background:#ffffff18;color:#d6e7d8}.web-positive{color:#176b52}.web-editor-heading h1{margin:8px 0 18px;font-size:25px}.web-back{background:none;border:none;color:#788c80;font-size:11px;padding:0;cursor:pointer}.web-stage-tabs{display:flex;gap:8px;border-bottom:1px solid #dce5de;margin-bottom:22px;overflow-x:auto}.web-stage-tabs button{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:13px 12px 15px;background:none;border:0;border-bottom:3px solid transparent;font-size:12px;color:#7a8d80;cursor:pointer}.web-stage-tabs button span{font-size:10px;background:#e7ede7;border-radius:5px;padding:3px 4px;color:#7b8e7f}.web-stage-tabs button.active{color:#176b52;font-weight:650;border-color:#176b52}.web-stage-tabs button.active span{background:#dceecf;color:#176b52}.web-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.web-editor-form{padding:27px;min-width:0;min-height:510px}.web-editor-form>.section-head{margin-bottom:23px}.web-editor-form>.section-head h2{margin:0 0 8px}.web-editor-form>.section-head p{font-size:12px}.web-editor-preview{position:sticky;top:92px}.web-editor-preview>.row{margin-bottom:12px}.web-editor-preview>.row h3{margin:0}.web-editor-preview>.preview{max-height:390px;overflow:hidden}.web-preview-caption{text-align:center;font-size:10px;margin:8px 0 18px}.web-run-options{padding:18px}.web-run-options .field{margin-bottom:10px}.web-run-options p{font-size:11px;line-height:1.7}.web-editor-bottom{background:#fffffff0;backdrop-filter:blur(12px);border:1px solid #dde8df;border-radius:14px;position:sticky;bottom:12px;padding:16px 22px;margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 8px 25px #1d3d2910;z-index:6}.web-editor-bottom strong{font-size:22px;letter-spacing:-.6px}.web-editor-bottom strong small{font-size:11px;font-weight:400;color:#87958b;letter-spacing:0}.web-editor-bottom p{margin:5px 0 0;font-size:10px}.web-copy-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px}.web-copy-columns .textarea{min-height:290px;line-height:1.9;font-size:13px}.web-copy-columns .field:first-child .textarea{background:#f5f7f4;color:#7a897f}.web-upload{border:1px dashed #b5ccba;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;padding:28px 16px;background:#f4f8f1;border-radius:12px;color:#62816b;width:100%;cursor:pointer;min-height:160px;margin:12px 0}.web-upload strong{font-size:13px}.web-upload span{font-size:11px;color:#8a9a8c;max-width:100%;overflow-wrap:anywhere}.web-upload:disabled{cursor:default;opacity:.65}.web-ip-inline{display:flex;align-items:center;gap:12px;padding:13px;border-radius:10px;background:#f6f8f4;margin:10px 0 20px}.web-ip-inline .avatar{width:39px;height:39px;font-size:17px}.web-ip-inline p{margin:4px 0 0}.web-preserve-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.web-preserve-grid>div{padding:14px;background:#f3f6ef;border-radius:8px;font-size:12px;line-height:1.8}.web-preserve-grid span{font-size:10px;color:#7d9681}.web-preserve-grid p{margin:4px 0}.web-voice-card{display:flex;align-items:center;gap:15px;padding:20px;background:#f0f6ed;border:1px solid #dfead8;border-radius:13px;margin-bottom:22px}.web-voice-card h3{font-size:14px;margin:0 0 7px}.web-voice-card .btn{margin-left:auto;font-size:11px;padding:9px}.web-sound-wave{font-size:24px;color:#5e9b6e;letter-spacing:1px;padding:16px 2px;white-space:nowrap}.web-identity-card{display:flex;align-items:center;gap:15px;border:1px solid #e2e9df;border-radius:12px;padding:18px}.web-person-icon{background:#e9f0df;border-radius:10px;padding:15px;color:#7f9c6f}.web-identity-card h3{margin:0}.web-identity-card p{font-size:11px}.web-identity-card>.btn{margin-left:auto}.web-editor-templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.web-editor-templates .poster{min-height:135px}.web-editor-templates .template-card{min-width:0}.web-editor-templates .template-card h3{font-size:12px}.web-page-copies{display:grid;gap:12px;margin:16px 0}.web-page-copy{padding:15px;background:#fafbf8;border-color:#e5ebe0}.web-page-copy h3{margin:0}.web-page-copy .textarea{min-height:75px}.web-audit-summary{margin-bottom:18px;flex-wrap:wrap}.web-transcript{display:grid;gap:9px;margin-bottom:20px}.web-segment{padding:12px 15px;border:1px solid #e0e9dd;border-radius:9px;background:#f9fbf6}.web-segment .row small{font-size:10px;color:#71846f}.web-segment p{font-size:13px;line-height:1.7;margin:7px 0}.web-segment .btn{padding:5px 7px;font-size:10px;min-height:0}.web-segment.removed{background:#fcf4eb;border-color:#efdfcb}.web-segment.removed p{text-decoration:line-through;color:#ad9179}.web-cover-live{padding:28px;background:#173b31;min-height:280px;border-radius:11px;color:white;position:relative;overflow:hidden;margin-top:20px;max-width:330px}.web-cover-live>span{font-size:8px;letter-spacing:2px;color:#b6d7b0}.web-cover-live>h2{max-width:190px;font-size:29px;line-height:1.5;margin:32px 0 12px;white-space:pre-line;color:#e3f5bc;position:relative;z-index:1}.web-cover-live>p{font-size:10px;color:#c0d6c1;position:relative;z-index:1}.web-cover-person{position:absolute;right:5px;bottom:20px;color:#7a9d80;transform:scale(1.8)}.web-cover-live>small{display:block;position:relative;font-size:8px;margin-top:44px;color:#a3beac}.web-task-events{margin:20px 0}.web-task-events .list-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #edf0e9}.web-task-events p{font-size:12px;margin:0}.web-event-dot{width:7px;height:7px;border-radius:50%;background:#9abb86;flex-shrink:0;margin-top:5px}.web-result-stats{margin:20px 0;padding:18px;background:#f5f8f1;border-radius:10px}.web-result-stats small{display:block;font-size:10px;color:#8a9988;margin-bottom:9px}.web-result-stats strong{font-size:16px}.web-work-card{overflow:hidden}.web-work-card>.preview{max-height:230px}.web-work-card h3{margin:0}.web-work-card .btn{font-size:10px;padding:8px 10px}.web-scenario{border-top:1px solid #e4ebdf;padding-top:12px;margin-top:15px;font-size:11px;color:#8b9b89}.web-scenario summary{cursor:pointer}.web-scenario .field{margin-top:12px}
@media(min-width:1450px){.web-editor-layout{grid-template-columns:minmax(0,1fr) 360px}.web-editor-preview>.preview{max-height:440px}.web-hero{padding:40px 55px}.web-hero-art{margin-left:40px}.web-dashboard-bottom{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:1120px){.web-hero{padding:30px}.web-hero-copy h1{font-size:37px}.web-art-paper{width:210px;height:215px}.web-art-label{font-size:10px;padding:10px}.web-art-mark{right:-5px}.web-entry{padding:18px 14px;gap:10px}.web-entry-icon{width:33px;height:33px}.web-entry h3{font-size:14px}.web-entry p{font-size:10px}.web-entry small{font-size:9px}.web-dashboard-bottom{grid-template-columns:1fr}.web-ip-summary{display:none}.web-editor-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.web-editor-form{padding:19px}.web-editor-preview>.preview{max-height:325px}.web-editor-templates{grid-template-columns:1fr 1fr}.web-stage-tabs{gap:2px}.web-stage-tabs button{font-size:11px;padding-left:7px;padding-right:7px}.web-voice-card{padding:14px;gap:9px}.web-voice-card .web-sound-wave{display:none}.web-copy-columns{grid-template-columns:1fr}.web-copy-columns .textarea{min-height:160px}.web-credit-grid{grid-template-columns:300px 1fr}}
@media(max-width:780px){.web-hero{grid-template-columns:1fr;min-height:0;padding:27px}.web-hero-art{display:none}.web-hero-copy h1{font-size:37px}.web-creation-grid{grid-template-columns:1fr;gap:10px}.web-entry{padding:18px}.web-entry h3{font-size:16px}.web-entry p{font-size:12px}.web-entry small{font-size:10px}.web-entry-icon{width:42px;height:42px}.web-editor-layout{grid-template-columns:1fr}.web-editor-preview{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.web-editor-preview>.row{grid-column:1/-1}.web-editor-preview>.preview{height:300px}.web-preview-caption{display:none}.web-run-options{margin:0}.web-editor-bottom{bottom:5px;padding:12px;flex-wrap:wrap}.web-editor-bottom strong{font-size:18px}.web-editor-bottom>div:last-child{margin-left:auto}.web-credit-grid{grid-template-columns:1fr}.web-editor-heading>.row{align-items:flex-start}.web-editor-heading>.row>.row{flex-wrap:wrap;justify-content:flex-end;max-width:160px}.web-page .page-heading{flex-wrap:wrap;gap:15px}.web-task-tabs{overflow-x:auto}.web-is-editor .form-section{margin-top:20px}.web-identity-card{flex-wrap:wrap}.web-cover-live{max-width:none}.web-voice-card{flex-wrap:wrap}.web-voice-card>.btn{margin-left:0}.web-editor-form{min-height:0}}
@media(max-width:480px){.web-page h1{font-size:25px}.web-hero{border-radius:15px;padding:22px}.web-hero-copy h1{font-size:32px}.web-hero-copy>.row{flex-wrap:wrap}.web-hero-copy>p{font-size:12px}.web-hero-foot{font-size:9px}.web-stage-tabs button{padding:12px 8px}.web-stage-tabs button span{display:none}.web-editor-preview{display:block}.web-editor-preview>.preview{height:330px;width:200px;margin:auto}.web-run-options{margin-top:15px}.web-preserve-grid{grid-template-columns:1fr}.web-editor-templates{grid-template-columns:1fr 1fr}.web-editor-templates .poster{min-height:110px}.web-editor-bottom .btn{font-size:11px;padding:10px}.web-result-stats{gap:7px;padding:13px}.web-result-stats strong{font-size:12px}.web-identity-card .web-person-icon{padding:8px}.web-editor-form{padding:16px}.web-stage-tabs{margin-bottom:15px}}

.ref-web{max-width:1460px;margin:auto;padding-bottom:25px}.ref-web h1{font-size:29px;margin:8px 0 9px;letter-spacing:-1px}.ref-web h2{font-size:20px}.ref-web .page-heading{align-items:center}.ref-demo-notice{margin-bottom:20px}.ref-cash-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:16px;margin-bottom:25px}.ref-cash-card{background:#173e31;color:#fff;border-radius:18px;padding:24px 25px;min-width:0;position:relative;overflow:hidden}.ref-cash-card:after{content:'✳';position:absolute;right:-12px;top:0;font-size:140px;color:#d9f3a411;pointer-events:none}.ref-cash-card>.row:first-child{font-size:12px;color:#bed2c1}.ref-cash-card>strong{font-size:38px;display:block;font-weight:650;margin:18px 0;letter-spacing:-1.5px}.ref-cash-card small{font-size:10px;color:#a5c1ad}.ref-cash-card .btn{background:#d9f3a4;color:#183d2c;font-size:11px;padding:9px 12px}.ref-stat{padding:23px 20px}.ref-stat>span{font-size:12px;color:#74867a}.ref-stat>strong{display:block;font-size:27px;letter-spacing:-1px;margin:22px 0 14px}.ref-stat>small{font-size:10px;line-height:1.7;color:#91a093;display:block}.ref-recovery{margin-bottom:20px}.ref-tabs{margin:20px 0 23px;width:max-content;max-width:100%}.ref-tabs button{font-size:12px;padding:9px 20px}.ref-invite{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px;padding:30px 33px;margin-bottom:22px;background:linear-gradient(115deg,#fff 5%,#f4f8ee)}.ref-invite h2{font-size:24px;margin:12px 0;letter-spacing:-.6px}.ref-invite p{font-size:12px;color:#748779;max-width:650px}.ref-invite-code{display:flex;align-items:center;gap:13px;margin:22px 0 15px}.ref-invite-code>small{font-size:10px;color:#8d9a8f}.ref-invite-code>strong{font-size:21px;letter-spacing:2px}.ref-link-row{display:flex;align-items:center;gap:10px;border:1px solid #dce5d8;border-radius:10px;padding:7px 7px 7px 13px;background:#fbfcf9;margin-bottom:13px;min-width:0}.ref-link-row>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#74896f}.ref-link-row>.btn{padding:8px 10px;font-size:10px;flex-shrink:0}.ref-network{min-height:230px;position:relative;display:flex;align-items:center;justify-content:center}.ref-network:before,.ref-network:after{content:'';position:absolute;border:1px solid #c2d2ba;border-radius:50%;width:200px;height:200px}.ref-network:after{width:140px;height:140px;border-style:dashed;opacity:.6}.ref-network span{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:5px solid #fff;border-radius:50%;box-shadow:0 7px 20px #284b2011;text-align:center;font-size:12px;font-weight:600}.ref-network small{font-size:8px;font-weight:400}.ref-network-me{width:88px;height:88px;background:#173e31;color:#d9f3a4;left:40px;top:26px}.ref-network-first{width:81px;height:81px;background:#d9f3a4;color:#31522c;right:13px;top:55px}.ref-network-second{width:89px;height:89px;background:#e8efe3;color:#4a6550;left:100px;bottom:9px}.ref-network em{position:absolute;bottom:-10px;font-size:9px;letter-spacing:1px;font-style:normal;color:#8ca180}.ref-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ref-two-cols h3{margin:0}.ref-member-counts{display:grid;grid-template-columns:1fr 1fr;padding:28px 0 20px}.ref-member-counts>div+div{border-left:1px solid #e4eae0;padding-left:35px}.ref-member-counts span{font-size:11px;color:#7f9082}.ref-member-counts strong{display:block;font-size:37px;margin-top:10px;font-weight:600}.ref-member-counts small{font-size:12px;font-weight:400;color:#8d9c8e}.ref-rule-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:23px 0 17px}.ref-rule-card dl>div{display:flex;justify-content:space-between;font-size:12px;gap:10px;border-bottom:1px solid #edf1e9;padding-bottom:10px}.ref-rule-card dt{color:#7c8b7d}.ref-rule-card dd{margin:0;font-weight:600}.ref-rule-card .help{font-size:10px}.ref-table td small{display:block;font-size:10px;color:#879689;margin-top:6px}.ref-table td>.btn{font-size:10px;padding:7px 9px}.ref-table td .row>.btn{font-size:10px;padding:7px 9px}.ref-table td>strong{font-size:12px}.ref-members-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.ref-member{padding:18px 15px;border:1px solid #e3eade;border-radius:12px;display:flex;align-items:center;gap:12px;min-width:0}.ref-member>div{flex:1;min-width:0}.ref-member strong{font-size:13px}.ref-member small{display:block;font-size:10px;color:#8b9b8b;margin-top:5px}.ref-member .tag{font-size:9px}.ref-flex-wrap{flex-wrap:wrap}.ref-bottom-row{margin-top:20px}.ref-demo-panel{border:1px dashed #c9d7c2;border-radius:12px;background:#f1f6eb;margin-top:25px;padding:16px 20px}.ref-demo-panel summary{font-size:12px;color:#64805d;cursor:pointer;display:flex;align-items:center;gap:8px}.ref-demo-panel>p{margin:15px 0 12px}.ref-demo-panel .help{font-size:10px;margin-bottom:0}.ref-demo-panel .btn{font-size:11px;padding:9px 12px}.ref-detail-list{margin:22px 0}.ref-detail-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #edf1e9;padding:11px 0;font-size:12px}.ref-detail-list dt{color:#81917e}.ref-detail-list dd{margin:0;font-weight:500}.ref-source-row{display:flex;align-items:center;gap:12px;padding:14px;border-radius:9px;background:#f2f7eb;margin:9px 0;font-size:12px}.ref-source-row>strong{margin-left:auto}.ref-order-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ref-withdraw-amount{border-radius:13px;background:#edf5e5;padding:22px;margin-bottom:22px;display:flex;flex-direction:column;gap:10px;color:#275139}.ref-withdraw-amount small{font-size:11px;color:#7a9278}.ref-withdraw-amount strong{font-size:33px;letter-spacing:-1px}.ref-withdraw-hints{font-size:10px;color:#8a9a85;display:flex;justify-content:space-between;gap:12px;margin:10px 0 20px}.ref-timeline{padding:20px 0}.ref-timeline>div{display:flex;gap:13px;padding:9px 0;font-size:12px}.ref-timeline i{margin-top:7px;width:7px;height:7px;border-radius:50%;background:#75a26a;flex-shrink:0}.ref-timeline span{flex:1}.ref-timeline small{display:block;font-size:10px;color:#8b9a87;margin-top:4px}.ref-poster{background:#163e31;color:#f4f9ee;border-radius:18px;padding:28px 28px 30px;position:relative;overflow:hidden;max-width:340px;margin:0 auto 20px}.ref-poster:before{content:'';position:absolute;width:300px;height:300px;border:1px solid #d9f3a42a;border-radius:50%;right:-170px;top:-30px}.ref-poster-brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}.ref-poster-brand img{width:28px}.ref-poster-brand small{font-size:7px;letter-spacing:.7px;color:#bad1b4;font-weight:400}.ref-poster-star{position:absolute;font-size:70px;color:#d9f3a4;right:22px;top:75px;transform:rotate(12deg)}.ref-poster h2{font-size:34px;line-height:1.5;letter-spacing:-1px;margin:47px 0 15px;position:relative;z-index:1}.ref-poster>p{font-size:10px;color:#9fbaa4;line-height:1.8;margin-bottom:27px}.ref-poster-ticket{display:flex;flex-direction:column;gap:10px;padding:20px;background:#f0f7e9;border-radius:12px;color:#36543b;position:relative;z-index:1}.ref-poster-ticket small{font-size:9px;color:#87a07e}.ref-poster-ticket strong{font-size:27px;letter-spacing:3px}.ref-poster-ticket span{font-size:8px;color:#91a289}
@media(max-width:1150px){.ref-cash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-invite{grid-template-columns:minmax(0,1fr) 210px;padding:25px}.ref-network{transform:scale(.85);transform-origin:center}.ref-network-me{left:10px}.ref-network-first{right:-15px}.ref-network-second{left:68px}.ref-two-cols{grid-template-columns:1fr 1fr}.ref-member{flex-wrap:wrap}.ref-member .tag{margin-left:44px}}
@media(max-width:800px){.ref-invite{grid-template-columns:1fr}.ref-network{display:none}.ref-two-cols{grid-template-columns:1fr}.ref-members-grid{grid-template-columns:1fr}.ref-member{flex-wrap:nowrap}.ref-member .tag{margin-left:auto}.ref-section>.section-head{align-items:flex-start;flex-direction:column}.ref-web .page-heading{align-items:flex-start}}
@media(max-width:560px){.ref-web h1{font-size:25px}.ref-cash-grid{gap:10px}.ref-cash-card{grid-column:1/-1;padding:22px}.ref-cash-card>strong{font-size:36px}.ref-stat{padding:17px}.ref-stat:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px}.ref-stat:last-child>strong{margin:0;text-align:right}.ref-stat:last-child>small{grid-column:1/-1}.ref-stat>strong{font-size:24px;margin:15px 0 10px}.ref-tabs{width:100%;gap:0}.ref-tabs button{font-size:11px;padding:9px 10px;flex:1}.ref-invite{padding:22px}.ref-invite h2{font-size:21px}.ref-invite-code{gap:9px;flex-wrap:wrap}.ref-invite-code>strong{font-size:19px}.ref-invite-code>.tag{font-size:9px}.ref-link-row{padding-left:9px;gap:5px}.ref-link-row>span{font-size:9px}.ref-link-row>.btn{font-size:9px;padding:8px}.ref-member{padding:14px 12px;gap:9px;flex-wrap:wrap}.ref-member .tag{margin-left:41px}.ref-member>div{flex-basis:65%}.ref-demo-panel{padding:15px}.ref-demo-panel .row{align-items:stretch;flex-direction:column}.ref-demo-panel .btn{width:100%}.ref-withdraw-hints{flex-direction:column;gap:5px}.ref-rule-card dl{gap:12px}.ref-order-heading>strong{font-size:11px;overflow-wrap:anywhere}.ref-source-row{gap:8px;font-size:10px;flex-wrap:wrap}.ref-poster{padding:24px;max-width:300px}.ref-poster h2{font-size:31px}}
/* Production application surfaces */
body{min-width:320px}.desktop-shell{min-height:100vh}.sidebar{top:0;min-height:100vh}.topbar{position:sticky;top:0;background:#ffffffef;backdrop-filter:blur(16px);z-index:15}.brand-mark{width:38px;height:38px;background:#176b52;color:#d9f3a4;border-radius:12px;display:grid;place-items:center}.brand-mark svg{width:25px;height:25px}.brand{gap:11px}.nav-link{width:100%;text-align:left}.sidebar nav{overflow-y:auto}.page-footer{font-size:10px;line-height:1.8}.production-state{display:flex;align-items:center;gap:7px;color:#7c8d81;font-size:10px}.production-state i{width:6px;height:6px;border-radius:50%;background:#176b52}.app-breadcrumb{font-size:12px;color:#839085}.topbar-actions{display:flex;align-items:center;gap:14px}.account-menu{font-size:12px;color:#657b6d}.boot{padding:100px 24px;text-align:center;color:#7c9082}.app-notice{border:1px solid #e1e7dc;background:#f5f8ee;color:#6c8068;padding:13px 16px;border-radius:11px;font-size:12px;line-height:1.8;margin-bottom:20px}.app-notice.warning{background:#fff6e9;border-color:#f1dbb8;color:#9a783d}.app-notice.error{background:#fff1ed;border-color:#efd0c7;color:#9c6250}.mobile-nav{display:none}.page-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.eyebrow{letter-spacing:1.9px}.empty-state .btn{margin-top:12px}.btn.small{padding:7px 10px;font-size:11px;min-height:31px}.btn.danger{background:#fff0eb;color:#aa6655;border:1px solid #f0d1c6}.btn:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #98bc91;outline-offset:3px}.input:focus,.textarea:focus{outline:2px solid #c8ddb8;outline-offset:1px}.field small{font-size:10px;line-height:1.7;color:#82917c}.field{margin-bottom:17px}.field textarea{resize:vertical}.field textarea.code-input{font-family:ui-monospace,monospace;font-size:12px;line-height:1.8}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.form-grid>.full{grid-column:1/-1}.editor-frame{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px;align-items:start}.editor-form{padding:28px}.editor-side{position:sticky;top:95px}.editor-step-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.editor-step-summary h2{margin:0;font-size:20px}.editor-step-summary p{font-size:12px;color:#84937d;margin:8px 0 0}.step-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:0 0 18px}.step-nav button{padding:11px 17px;border-radius:10px;background:#fff;border:1px solid #e4e9df;white-space:nowrap;font-size:12px;color:#7b8976}.step-nav button.active{background:#173e31;border-color:#173e31;color:#def0c0}.step-nav b{margin-right:8px;font-weight:500;opacity:.65}.save-state{font-size:11px;color:#91a07f;display:flex;gap:8px;align-items:center}.save-state.conflict{color:#a97843}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #e6ebe2;padding-top:21px;margin-top:24px;flex-wrap:wrap}.editor-preview{border:1px solid #e2e9dc;border-radius:16px;overflow:hidden;background:#eef3e7;aspect-ratio:9/13;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#6c8b62;position:relative}.editor-preview img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.editor-preview>div{position:relative;z-index:1;background:#ffffffde;padding:19px;border-radius:13px}.editor-preview small{display:block;margin:12px 0 0;font-size:10px;font-weight:400}.source-upload{padding:28px;border:1px dashed #c8d6bf;border-radius:14px;display:grid;gap:12px;justify-items:center;text-align:center;background:#f7f9f3;margin-bottom:20px}.source-upload p{font-size:11px;color:#8a9b7c;line-height:1.8}.source-upload input[type=file]{max-width:100%;font-size:12px}.selected-asset{display:flex;gap:12px;align-items:center;border:1px solid #dde6d5;border-radius:10px;padding:13px;margin-bottom:15px;font-size:12px}.selected-asset strong{display:block}.selected-asset small{display:block;margin-top:5px;color:#8c9c80;font-size:10px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.record-card{padding:20px;min-width:0}.record-card h3{font-size:16px;line-height:1.7;margin:12px 0 8px}.record-card p{font-size:11px;line-height:1.9;color:#849478}.record-card .row{margin-top:18px;flex-wrap:wrap}.record-illustration{height:155px;border-radius:12px;background:linear-gradient(135deg,#e7eddf,#f7f9f3);display:grid;place-items:center;color:#89a273;overflow:hidden}.record-illustration img{width:100%;height:100%;object-fit:cover}.record-illustration>span{font-size:30px;color:#718b63}.data-table td{vertical-align:middle}.data-table td small{display:block;font-size:10px;margin-top:6px;line-height:1.7;color:#8b9b80}.data-table td strong{font-size:12px}.data-table .row{flex-wrap:wrap}.data-table input,.data-table select{max-width:180px}.table-wrap{background:#fff;border:1px solid #e4eade;border-radius:14px;overflow:auto}.status-tag{display:inline-flex;gap:5px;align-items:center;padding:4px 8px;border-radius:6px;background:#edf4e6;color:#66805b;font-size:10px;white-space:nowrap}.status-tag.warn{background:#fff3dd;color:#a2864e}.status-tag.error{background:#ffefea;color:#a76b5a}.status-tag.info{background:#ebf0fa;color:#6e80a2}.inline-metadata{font-size:11px;color:#8a997e;line-height:1.9}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{padding:21px;background:#fff;border:1px solid #e4eade;border-radius:14px}.metric span{font-size:11px;color:#87997c}.metric strong{display:block;font-size:28px;margin-top:15px;font-weight:600;letter-spacing:-1px}.metric small{display:block;font-size:10px;color:#9aa68f;margin-top:10px;line-height:1.7}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:24px;margin-bottom:20px}.panel h2{margin:0 0 18px;font-size:19px}.panel h3{font-size:15px;margin:0 0 14px}.panel p{font-size:12px;line-height:1.9;color:#849577}.panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:12px;line-height:1.9;background:#f5f8ef;border-radius:10px;padding:15px;max-height:300px;overflow:auto}.panel details{font-size:12px;margin-top:15px}.panel summary{cursor:pointer;color:#708b60}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.catalog-card{overflow:hidden}.catalog-card figure{margin:0;aspect-ratio:16/10;background:#e9efdf;position:relative;overflow:hidden}.catalog-card figure img{width:100%;height:100%;object-fit:cover}.catalog-card figure .status-tag{position:absolute;top:9px;left:9px;background:#ffffffec}.catalog-card>div{padding:17px}.catalog-card h3{font-size:14px;line-height:1.7;margin:0 0 7px}.catalog-card p{font-size:10px;line-height:1.8;color:#8b9c7b;margin-bottom:13px}.catalog-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 18px}.catalog-toolbar input{max-width:300px;min-width:180px}.catalog-toolbar select{max-width:190px}.catalog-meta{font-size:10px;line-height:1.8;color:#91a37e}.catalog-detail-video{width:100%;max-height:360px;background:#172c20;border-radius:12px}.segments-list{display:grid;gap:10px}.segment-row{border:1px solid #e0e7d9;border-radius:11px;padding:15px;font-size:12px}.segment-row.removed{background:#f5f5f0;color:#9b9e8e}.segment-row.removed p{text-decoration:line-through}.segment-row p{font-size:12px;line-height:1.9;margin:12px 0 0}.segment-row small{font-size:10px;color:#91a17f}.job-progress{height:6px;border-radius:8px;background:#e9efdf;overflow:hidden;margin:20px 0}.job-progress i{display:block;height:100%;background:#78a354;transition:width .3s}.job-stage{font-size:27px;margin:18px 0 8px;letter-spacing:-.7px}.events{display:grid;gap:14px}.event{display:flex;align-items:start;gap:12px;font-size:12px}.event i{width:6px;height:6px;border-radius:50%;background:#9ab888;margin-top:6px;flex-shrink:0}.event small{display:block;font-size:10px;color:#95a584;margin-top:5px}.private-media{width:100%;max-height:330px;object-fit:contain;border-radius:10px;background:#eff4e7}
.dialog-body .private-media{display:block;width:auto;height:auto;max-width:100%;max-height:70vh;margin-inline:auto}.resource-list{display:grid;gap:15px}.resource-row{border:1px solid #e1e8db;border-radius:11px;padding:16px}.resource-row strong{font-size:12px}.resource-row small{font-size:10px;color:#8a9e7e;display:block;line-height:1.8;margin-top:5px}.resource-row .btn{margin-top:12px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fcfef9}.auth-story{padding:48px 11%;background:linear-gradient(135deg,#eaf0df,#f8faee);border-right:1px solid #e1e7d8;display:flex;flex-direction:column;justify-content:space-between;gap:45px}.auth-story h1{font-size:47px;line-height:1.45;letter-spacing:-1.8px;margin:20px 0}.auth-story>p{font-size:11px;color:#8da17c;line-height:1.9}.auth-story .tag-line{font-size:12px;color:#8ba375;letter-spacing:1px}.auth-form-wrap{display:grid;place-items:center;padding:45px 25px}.auth-form{width:min(380px,100%)}.auth-form h2{font-size:27px;margin-bottom:10px}.auth-form>p{font-size:12px;color:#8ca07d;line-height:1.8}.auth-form form{margin-top:28px}.auth-form .btn.primary{width:100%;min-height:46px}.auth-switch{text-align:center;font-size:12px;margin-top:22px}.auth-error{color:#a96750;font-size:12px;line-height:1.8;margin:10px 0}.balance-card{background:#173e31;color:#fff;border-radius:17px;padding:26px;margin-bottom:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.balance-card strong{font-size:38px;display:block;margin-top:13px;letter-spacing:-1px}.balance-card span{font-size:11px;color:#bbd1b3}.balance-card small{font-size:11px;color:#9bb88f}.price-card strong{font-size:29px;display:block;margin:16px 0;color:#476e36}.invite-panel{background:linear-gradient(120deg,#fff,#f1f6e8);padding:29px;border-radius:16px;border:1px solid #e1e8d9;margin-bottom:22px}.invite-panel h2{font-size:25px;margin:10px 0}.invite-panel p{font-size:12px;line-height:1.9;color:#819675}.invite-link{display:flex;gap:9px;margin:20px 0 0}.invite-link input{flex:1;min-width:0}.reward-type{font-size:11px}.editor-origin{display:grid;grid-template-columns:1fr 1fr;gap:17px}.readonly-text{font-size:12px;line-height:1.9;white-space:pre-wrap;padding:15px;border-radius:10px;border:1px solid #e2e9d8;background:#f7f9f2;min-height:80px;overflow-wrap:anywhere}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.filter-tabs button{padding:8px 13px;border-radius:8px;font-size:11px;border:1px solid #e0e8d6;background:#fff;color:#859776}.filter-tabs button.active{background:#173e31;border-color:#173e31;color:#e0f0bd}#modal{padding:0;border:1px solid #e0e8d7;border-radius:18px;width:min(660px,calc(100vw - 30px));max-height:90vh;box-shadow:0 30px 130px #142b2633;color:#213d2a}#modal::backdrop{background:#17302366;backdrop-filter:blur(5px)}.dialog-head{padding:20px 24px;border-bottom:1px solid #e6ebdf;display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-head h2{margin:0;font-size:20px}.dialog-body{padding:23px 24px;font-size:13px;line-height:1.9}.dialog-body p{margin:0 0 15px}.dialog-foot{padding:16px 24px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e5ecdf;position:sticky;bottom:0;background:#fff}.dialog-body .readonly-text{max-height:220px;overflow:auto}.dialog-body .row{flex-wrap:wrap}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);background:#173e31;color:#eef7e8;padding:13px 20px;border-radius:11px;font-size:12px;box-shadow:0 8px 28px #142b2622;opacity:0;pointer-events:none;transition:.2s;z-index:999;max-width:calc(100vw - 34px)}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-view-note{display:none}.admin-page .page-heading h1{font-size:27px}.admin-actions{display:flex;gap:7px;flex-wrap:wrap}.log-copy{max-width:450px;white-space:pre-wrap;overflow-wrap:anywhere}.skeleton{height:150px;border-radius:15px;background:linear-gradient(95deg,#edf1e5,#f7f9f3,#edf1e5);background-size:220% 100%;animation:loading-bg 1.5s infinite}@keyframes loading-bg{to{background-position:-220% 0}}.error-box{padding:25px;border:1px solid #ecd2bd;background:#fff8ee;border-radius:13px;color:#a37f49;font-size:13px;line-height:1.9}.error-box .btn{margin-top:16px}.available-mark{font-size:10px;color:#8fa27c}.json-line{font-family:ui-monospace,monospace;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.clickable-row{cursor:pointer}.mobile-section-heading{margin:26px 0 18px;font-size:20px}
@media(max-width:1200px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-frame{grid-template-columns:minmax(0,1fr) 250px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.editor-frame{grid-template-columns:1fr}.editor-side{position:static;display:grid;grid-template-columns:180px 1fr;gap:18px;order:-1}.editor-preview{aspect-ratio:1}.editor-side .panel{margin-bottom:0}.two-cols{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-story{padding:35px 10%}.auth-story h1{font-size:37px}}
@media(max-width:700px){.sidebar{display:none}.desktop-content{margin-left:0;width:100%}.topbar{height:63px;padding:0 17px}.page-content{padding:23px 16px 110px}.app-breadcrumb{font-size:11px}.topbar-actions{gap:9px}.topbar-actions .balance-pill{font-size:10px;padding:7px 9px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;justify-content:space-around;background:#ffffffed;backdrop-filter:blur(18px);border-top:1px solid #e1e8d9;padding:10px 5px calc(10px + env(safe-area-inset-bottom,0px))}.mobile-nav button{display:grid;place-items:center;gap:5px;background:none;color:#8a9e7a;font-size:9px;min-width:55px}.mobile-nav button.active{color:#176b52}.page-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.page-heading h1{font-size:26px}.editor-form{padding:21px 18px}.editor-side{grid-template-columns:110px 1fr;gap:12px}.editor-side .panel{padding:15px}.editor-side .panel h3{font-size:12px}.editor-side .panel p{font-size:10px}.editor-preview{border-radius:12px;padding:8px}.editor-preview>div{padding:9px;font-size:11px}.editor-preview small{font-size:8px}.form-grid,.editor-origin{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.record-illustration{height:155px}.metric-grid{gap:10px}.metric{padding:17px}.metric strong{font-size:25px}.catalog-grid{gap:13px}.catalog-card>div{padding:13px}.catalog-card h3{font-size:12px}.catalog-card p{font-size:9px}.catalog-card .btn{font-size:10px;padding:7px 9px}.catalog-toolbar input{max-width:100%;width:100%}.catalog-toolbar select{max-width:48%;font-size:12px}.auth-page{display:block}.auth-story{padding:26px 24px;gap:26px;min-height:230px}.auth-story h1{font-size:30px;line-height:1.35;margin:12px 0}.auth-story>p{display:none}.auth-form-wrap{padding:31px 24px 60px}.auth-form{width:100%;max-width:420px}.auth-form h2{font-size:25px}.balance-card{padding:23px;align-items:flex-start}.balance-card strong{font-size:32px}.balance-card .row{flex-wrap:wrap}.invite-panel{padding:22px}.invite-panel h2{font-size:22px}.invite-link{flex-direction:column}.form-actions .btn{font-size:11px}.field textarea,.input{font-size:16px}.source-upload{padding:23px 14px}.panel{padding:20px}.dialog-head{padding:17px 19px}.dialog-head h2{font-size:18px}.dialog-body{padding:20px 19px}.dialog-foot{padding:15px 19px;flex-wrap:wrap}.dialog-foot .btn{flex:1;min-width:0}.step-nav button{padding:10px 12px;font-size:11px}.job-stage{font-size:24px}.web-hero{grid-template-columns:1fr}.web-hero-art{display:none}.web-creation-grid{grid-template-columns:1fr}.web-entry{min-height:110px}.page-footer{padding-bottom:80px}.status-tag{font-size:9px}}
body[data-surface=mobile] .sidebar{display:none}body[data-surface=mobile] .desktop-content{margin-left:0;width:100%}body[data-surface=mobile] .page-content{max-width:850px;padding-bottom:115px}body[data-surface=mobile] .mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;justify-content:space-around;background:#ffffffed;backdrop-filter:blur(18px);border-top:1px solid #e1e8d9;padding:10px 5px calc(10px + env(safe-area-inset-bottom,0px))}body[data-surface=mobile] .mobile-nav button{display:grid;place-items:center;gap:5px;background:none;color:#8a9e7a;font-size:10px;min-width:55px}body[data-surface=mobile] .mobile-nav button.active{color:#176b52}body[data-surface=mobile] .editor-frame{grid-template-columns:1fr}body[data-surface=mobile] .editor-side{position:static;display:grid;grid-template-columns:160px 1fr;gap:15px;order:-1}body[data-surface=mobile] .web-creation-grid{grid-template-columns:1fr}body[data-surface=mobile] .web-hero-art{display:none}body[data-surface=mobile] .web-hero{grid-template-columns:1fr}.auth-form input{min-height:46px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Native controls follow the accepted shell, including when rendered as buttons. */
.brand{border:0;background:transparent;text-align:left;cursor:pointer;width:100%}.sidebar{height:100vh}.sidebar nav{min-height:0;scrollbar-width:thin;scrollbar-color:#35574a transparent}.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-thumb{background:#35574a;border-radius:8px}.account-menu{border:0;background:transparent;display:flex;gap:5px;align-items:center;padding:6px;cursor:pointer}.web-art-paper>strong{font-size:28px!important;line-height:1.5!important}.dialog-body form{margin:0}.side-profile{flex-shrink:0}
.admin-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-menu .btn{justify-content:flex-start;text-align:left;white-space:normal;min-height:48px;overflow-wrap:anywhere}.admin-menu .btn svg{flex-shrink:0}.admin-menu .btn span{min-width:0}

.motion-editor{margin-top:24px}.motion-editor>.card{margin:18px 0}.motion-source .private-media{display:block;width:100%;height:auto;max-height:440px}.motion-editor select{max-width:100%}.motion-editor label.row{align-items:flex-start;line-height:1.7}.motion-editor input[type=checkbox]{flex-shrink:0;margin-top:5px}