*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172334;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit}button,a{transition:background .15s,border-color .15s}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:#315bdd;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.35;letter-spacing:-.7px;margin:8px 0 12px}h2{font-size:19px;margin-bottom:8px}h3{font-size:15px}p{color:#667387}small{font-size:12px;color:#7b8798;display:block}b{font-weight:600}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid #e5eaf1;padding:32px 20px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:#142238;font-size:22px;font-weight:750;letter-spacing:-.7px}.brand-light{font-weight:450}.brand small{font-size:8px;letter-spacing:1.5px;margin-top:-4px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#315bdd;color:#fff;flex-shrink:0}.workspace{margin:42px 12px 14px;font-size:11px;font-weight:600;letter-spacing:1px;color:#99a2b1;display:flex;justify-content:space-between}.workspace span{letter-spacing:0}.nav{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:0;background:transparent;color:#748093;padding:13px 16px;border-radius:9px;margin:5px 0;font-weight:500}.nav:hover{background:#f5f7fc}.nav.active{background:#ecf1ff;color:#315bdd}.side-note{margin-top:auto;border:1px solid #e8edf5;border-radius:12px;padding:16px;font-size:12px;color:#58677c}.side-note p{font-size:11px;margin-top:10px;line-height:1.9}.status-dot{display:inline-block;background:#b0b9c8;width:7px;height:7px;border-radius:50%;margin-right:7px}.status-dot.on{background:#3baa87}.profile{border-top:1px solid #eef1f6;margin-top:20px;padding-top:20px;display:flex;gap:10px;align-items:center}.profile b{font-size:13px}.profile small{font-size:11px}.avatar{background:#f0e9de;color:#96713a;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:600}.profile .link{margin-left:auto;font-size:11px}main{margin-left:238px;flex:1;min-width:0}header{height:77px;background:#ffffffde;border-bottom:1px solid #e8edf4;padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.crumb{color:#8a96a6}.divider{margin:0 12px;color:#cbd2dc}.header-right{display:flex;align-items:center;gap:18px}.header-right a{color:#778396}.content{max-width:1490px;margin:auto;padding:36px 40px 50px;min-height:calc(100vh - 135px)}footer{border-top:1px solid #e6ebf3;color:#99a2b0;font-size:11px;padding:20px 40px;display:flex;justify-content:space-between}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7e8daa;font-weight:700}.page-heading p{font-size:13px}.small-stat{display:flex;align-items:center;gap:15px}.small-stat b{font-size:38px;color:#315bdd;font-weight:500;line-height:1}.small-stat span{color:#92a0b3;font-size:11px}.badge{display:inline-block;border-radius:6px;background:#eff2f8;color:#748197;padding:4px 9px;font-size:11px;font-weight:500;white-space:nowrap}.badge.green{color:#248468;background:#e7f5ee}.steps{display:flex;gap:40px;background:#fff;padding:18px 24px;border:1px solid #e6ebf3;border-radius:12px;margin-bottom:28px}.steps button{border:0;background:transparent;color:#95a0b1;display:flex;align-items:center;gap:12px;font-size:13px;padding:0}.steps button span{width:26px;height:26px;display:grid;place-items:center;border:1px solid #dfe5ef;border-radius:50%;font-size:11px}.steps .current{color:#315bdd;font-weight:600}.steps .current span{background:#315bdd;color:#fff;border-color:#315bdd}.steps .done span{background:#edf3ff;color:#315bdd;border-color:#edf3ff}.card{background:#fff;border:1px solid #e4eaf2;border-radius:14px;padding:25px;margin-bottom:24px;box-shadow:0 3px 8px #18243b02}.section-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.section-title h2{margin:0 0 5px}.section-title p{font-size:12px;max-width:760px}.section-title select{max-width:340px}.create-grid,.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:start}.workflow{position:sticky;top:20px;padding:26px 22px}.workflow h2{margin-top:7px;margin-bottom:24px}.workflow-item{display:flex;gap:14px;margin:22px 0}.workflow-item>span{color:#92a3c4;font-size:11px;padding-top:3px;min-width:20px}.workflow-item b{font-size:13px}.workflow-item p{font-size:11px;margin-top:4px;line-height:1.7}.hint,.callout{padding:16px 18px;background:#f4f7fd;border:1px solid #e6edf9;border-radius:9px;font-size:12px;color:#697b99;line-height:1.8;margin:14px 0}.callout{background:#f8f9fc;border-color:#eef1f6}.drop{position:relative;border:1px dashed #afc0e5;background:#f8faff;border-radius:10px;display:flex;align-items:center;flex-direction:column;padding:27px 15px;cursor:pointer;margin:0 0 20px!important}.drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop b{font-size:13px;color:#3e5b91}.drop span:last-child{font-size:11px;color:#8b9bb8;margin-top:5px}.upload-icon{font-size:24px;color:#315bdd;line-height:1.2;margin-bottom:10px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.photo{border:1px solid #e5eaf2;border-radius:10px;padding:9px;min-width:0}.main-photo{border-color:#5177e5;background:#fafbff}.photo-preview{position:relative;height:150px;background:#f6f7f9;border-radius:5px}.photo-preview img{width:100%;height:100%;object-fit:contain}.number{position:absolute;left:7px;top:7px;background:#ffffffdb;color:#71829f;font-size:10px;padding:2px 6px;border-radius:4px}.remove{position:absolute;right:5px;top:5px;border:0;background:#ffffffe6;color:#667387;border-radius:50%;width:23px;height:23px}.photo .radio{display:flex;align-items:center;gap:7px;font-size:11px;margin:11px 0 8px}.photo input{width:auto;margin:0}.photo select{font-size:11px;padding:7px}.photo small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:7px;font-size:10px}label{display:block;font-size:12px;font-weight:550;color:#506078;margin:18px 0}input,select,textarea{display:block;width:100%;border:1px solid #dfe6f0;background:#fff;color:#24364f;border-radius:7px;padding:10px 12px;margin-top:7px;font-size:13px;outline:none}input:focus,textarea:focus,select:focus{border-color:#688bee;box-shadow:0 0 0 3px #edf2ff}input::placeholder,textarea::placeholder{color:#a8b2c0}input[type=file]{font-size:11px;padding:8px}textarea{resize:vertical;line-height:1.7}label small{font-weight:400;margin-top:6px;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid label{margin:10px 0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:11px 18px;font-size:12px;font-weight:550;line-height:1.5}.primary{background:#315bdd;border:1px solid #315bdd;color:#fff}.primary:hover{background:#244bcc}.secondary{background:#fff;border:1px solid #dce4f0;color:#586b89}.secondary:hover{background:#f5f8ff}.link{border:0;background:none;color:#315bdd;padding:5px 7px;font-size:12px}.wide{width:100%;margin:8px 0}.muted{color:#8491a4;font-size:12px}.inline-success{color:#2b916c;font-size:11px}.step-footer{display:flex;align-items:center;justify-content:space-between;margin-top:27px;padding-top:22px;border-top:1px solid #dfe6ef}.step-footer span{font-size:11px;color:#9aa6b7}.type-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.type-cards button{text-align:left;border:1px solid #dfe6f1;border-radius:9px;padding:18px;background:#fff;position:relative}.type-cards button b{display:block;font-size:14px;margin-bottom:5px}.type-cards .selected{background:#f6f8ff;border-color:#6485e9}.radio-circle{position:absolute;right:14px;top:14px;width:13px;height:13px;border:1px solid #d2daea;border-radius:50%}.selected .radio-circle{background:#315bdd;border:3px solid #c2d0ff}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:26px}.template{overflow:hidden;border:1px solid #e1e7f0;border-radius:12px;background:white;text-align:left;padding:0;display:flex;flex-direction:column}.template.selected{border:2px solid #456de1;box-shadow:0 0 0 3px #eaf0ff}.template:hover{border-color:#7e9aee}.template-preview{height:175px;position:relative;background:#f6f8fc;width:100%;border-bottom:1px solid #eef1f6;display:grid;place-items:center;padding:10px}.template-preview img{max-width:100%;max-height:100%;object-fit:contain}.check{position:absolute;right:10px;top:10px;background:#fff;color:#8492aa;border:1px solid #dce4f0;border-radius:50%;width:24px;height:24px;text-align:center;line-height:22px}.selected .check{background:#315bdd;color:#fff;border-color:#315bdd}.template-info{padding:16px}.template-info h3{font-size:13px;margin-bottom:6px}.template-info p{font-size:11px}.template-info small{font-size:10px;margin-top:4px}.qa-preview{display:flex;flex-direction:column;text-align:center;color:#7f99d4}.qa-preview b{font-size:38px;letter-spacing:4px}.qa-preview span{font-size:12px}.chosen-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #edf1f6;padding:12px 0}.chosen-row b{font-size:12px}.index{font-size:11px;background:#edf2ff;color:#5b7ac7;width:24px;height:24px;display:grid;place-items:center;border-radius:5px}.chosen-row label{display:flex;align-items:center;gap:8px;margin:0 0 0 auto;font-size:11px}.chosen-row select{width:65px;padding:5px;margin:0}.row-actions{display:flex;gap:5px;margin-left:auto}.row-actions button,.pagination button{background:#fff;border:1px solid #e1e7ef;border-radius:5px;color:#6f7c92;font-size:11px;padding:5px 9px}.chosen>.muted{margin-top:18px}.compare-row{padding:22px 0;border-top:1px solid #e7ecf3}.compare-row h3{display:flex;justify-content:space-between}.compare-thumb{width:100px;height:100px;object-fit:contain}.review-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.review-product{display:flex;align-items:center;gap:20px;margin:26px 0}.review-product img{width:110px;height:110px;border:1px solid #e5eaf1;border-radius:10px;object-fit:contain;background:#fafbfc}.review-product p{margin:5px 0 10px}dl{display:grid;grid-template-columns:90px 1fr;font-size:12px;gap:18px;border-top:1px solid #eef1f6;padding:20px 0}dt{color:#8896ab}dd{margin:0;color:#3f526f}.generate-card>svg{color:#315bdd;width:30px;height:30px;margin-bottom:12px}.generate-card>p{font-size:12px}.generate-card>small{margin-top:14px;font-size:11px}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.alert{border:1px solid;border-radius:8px;padding:13px 16px;margin-bottom:20px;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:15px;overflow-wrap:anywhere}.alert button{border:0;background:none;color:inherit;font-size:20px}.danger{background:#fff4f2;border-color:#f2d1cb;color:#ad584d}.good{background:#edf9f2;border-color:#c8ead8;color:#378168}.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;max-width:1000px;margin:50px auto}.auth-copy h1{font-size:37px;line-height:1.6;margin:18px 0}.auth-copy p{font-size:14px;line-height:2.1}.auth-pills{display:flex;gap:10px;margin-top:30px}.auth-pills span{background:#eaf0fc;color:#7e93b9;font-size:11px;border-radius:20px;padding:7px 14px}.auth-card{padding:35px}.auth-card h2{font-size:23px;margin-top:10px}.auth-card .muted{margin-bottom:23px}.loading{display:grid;place-items:center;min-height:100vh;color:#7890b7}.empty{text-align:center;padding:80px 30px}.empty svg{width:40px;height:40px;color:#a2b3d5;margin-bottom:20px}.empty p{margin:10px 0 25px}.project-row{width:100%;display:flex;align-items:center;text-align:left;gap:20px;color:inherit}.project-row .badge{margin-left:auto}.project-row>span:last-child{font-size:12px;color:#7b8da9}.project-icon{width:44px;height:44px;background:#f0f4fe;color:#7795d7;border-radius:10px;display:grid;place-items:center}.project-row small{margin-top:5px}.back{padding-left:0;margin-bottom:12px}.progress-card .section-title{margin-bottom:12px}.progress-card .section-title span{font-size:12px;color:#8391a7}.progress{height:6px;border-radius:9px;background:#edf1f8;overflow:hidden;margin-bottom:12px}.progress>span{display:block;height:100%;background:#597feb;border-radius:9px;transition:width .5s}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions small{font-size:10px}.ai-reason{display:flex;gap:17px;align-items:flex-start;background:#fafbff}.ai-reason p{margin:7px 0;font-size:12px}.ai-reason b{font-size:13px}.ai-reason small{font-size:11px}.tabs{display:flex;gap:25px;border-bottom:1px solid #dfe6f1;margin:28px 0}.tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 2px 15px;color:#8a97aa;font-size:13px}.tabs .active{color:#315bdd;border-color:#315bdd;font-weight:600}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.result-card{padding:14px;margin:0}.result-preview{height:230px;background:#f6f8fb;border-radius:7px;display:grid;place-items:center;overflow:hidden}.result-preview a{display:block;width:100%;height:100%}.result-preview img{width:100%;height:100%;object-fit:contain}.result-card h3{font-size:12px;margin:15px 0 5px}.result-card p,.result-card a{font-size:11px}.result-card>a{display:inline-block;margin-top:9px}.pending{font-size:12px;color:#a2aec0}.copy-card>p,.copy-card li{font-size:13px;line-height:1.9;margin:14px 0}.copy-card>label{color:#8598b9;font-size:11px}.copy-card h3{margin-top:16px}.text-panel{border-top:1px solid #e8edf5;padding:18px 0}.text-panel small{font-size:11px}.text-panel p{font-size:13px;margin:8px 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{background:#f8fafd;color:#8694aa;font-weight:500;padding:13px 14px;white-space:nowrap}td{padding:16px 14px;border-bottom:1px solid #edf1f7;color:#526780}td small{font-size:10px;margin-top:5px}.plan-grid,.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0}.price{font-size:32px;font-weight:550;color:#263e69;margin:25px 0 8px}.plan-grid .card{margin:0}.plan-grid p{margin-bottom:25px}.checkbox{display:flex;align-items:center;gap:9px;font-size:12px}.checkbox input{width:auto;margin:0}.stat-card span{color:#8394ad;font-size:12px}.stat-card>b{display:block;font-size:30px;margin:14px 0 8px;color:#284674}.stat-card small{font-size:11px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;font-size:11px;color:#91a0b6}.pagination span{margin-right:auto}.adjust{margin-top:25px;padding:20px;background:#f7f9fd;border-radius:9px}.narrow{max-width:620px}li{margin:10px 0;color:#65758c;font-size:13px}.inline-success .link{font-size:10px}
@media(min-width:1600px){.content{padding-top:45px}.template-preview{height:205px}}@media(max-width:1200px){.sidebar{width:205px;padding:25px 15px}.brand{font-size:20px}main{margin-left:205px}.content{padding:28px 25px}.create-grid,.admin-grid{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.review-grid{grid-template-columns:minmax(0,1fr) 280px}.card{padding:20px}.photo-preview{height:120px}.template-grid{gap:13px}.template-preview{height:140px}.auth-layout{gap:30px}.auth-copy h1{font-size:29px}}@media(max-width:980px){.create-grid,.admin-grid,.review-grid{grid-template-columns:1fr}.workflow{position:static}.create-grid>.workflow{display:none}.template-grid{grid-template-columns:repeat(2,1fr)}.auth-layout{grid-template-columns:1fr;max-width:520px;margin:15px auto}.auth-copy{display:none}.result-grid{grid-template-columns:repeat(2,1fr)}.small-stat{display:none}}@media(max-width:700px){.sidebar{position:static;width:100%;padding:16px 20px;border-bottom:1px solid #e4eaf2}.shell{display:block}.sidebar nav{display:flex;margin-top:18px;gap:6px}.nav{font-size:11px;padding:9px 7px;justify-content:center;gap:5px}.nav svg{width:16px}.workspace,.side-note,.profile{display:none}main{margin:0}header{height:54px;padding:0 20px}.header-right .badge{display:none}.content{padding:22px 16px}.page-heading h1{font-size:26px}.page-heading{gap:14px;align-items:flex-start}.steps{padding:15px 12px;gap:15px}.steps button{font-size:10px;gap:6px}.steps button span{width:21px;height:21px}.card{padding:19px}.photo-grid{gap:8px}.photo{padding:6px}.photo-preview{height:95px}.form-grid,.type-cards{grid-template-columns:1fr}.template-info{padding:11px}.template-preview{height:120px}.template-info h3{font-size:11px}.chosen-row{gap:8px;flex-wrap:wrap}.chosen-row b{font-size:11px}.step-footer span{display:none}.plan-grid,.stat-grid{grid-template-columns:1fr;gap:0}.stat-card{margin-bottom:12px}.tabs{gap:18px}.tabs button{font-size:11px}.result-preview{height:160px}.result-grid{gap:12px}.header-right a{font-size:10px}footer{padding:18px;display:block}footer span{display:block;margin-top:5px}.section-title{align-items:flex-start}.section-title select{max-width:160px}.project-row{gap:10px}.project-row>span:last-child{display:none}}

.model-sync{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 10px;padding:14px;background:#f5f8ff;border-radius:8px}.model-sync b{font-size:12px}.model-sync small{font-size:10px;margin-top:4px}.model-picker{min-width:0}.model-picker select{font-size:12px}.model-picker>small{font-size:10px}.model-picker label{margin-bottom:7px}
.password-field{display:flex;position:relative;align-items:center}.password-field input{padding-right:48px}.password-field button{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:7px;border:0;background:transparent;color:#4f6280;display:flex}.dimension-inputs{display:flex;align-items:center;gap:12px}.dimension-inputs label{flex:1;min-width:0}.dimension-inputs>span{padding-top:15px}.dimension-fields{background:#f6f8fc;padding:18px;border-radius:10px;margin:18px 0}.revision-control{margin-top:12px}.revision-control>button{font-size:11px;padding:8px 12px}.revision-form{background:#f4f7fd;padding:12px;margin-top:10px;border-radius:8px}.revision-form small{display:block;margin-bottom:10px}.error-text{color:#b33d45}.store-preview{background:#fff;border:1px solid #dfe5ee;border-radius:12px;overflow:hidden;color:#1d2937}.store-preview.mobile{max-width:440px;margin:auto}.store-listing{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px}.store-main{width:100%;height:360px;object-fit:contain}.store-thumbs{display:flex;gap:8px;margin:12px 0}.store-thumbs button{padding:4px;border:1px solid #d9dfeb;background:white;border-radius:5px}.store-thumbs button.selected{border-color:#5b63d1}.store-thumbs img{width:50px;height:50px;object-fit:contain}.store-module{padding:26px;border-top:1px solid #e6eaf1}.store-module p{line-height:1.65}.store-module h2{font-size:22px}.preview-module-name{display:block;color:#7a8796;margin-bottom:14px}.store-image-row{display:grid;gap:18px;position:relative}.store-image-row img{width:100%;height:auto;object-fit:contain}.store-preview.mobile .store-listing{grid-template-columns:1fr;padding:18px}.store-preview.mobile .store-main{height:280px}.hotspot-preview .hotspot-dot{position:absolute;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid #5665cf;transform:translate(-50%,-50%);padding:0}.store-module details{padding:14px;border-bottom:1px solid #e3e8ef}.store-module summary{cursor:pointer;font-weight:600}.plan-choice{text-align:left;background:#fff;border:1px solid #dee4ee;cursor:pointer}.plan-choice.selected{border:2px solid #5665cf;background:#f8f9ff}.payment-qr{display:block;width:240px;height:240px;image-rendering:pixelated}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.account-grid article{border-bottom:1px solid #e5e9f1;padding:10px 0 20px}.account-setting{padding:18px 0;border-bottom:1px solid #e5e9f1}.checkout{border-color:#6377d5}.review-payment{border:2px solid #6377d5;margin-top:20px}.tabs{overflow-x:auto;white-space:nowrap}.pre{overflow-wrap:anywhere}.store-preview table{min-width:450px}.store-module .table-scroll{max-width:100%;overflow-x:auto}@media(max-width:700px){.dimension-inputs{gap:6px;flex-wrap:wrap}.dimension-inputs label{min-width:65px}.store-listing{grid-template-columns:1fr;padding:16px}.store-main{height:270px}.store-thumbs img{width:34px;height:34px}.store-module{padding:18px}.account-grid{grid-template-columns:1fr}.store-image-row{grid-template-columns:1fr!important}}

.design-controls{border:1px solid #dce5e5;border-radius:12px;padding:18px;margin:20px 0}.design-controls legend{font-weight:700;padding:0 8px}.generation-details{font-size:12px;overflow-wrap:anywhere;margin:12px 0}.generation-details summary,.design-summary summary{cursor:pointer}.generation-details p{font-size:12px!important;line-height:1.6}.design-palette{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.design-palette span{display:flex;align-items:center;gap:6px;font-size:12px}.design-palette i{display:inline-block;width:24px;height:24px;border-radius:50%;border:1px solid #ddd}

/* Curated visual design skill */
.skill-status{padding:18px;background:#f3f8f7;border:1px solid #c9ded7;border-radius:12px;margin:4px 0 18px}.skill-status p{line-height:1.65}.skill-pills{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.skill-pills span{font-size:12px;background:white;border:1px solid #d2e3dd;border-radius:20px;padding:4px 9px}.skill-status summary,.skill-trace summary{cursor:pointer}.skill-hash{font-size:11px;overflow-wrap:anywhere;color:#718080}.skill-trace{padding:10px 0;border-top:1px solid #e4e9e7;font-size:12px}.skill-storyboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}.skill-storyboard>div{padding:14px;background:#f8faf9;border:1px solid #e1e8e4;border-radius:10px}.skill-storyboard p{font-size:13px;line-height:1.6}

.quality-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:8px;margin:16px 0}.quality-scores>div{padding:10px;background:#f3f6f5;border-radius:8px;display:flex;flex-direction:column;gap:5px}.quality-scores b{font-size:22px}.quality-scores small{font-size:12px;color:#687a75}.score-pass{color:#19725c}.score-warn{color:#a9581d}.identity-dossier{border-top:1px solid #dde5e1;margin-top:20px;padding-top:12px}.identity-dossier li{margin:7px 0}.set-review summary{cursor:pointer}.set-review small,.identity-dossier small{overflow-wrap:anywhere}@media(max-width:600px){.quality-scores{grid-template-columns:repeat(3,1fr)}}
:root{scroll-behavior:smooth}
.category-picker{min-width:0}.category-picker select{max-width:100%}.category-picker>small{display:block;line-height:1.7;margin-top:8px}.category-state{font-size:13px;line-height:1.65;color:#53657f;margin-top:8px}.category-state p{margin:3px 0}
.spinner{display:inline-block;width:17px;height:17px;border:2px solid #b9c4ff;border-top-color:#485aff;border-radius:50%;animation:lc-spin .8s linear infinite;vertical-align:middle;margin-right:7px;flex-shrink:0}@keyframes lc-spin{to{transform:rotate(360deg)}}
.copy-mode-picker{border:0;padding:22px 0 0;margin:18px 0 0;border-top:1px solid #e3e8f1}.copy-mode-picker legend{font-size:16px;font-weight:700;padding-top:16px}.copy-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.copy-mode-option{position:relative!important;border:1px solid #dce3ed;border-radius:12px;padding:18px!important;cursor:pointer;display:grid!important;grid-template-columns:24px 46px 1fr;gap:8px 12px;align-items:center!important;margin:0!important}.copy-mode-option.selected{border-color:#5366ff;background:#f4f6ff;box-shadow:0 0 0 1px #5366ff}.copy-mode-option input{width:18px!important;margin:0}.copy-mode-option>span:last-child{grid-column:2/4;font-size:13px;line-height:1.6;color:#64748b}.copy-mode-symbol{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;background:#e5eaff;color:#4454dd;font-size:21px;font-weight:700}
.image-card-heading{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:12px;color:#62718a;font-size:12px}.image-number{background:#edf0ff;color:#3347d6;padding:5px 10px;border-radius:6px;font-size:15px}.result-card{scroll-margin-top:25px}.result-card:focus{outline:3px solid #5f71ff;outline-offset:3px}.result-card.needs-review{border-color:#e6b59e}.review-badge{background:#fff1e8!important;color:#a24928!important}.result-card .result-preview{position:relative;overflow:hidden;height:250px;background:#f6f8fb}.result-card .result-preview>a{display:block;width:100%;height:100%}.result-card .result-preview img{width:100%;height:100%;object-fit:contain!important}
.image-busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:24px;background:rgba(247,249,255,.94);color:#25366e;z-index:2}.image-busy .spinner{width:32px;height:32px;border-width:3px}.image-busy b{line-height:1.5}.image-busy span,.image-busy small{font-size:13px}.image-save{margin:14px 0}.image-save>small{display:block;font-size:12px;line-height:1.6;color:#75829a;margin-top:6px}.image-save .link{padding:3px 0}.review-image-links{display:flex;flex-wrap:wrap;gap:5px 14px;margin:8px 0}.review-image-links button{text-align:left}.category-example{max-height:260px;overflow:auto;padding:18px;background:#f6f8fb;border-radius:8px;font-size:13px}
@media(max-width:760px){.copy-mode-options{grid-template-columns:1fr}.result-card .result-preview{height:280px}}
@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}:root{scroll-behavior:auto}}

.style-inputs{border-top:1px solid #dce4ef;border-bottom:1px solid #dce4ef;padding:20px 0;margin:20px 0}.style-inputs small{display:block;color:#64748b;line-height:1.65}.style-inputs details{margin-top:16px}.style-inputs summary,.style-panel summary,.style-admin summary{cursor:pointer;font-weight:600;padding:12px 0}.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:16px 0}.style-sequences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.style-rule{padding:18px;background:#f5f8fd;border:1px solid #e1e8f2;border-radius:12px;overflow-wrap:anywhere}.style-rule h4{margin:0 0 10px;color:#1c385f}.style-rule p{margin:0;line-height:1.8}.style-rule ol,.style-rule ul{padding-left:22px;margin:0}.style-rule li{margin:8px 0;line-height:1.7}.style-ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:18px 0}.style-ref{border:1px solid #dde5ef;border-radius:10px;padding:12px;min-width:0;overflow-wrap:anywhere}.style-ref img{width:100%;height:160px;object-fit:contain;background:#f4f6fa;border-radius:6px;display:block;margin-bottom:12px}.style-ref strong,.style-ref a{display:block;margin-bottom:8px}.style-ref ul{font-size:13px;line-height:1.7;padding-left:20px}.style-ref select{width:100%}.style-facts{display:grid;grid-template-columns:100px 1fr;gap:10px;line-height:1.8}.style-facts dt{color:#64748b}.style-facts dd{margin:0}.style-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}.style-profile-list{display:grid;gap:10px}.style-profile{display:flex;justify-content:space-between;gap:16px;text-align:left;padding:16px;border:1px solid #dde5ef;border-radius:10px;background:white;color:#22364f}.style-profile.selected{border-color:#3875e4;background:#eff5ff}.style-profile span{font-size:13px;color:#64748b}.style-json{width:100%;min-height:360px;font-family:monospace;font-size:13px}.style-panel .section-head,.style-admin .section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.style-fit{padding:10px;background:#eff5ff;border-radius:8px}.style-panel p{line-height:1.8}.style-admin .card{margin-bottom:20px}@media(max-width:850px){.style-sequences{grid-template-columns:1fr}.style-profile{flex-direction:column}}@media(max-width:600px){.style-grid{grid-template-columns:1fr}.style-facts{grid-template-columns:1fr;gap:4px}.style-ref-grid{grid-template-columns:1fr}}


/* R1.3: accessible viewport dialogs, category examples and invitation workflows. */
.feedback-overlay{position:fixed;inset:0;z-index:10000;background:rgba(15,23,42,.48);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.feedback-dialog{background:#fff;border-radius:22px;padding:32px;box-shadow:0 28px 100px #0f172a40;width:min(520px,100%);max-height:85dvh;overflow:auto}.feedback-dialog h2{margin:15px 0 8px}.feedback-dialog p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#475569;margin-bottom:24px}.feedback-dialog button{width:100%}.feedback-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e2f5ed;color:#178050;font-size:24px;font-weight:700}.is-error .feedback-symbol{background:#fff0e8;color:#b84d22}.showcase{scroll-margin-top:30px;padding:36px 0 20px;max-width:1220px;margin:auto}.showcase-heading{max-width:740px;margin-bottom:24px}.showcase-heading h2{font-size:clamp(24px,3vw,38px);letter-spacing:-1px;margin:14px 0}.showcase-heading p{color:#667085;line-height:1.8}.showcase-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.showcase-tabs button{padding:5px;background:#fff;border:2px solid transparent;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #14204008}.showcase-tabs button.selected{border-color:#3970e8;background:#f4f7ff}.showcase-tabs img{display:block;width:100%;height:82px;object-fit:cover;border-radius:9px}.showcase-tabs span{display:block;padding:10px 4px;font-weight:600;font-size:13px}.showcase-feature{border:1px solid #e3e8ef;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #172a4710}.showcase-feature>img{display:block;width:100%;height:auto}.showcase-caption{padding:22px 26px;display:flex;justify-content:space-between;gap:15px;align-items:center}.showcase-caption h3{margin:7px 0;font-size:23px}.showcase-caption p,.showcase-note{color:#667085;line-height:1.8}.showcase-caption>div>span{color:#3865be;font-size:13px;font-weight:600}.showcase-note{font-size:12px;max-width:960px;margin:16px 0 0}.showcase-jump{display:inline-block;color:#3865be;font-weight:600;margin:12px 0}.editable-plans{display:grid;gap:14px;margin:24px 0}.plan-editor{display:grid;grid-template-columns:70px 2fr 1fr 1fr auto;align-items:center;gap:16px;padding:18px;background:#f7f9fc;border:1px solid #e5eaf1;border-radius:12px}.plan-editor label{margin:0}.invitation-card{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:30px}.invitation-card figure{margin:0;align-self:center;text-align:center}.invitation-card figcaption{font-size:12px;color:#667085;margin-top:8px}.invite-code{font-family:monospace;letter-spacing:1px;color:#315ab5}.saved-qr{display:flex;gap:20px;align-items:center;margin:15px 0}.saved-qr img{width:180px;max-height:230px;object-fit:contain;border:1px solid #dbe3ec;border-radius:12px}.collection-sop{padding:16px;background:#f7f9fc;border-radius:12px;margin:15px 0}.collection-sop summary{cursor:pointer;font-weight:600}.collection-sop li{line-height:1.9;margin:8px 0}.withdrawal-review{scroll-margin:20px}.result-card>.revision-control{padding:0 0 12px}.result-card>.revision-control>button{width:100%}.tabs{flex-wrap:wrap}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.table-scroll{overflow:auto}.auth-copy h1{font-size:clamp(28px,3.2vw,45px)}
@media(max-width:900px){.plan-editor{grid-template-columns:1fr 1fr}.plan-editor>b{grid-column:1/-1}.invitation-card{grid-template-columns:1fr}.invitation-card figure{justify-self:start}.showcase-tabs{gap:6px}.showcase-tabs img{height:55px}.showcase-tabs span{font-size:11px;padding:8px 0}.showcase-caption{display:block;padding:18px}.showcase-caption .badge{display:inline-block;margin-top:8px}}
@media(max-width:520px){.feedback-overlay{padding:16px}.feedback-dialog{padding:24px}.showcase-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-heading h2{font-size:26px}.plan-editor{grid-template-columns:1fr}.saved-qr{align-items:flex-start;flex-direction:column}.invitation-card .payment-qr{max-width:200px}.showcase-caption h3{font-size:20px}}

/* R1.4 feedback, promoter materials and full showcases */
.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.issue-card details{padding:16px 0;border-top:1px solid #e1e7eb}.issue-actions{margin-top:20px;padding-top:20px;border-top:1px solid #dae2e7}.issue-actions>button{margin:12px 0}.promotion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.promotion-grid .card{min-width:0}.promotion-grid .primary,.promotion-grid .secondary{display:block;margin-top:20px;text-align:center;white-space:normal}.daily-commissions{max-height:340px;overflow:auto}.card code{overflow-wrap:anywhere;word-break:break-all}.showcase-set{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:24px;background:#f1f4f2;align-items:start}.showcase-set img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px}.showcase-set-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:12px}.showcase-set-label a{color:#08665f}.showcase-listing>p{font-size:12px;color:#64716f}.showcase-aplus{max-height:760px;overflow:auto;scrollbar-width:thin}.showcase-feature>.showcase-set{width:100%}.sidebar .nav .badge{margin-left:auto;font-size:10px}.issue-card small{overflow-wrap:anywhere}@media(max-width:850px){.showcase-set{grid-template-columns:1fr;padding:12px}.showcase-aplus{max-height:none}.promotion-grid{grid-template-columns:1fr}}

/* Ordinary-user partner dashboard. Styles are isolated from admin and generation UI. */
.partner-dashboard{--partner-green:#135b4b;--partner-line:#d9e6e1;min-width:0}
.partner-hero{padding:32px 36px 22px;border-radius:20px;color:#fff;background:radial-gradient(ellipse at 92% 5%,#286e55 0,transparent 55%),linear-gradient(120deg,#123e35,#153e38);margin-bottom:20px;overflow:hidden}
.partner-hero-top,.partner-hero-main{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0}
.partner-kicker{font-size:10px;font-weight:650;letter-spacing:2.5px;color:#b6d4c4}
.partner-hero h1{font-size:30px;margin:5px 0 6px;letter-spacing:1px}.partner-hero p{color:#bdd2c8;font-size:13px}
.partner-account{text-align:right;max-width:45%;overflow-wrap:anywhere;display:grid;gap:3px}.partner-account strong{font-size:17px}.partner-account span{font-size:12px;color:#f0dfaf}.partner-account small{color:#a6c3b6;font-size:11px}
.partner-hero-main{margin:34px 0 26px}.partner-hero-main>div{min-width:0}.partner-balance-label{font-size:14px;color:#dce9e1;letter-spacing:1px}
.partner-balance{font-size:clamp(38px,4.8vw,78px);font-weight:750;line-height:1.2;letter-spacing:-1.5px;color:#ffe3a0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:9px 0 6px}
.partner-hero-actions{display:grid;gap:12px;flex-shrink:0;min-width:178px}.partner-gold-button,.partner-outline-button{display:block;text-align:center;border-radius:9px;font-weight:650;padding:12px 18px;font-size:13px}.partner-gold-button{color:#244a3b;background:#f4dca3;border:1px solid #f4dca3}.partner-gold-button:hover{background:#ffe9bb}.partner-outline-button{color:#f0e6cf;border:1px solid #8aa793;background:#ffffff05}.partner-outline-button:hover{background:#ffffff15}
.partner-money-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ffffff25;padding-top:22px;margin:0;gap:16px}.partner-money-grid dt{font-size:12px;color:#c0d2c8}.partner-money-grid dd{color:#fff4db;font-size:clamp(19px,2vw,29px);font-weight:650;margin:3px 0 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.partner-hero .partner-hero-note{color:#a9c4b5;font-size:11px;margin-top:20px}
.partner-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.partner-counts>div{padding:20px 24px;background:#fff;border:1px solid #e1e9e5;border-radius:12px}.partner-counts span{font-size:13px;color:#5d7168}.partner-counts strong{display:flex;align-items:baseline;gap:7px;color:#185a46;font-size:36px;line-height:1.4;font-variant-numeric:tabular-nums}.partner-counts small{font-size:12px;font-weight:400}.partner-counts p{font-size:12px}
.partner-rules{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;background:#eef6f1;border:1px solid #d8e8de;border-radius:12px;margin-bottom:24px;padding:18px 22px}.partner-rules b{color:#245a44}.partner-rules p{font-size:12px;color:#587265;margin-top:4px}.partner-rules details{flex-basis:100%;font-size:12px}.partner-rules summary{cursor:pointer;color:#356c51}.partner-rules .primary{background:#1c634d;border-color:#1c634d}
.partner-dashboard .card{border-color:#e1e9e5}.partner-dashboard .section-title{flex-wrap:wrap}.partner-dashboard .table-scroll{width:100%;overflow:auto}.partner-dashboard table{width:100%}.partner-dashboard td{overflow-wrap:anywhere}.partner-dashboard tfoot{font-weight:650;background:#f3f8f5}.partner-dashboard tfoot td{padding:14px}.partner-dashboard button:focus-visible,.partner-dashboard a:focus-visible,.partner-dashboard summary:focus-visible{outline:3px solid #b29037;outline-offset:3px}
.partner-tree{max-height:620px;overflow:auto;overscroll-behavior:contain;padding-right:6px}.partner-tree-root{display:flex;gap:14px;align-items:center;background:#edf5f0;border:1px solid #c0d7c9;border-radius:12px;padding:17px 20px;max-width:380px}.partner-tree-root>span{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:#215e48;color:white;border-radius:50%;font-weight:650}.partner-tree-root strong{font-size:17px;overflow-wrap:anywhere}.partner-tree-root small{color:#537060}
.partner-tree ul{list-style:none;margin:0;padding:0}.partner-tree .partner-tree-branches{margin-left:27px;padding-left:27px;border-left:2px solid var(--partner-line)}.partner-tree li{position:relative;padding-top:16px;min-width:0}.partner-tree li:before{content:"";position:absolute;left:-27px;top:48px;width:27px;border-top:2px solid var(--partner-line)}
.partner-node{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #dae5de;border-radius:10px;background:#f9fcfa;min-width:0}.partner-level{background:#e1efe7;color:#286246;font-size:11px;padding:4px 8px;border-radius:5px;white-space:nowrap}.partner-member-name{flex:1;min-width:80px;overflow-wrap:anywhere}.partner-member-name b{font-size:14px}.partner-node-amount{text-align:right;white-space:nowrap}.partner-node-amount strong{color:#205e48;font-size:16px;font-variant-numeric:tabular-nums}.partner-node-amount small{font-size:10px}.partner-expand{background:white;border:1px solid #cfdfd5;border-radius:7px;padding:8px 12px;color:#275e45;font-size:12px;margin-left:8px;white-space:nowrap}.partner-expand:hover{background:#eaf3ed}
.partner-branch{margin-left:27px;padding-left:27px;border-left:2px solid var(--partner-line)}.partner-branch .partner-node{background:#fff;border-style:dashed}.partner-branch .partner-level{background:#f3eddf;color:#8a6a2d}.partner-branch .partner-empty{padding:18px;text-align:left}.partner-empty{padding:30px 16px;text-align:center;color:#809084;font-size:13px}.partner-empty p{margin:6px auto 10px;max-width:500px}.partner-loading{padding:20px}
.partner-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:14px;border-top:1px solid #edf0ed}.partner-pagination span{margin-right:auto;color:#738778;font-size:12px}.partner-pagination .secondary{font-size:11px;padding:6px 12px}.partner-tabs{display:flex;border:1px solid #dce6df;border-radius:8px;padding:3px;background:#f3f7f4;gap:3px}.partner-tabs button{background:transparent;border:0;padding:8px 14px;color:#6c7f71;border-radius:6px;font-size:12px}.partner-tabs button.selected{background:#215d48;color:#fff}.partner-daily summary{cursor:pointer;font-size:16px;font-weight:650}.partner-daily summary span{font-size:12px;font-weight:400;color:#829084;margin-left:10px}.partner-daily table{margin-top:18px}
#partner-invite,#partner-withdrawal{scroll-margin-top:24px}
@media(max-width:1100px){.partner-hero{padding:26px}.partner-hero-main{flex-wrap:wrap}.partner-hero-actions{display:flex;flex-wrap:wrap;min-width:0}.partner-node{flex-wrap:wrap}.partner-expand{margin-left:auto}.partner-member-name{flex-basis:40%}.partner-money-grid{gap:12px}.partner-money-grid dd{font-size:23px}}
@media(max-width:650px){.partner-hero{padding:22px 18px;border-radius:14px}.partner-hero-top{align-items:flex-start;gap:14px}.partner-hero h1{font-size:25px}.partner-kicker{font-size:8px;letter-spacing:1.5px}.partner-account{max-width:44%}.partner-account strong{font-size:14px}.partner-account span,.partner-account small{font-size:10px}.partner-hero p{font-size:11px}.partner-hero-main{margin:25px 0 22px;gap:18px}.partner-balance{font-size:clamp(32px,9vw,52px)}.partner-hero-actions{width:100%;display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.partner-gold-button,.partner-outline-button{padding:10px;font-size:11px}.partner-money-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.partner-money-grid dd{font-size:24px}.partner-counts{gap:8px}.partner-counts>div{padding:14px 10px}.partner-counts span{font-size:11px}.partner-counts strong{font-size:28px}.partner-counts p{font-size:10px}.partner-rules{padding:16px}.partner-dashboard .card{padding:18px 12px}.partner-tree .partner-tree-branches{margin-left:12px;padding-left:14px}.partner-branch{margin-left:10px;padding-left:14px}.partner-tree li:before{width:14px;left:-14px}.partner-node{gap:8px;padding:12px 10px}.partner-node-amount strong{font-size:14px}.partner-member-name{min-width:70px}.partner-expand{width:100%;margin:4px 0 0}.partner-pagination{gap:8px}.partner-pagination span{flex-basis:100%}.partner-daily summary span{display:block;margin-left:18px}}
@media(max-width:650px){.shell:has(.partner-dashboard) .sidebar nav{display:flex;overflow-x:auto;gap:6px;max-width:100%;padding:0 2px}.shell:has(.partner-dashboard) .sidebar .nav{flex:0 0 auto;width:auto;white-space:nowrap;padding:10px 12px;gap:6px}}

/* Official Amazon module examples and per-slot export dimensions. */
.template-library-note{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 20px;padding:16px 20px;border:1px solid #d6e6e8;background:#f2f8f8;border-radius:14px}
.template-library-note>span{font-weight:750;color:#12666c}.template-library-note p{flex:1;min-width:200px;margin:0;font-size:13px;line-height:1.7}.template-library-note a,.template-evidence a{color:#176974;font-size:13px}
.official-template{overflow:hidden;text-align:left;display:flex;flex-direction:column;padding:0;cursor:default;background:white}
.official-template .official-preview{width:100%;height:180px;border:0;border-bottom:1px solid #edf0f2;border-radius:0;padding:14px;background:#f5f7f9;position:relative;cursor:zoom-in}
.official-template .official-preview img{width:100%;height:100%;object-fit:contain}.example-zoom{position:absolute;right:10px;bottom:8px;padding:4px 8px;background:rgba(255,255,255,.93);border-radius:6px;font-size:11px;color:#49616c}
.official-template .template-info{display:flex;flex-direction:column;flex:1;padding:16px}.official-template h3{margin-top:0;line-height:1.6}.official-template .template-info small{display:block;line-height:1.7;margin:7px 0;color:#64748b}
.template-dimensions{width:100%;border-collapse:collapse;font-size:12px;margin:6px 0 10px;table-layout:auto}.template-dimensions th,.template-dimensions td{padding:8px 5px;border-bottom:1px solid #edf1f4;text-align:left;line-height:1.5;white-space:normal}.template-dimensions th{font-weight:500;color:#64748b}.template-dimensions td:nth-child(2){font-variant-numeric:tabular-nums;font-weight:650;color:#153c50;white-space:nowrap}.template-dimensions td:last-child{font-size:11px}
.template-select{width:100%;margin-top:auto;border:1px solid #dce5e9;background:#fff;padding:10px 12px;border-radius:8px;color:#27516a;cursor:pointer}.template-select.active{background:#e7f3f3;border-color:#b6d8d7;color:#12666c}.template-text-only{font-size:13px;line-height:1.8;color:#526674;min-height:55px}
.template-example{border:0;border-radius:18px;padding:26px;width:min(1060px,92vw);max-height:90vh;overflow:auto;color:#182b49;box-shadow:0 25px 90px #132b4a38}.template-example::backdrop{background:#12263bbd}.template-example-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.template-example h2{margin:8px 0 20px;font-size:23px}.template-example-image{background:#f5f7f9;border-radius:12px;padding:18px;display:flex;justify-content:center}.template-example-image img{max-width:100%;max-height:460px;object-fit:contain}.template-example p{font-size:13px;line-height:1.8}.template-example .template-dimensions{font-size:14px}.template-evidence{display:flex;gap:18px;flex-wrap:wrap;padding-top:16px;border-top:1px solid #e4ebf0}.template-evidence small{width:100%;line-height:1.7;color:#64748b}.chosen-row{flex-wrap:wrap}.template-media-choice{font-size:12px}.template-media-choice select{max-width:230px}
@media(max-width:600px){.template-example{padding:18px;width:94vw}.template-example-image{padding:5px}.template-example-heading{gap:8px}.template-example h2{font-size:18px}.template-example-heading button{white-space:nowrap}.template-library-note{padding:14px;gap:8px}.official-template .official-preview{height:190px}}

/* Registration campaign: scoped to the public sign-up screen. */
.shell:has(.registration-experience){background:#f8f7f3;color:#202b2a}
.shell:has(.registration-experience)>.sidebar,.shell:has(.registration-experience)>main>header{display:none}
.shell:has(.registration-experience)>main{margin-left:0}
.shell:has(.registration-experience)>main>.content{max-width:none;padding:0}
.shell:has(.registration-experience)>main>footer{max-width:1280px;margin:0 auto;padding:25px 0;border-color:#dce1d9;color:#727b72;font-size:11px}
.registration-experience{--reg-ink:#22362f;--reg-green:#27674e;--reg-lime:#ddeaac;--reg-muted:#657367;max-width:1280px;margin:0 auto;padding:0 0 52px}
.registration-experience button,.registration-experience a{touch-action:manipulation}
.registration-experience button:focus-visible,.registration-experience a:focus-visible,.registration-experience summary:focus-visible{outline:3px solid #79a766;outline-offset:4px}
.reg-nav{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dde2d8;gap:18px}
.reg-brand{display:flex;align-items:center;gap:10px;color:var(--reg-ink);text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-1px;line-height:1.2}
.reg-brand>span>span{font-weight:400}.reg-brand small{display:block;font-size:8px;font-weight:600;letter-spacing:2.6px;margin-top:7px}
.reg-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--reg-ink);color:var(--reg-lime)}
.reg-nav>div{display:flex;align-items:center;gap:35px}.reg-examples-link{color:#596c5c;text-decoration:none;font-size:12px}.reg-examples-link span{margin-left:7px}
.reg-login{border:1px solid #bdcbbd;border-radius:7px;background:transparent;color:var(--reg-ink);font-size:12px;padding:11px 16px}.reg-login span{margin-left:12px}.reg-login:hover{background:#edf0e6}
.reg-hero{display:grid;grid-template-columns:minmax(0,1fr) 410px;grid-template-areas:"intro form" "visual form";gap:27px 68px;padding:56px 0 46px;align-items:start}
.reg-intro{grid-area:intro;padding-top:4px}.reg-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2.2px;font-weight:650;color:#526b57}
.reg-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#749956;box-shadow:0 0 0 4px #e9eddd}
.reg-intro h1{font-size:clamp(37px,3.75vw,52px);line-height:1.36;letter-spacing:-2.4px;margin:22px 0 18px;font-weight:750;color:var(--reg-ink)}
.reg-intro h1>span:first-child{font-size:.88em;font-weight:500;letter-spacing:-1.8px}.reg-highlight{position:relative;isolation:isolate;white-space:nowrap}.reg-highlight:after{content:"";position:absolute;bottom:3px;left:-2px;right:-2px;height:15px;background:var(--reg-lime);z-index:-1;transform:rotate(-1.5deg)}.reg-period{color:#6c8b4f}
.reg-lead{color:#627064;font-size:15px;line-height:1.9;margin:0;letter-spacing:.15px}
.reg-value-line{display:flex;align-items:center;gap:22px;margin-top:22px;font-size:12px;color:#42624c}.reg-value-line>span{display:flex;align-items:center;gap:6px}.reg-value-line>span+span{border-left:1px solid #ccd6c6;padding-left:22px}.reg-value-line svg{width:18px;height:18px}
.reg-form-area{grid-area:form;background:#eef0e7;border-radius:18px;padding:13px 13px 0;border:1px solid #e0e5d9;box-shadow:0 18px 40px -30px #34432750}
.reg-form-topline{display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;color:#486047;padding:3px 4px 15px;letter-spacing:.3px}.reg-status-dot{width:6px;height:6px;border-radius:50%;background:#739752}
.reg-form.auth-card{padding:30px 25px 20px;border:1px solid #e3e7df;border-radius:12px;margin:0;scroll-margin-top:20px;background:#fff;box-shadow:0 3px 8px #4e5a3e04}
.reg-form .eyebrow{color:#728366;font-size:9px;letter-spacing:2px}.reg-form h2{font-size:25px;letter-spacing:-.7px;color:var(--reg-ink);margin:10px 0 7px;line-height:1.5}
.reg-form-intro{font-size:12px;color:#6f7c70;margin:0 0 22px}.reg-form label{color:#526252;font-size:11px;margin:16px 0;line-height:1.5}
.reg-form input{font-size:13px;min-height:43px;background:#fafbf8;border:1px solid #dce3d8;border-radius:6px;margin-top:7px;padding:10px 11px;color:#273f31}
.reg-form input::placeholder{color:#8b958a;font-size:12px}.reg-form input:focus{background:white;border-color:#6a906c;outline:none;box-shadow:0 0 0 3px #e9f0e3}
.reg-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reg-field-row label{min-width:0}.reg-form .password-field button{color:#6c7a6d;right:5px}.reg-form .password-field input{padding-right:36px}.reg-form .password-field button svg{width:17px;height:17px}
.reg-form .reg-field-row+label{margin:0}.reg-invitation{margin:3px 0 18px;border-bottom:1px solid #e9ede4;padding-bottom:14px;color:#67765f;font-size:11px}.reg-invitation summary{cursor:pointer;padding:3px 0;list-style-position:inside}.reg-invitation summary span{margin-left:7px;color:#85927c;font-size:10px}.reg-invitation label{margin:10px 0 3px}.reg-invitation .hint{margin:8px 0 0;font-size:11px;background:#f2f5eb;border-color:#e2e8d8}
.reg-form .primary{background:var(--reg-green);border-color:var(--reg-green);font-size:13px;letter-spacing:.1px;min-height:49px;border-radius:7px;justify-content:center;gap:7px;margin:0;padding:12px 8px;box-shadow:0 5px 12px #24674d18}
.reg-form .primary:hover:not(:disabled){background:#1b513c;border-color:#1b513c}.reg-form .primary:disabled{opacity:.6;cursor:wait}.reg-form .reg-form-note{text-align:center;font-size:10px;color:#819077;letter-spacing:.5px;margin:10px 0 4px}.reg-form .link{color:#496d52;font-size:12px;margin:5px 0 0;padding:6px}
.reg-form-caption{text-align:center;font-size:11px;letter-spacing:1px;color:#7b876f;padding:15px 5px;margin:0}
.reg-visual{grid-area:visual;min-width:0;margin:0}.reg-visual-top{display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:1.5px;color:#8b9580;margin:0 0 12px}.reg-visual-top>span+span{letter-spacing:.5px;font-size:10px;color:#5f7259}
.reg-composition{height:300px;position:relative;background:#e5e9db;border:1px solid #dce1d2;border-radius:14px;padding:17px 72px 16px 18px;overflow:hidden;background-image:radial-gradient(ellipse at 90% 0%,#f0f2e7 0%,transparent 70%)}
.reg-browser{border:5px solid #fff;border-radius:9px;overflow:hidden;box-shadow:0 12px 28px -14px #37463055;height:252px;transform:rotate(-2deg);background:#f9f5e9}
.reg-browser-chrome{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#8a9688;background:white;font-size:8px;letter-spacing:.5px}.reg-browser-chrome>span:first-child{display:flex;gap:3px}.reg-browser-chrome i{display:block;width:4px;height:4px;background:#d7decc;border-radius:50%}
.reg-browser>img{display:block;width:100%;height:calc(100% - 25px);object-fit:cover;object-position:50% 50%}
.reg-phone{position:absolute;width:112px;height:222px;right:18px;top:35px;border:5px solid #fdfefa;border-radius:20px;background:#f9f6ed;box-shadow:0 12px 24px #2b412737;overflow:hidden;transform:rotate(6deg);padding:17px 0 0}
.reg-phone-speaker{position:absolute;top:6px;left:36px;width:30px;height:4px;background:#d6dece;border-radius:4px}.reg-phone img{display:block;width:100%;height:169px;object-fit:cover;object-position:top}.reg-phone>span{font-size:6px;display:block;text-align:center;line-height:17px;color:#6b775e}
.reg-delivery-tag{position:absolute;bottom:14px;left:36px;display:flex;align-items:center;gap:10px;background:#fffef8;border:1px solid #e2e7d6;border-radius:7px;box-shadow:0 5px 20px #283a1a18;padding:10px 13px;transform:rotate(-2deg);color:var(--reg-ink)}
.reg-delivery-tag>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#e5edcb;color:#4d6938}.reg-delivery-tag strong{font-size:11px;display:block;font-weight:600}.reg-delivery-tag small{display:block;font-size:7px;letter-spacing:1.2px;color:#8b957c}.reg-delivery-tag>svg{width:24px;margin-left:18px;color:#8a9c6c}
.reg-visual figcaption{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#858d7e;margin:11px 0 0}.reg-visual figcaption>span+span{color:#959c8b;font-size:8px}
.reg-value-banner{background:#263c31;color:#f6f6ed;padding:28px 34px 21px;border-radius:12px;display:grid;grid-template-columns:1fr 1.4fr;gap:18px 36px;align-items:center;position:relative;overflow:hidden}
.reg-section-kicker{font-size:9px;letter-spacing:1.8px;color:#81917b;font-weight:600}.reg-value-banner .reg-section-kicker{color:#b6c8a8}.reg-value-banner h2{font-size:23px;line-height:1.55;font-weight:500;margin:8px 0 0;letter-spacing:.5px}
.reg-deliverables{display:flex;align-items:center;justify-content:space-between;gap:20px}.reg-deliverables>div{display:flex;flex-direction:column;gap:6px}.reg-deliverables strong{color:#ddeaac;font-weight:500;font-size:32px;line-height:1.2;letter-spacing:-.5px;white-space:nowrap}.reg-deliverables strong>span{font-size:11px;letter-spacing:0;margin-left:5px}.reg-deliverables>div>span{font-size:11px;color:#c2cdbb;letter-spacing:.3px}.reg-plus{font-size:20px;font-weight:300;color:#759079}.reg-value-banner>p{grid-column:1/-1;font-size:9px;color:#acbaa3;margin:0;border-top:1px solid #405247;padding-top:14px}
.reg-benefits{padding:60px 0 50px}.reg-section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:29px}.reg-section-heading h2{font-size:32px;line-height:1.5;letter-spacing:-.7px;color:var(--reg-ink);font-weight:550;margin:12px 0 0}.reg-section-heading>p{font-size:12px;color:#81907b;line-height:1.9;margin:0 0 4px}
.reg-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}.reg-benefit-grid article{padding:0 28px;border-right:1px solid #dce1d4}.reg-benefit-grid article:first-child{padding-left:0}.reg-benefit-grid article:last-child{padding-right:0;border:0}.reg-benefit-number{font-family:Georgia,serif;font-size:35px;color:#aab79b;font-style:italic;line-height:1.1}.reg-benefit-grid h3{font-size:18px;font-weight:550;color:#304c3b;margin:17px 0 10px;letter-spacing:.2px}.reg-benefit-grid p{font-size:12px;line-height:1.95;color:#6a7b67;margin:0}
.reg-start-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#e9eddf;border:1px solid #dfe5d4;padding:27px 32px;border-radius:12px}.reg-start-strip h2{font-size:23px;font-weight:550;color:#2d4938;margin:7px 0 10px}.reg-start-strip p{font-size:11px;color:#718167;margin:0;line-height:1.9}.reg-start-strip p>span{margin:0 7px;color:#9ba88f}.reg-start-strip button{flex-shrink:0;background:#fffdf5;border:1px solid #c3cdb7;border-radius:7px;padding:14px 20px;color:#3a5842;font-size:12px}.reg-start-strip button>span{margin-left:14px}.reg-start-strip button:hover{background:#f8ffe8}
.shell:has(.registration-experience) .showcase{max-width:1280px;padding:6px 0 54px}.shell:has(.registration-experience) .showcase-heading h2{color:#273f30;font-size:30px;letter-spacing:-.7px}.shell:has(.registration-experience) .showcase-heading .eyebrow{color:#839375;font-size:9px;letter-spacing:2px}.shell:has(.registration-experience) .showcase-heading p{color:#75856d;font-size:12px}.shell:has(.registration-experience) .showcase-tabs button{border-color:#dce4d4;background:#f8f9f3}.shell:has(.registration-experience) .showcase-tabs button.selected{border-color:#638a59;background:#eef3e7;box-shadow:0 0 0 1px #638a59}.shell:has(.registration-experience) .showcase-set{background:#edf0e6;border-color:#dfe6d5}.shell:has(.registration-experience) .showcase-note{color:#828d7a}
@media(min-width:1440px){.reg-hero{grid-template-columns:minmax(0,1fr) 430px;gap:27px 80px}.reg-intro h1{font-size:54px}.reg-composition{height:316px}.reg-browser{height:267px}.reg-phone{width:124px;height:239px;right:26px;top:36px}.reg-phone img{height:185px}.reg-phone-speaker{left:42px}.reg-form.auth-card{padding:34px 29px 22px}.reg-form label{margin-top:19px;margin-bottom:19px}.reg-form input{min-height:46px}}
@media(max-width:1390px){.registration-experience{margin:0 48px}.shell:has(.registration-experience) .showcase{margin:0 48px}.shell:has(.registration-experience)>main>footer{margin:0 48px}.reg-hero{gap:26px 45px;grid-template-columns:minmax(0,1fr) 380px}.reg-form.auth-card{padding:27px 22px 18px}.reg-composition{height:284px}.reg-browser{height:237px}.reg-visual figcaption{flex-direction:column;gap:3px}.reg-deliverables{gap:15px}.reg-value-banner{gap:18px 25px;padding-left:28px;padding-right:28px}.reg-deliverables strong{font-size:29px}}
@media(max-width:1120px){.registration-experience{margin:0 28px}.shell:has(.registration-experience) .showcase{margin:0 28px}.shell:has(.registration-experience)>main>footer{margin:0 28px}.reg-hero{gap:25px 28px;grid-template-columns:minmax(0,1fr) 355px;padding-top:40px}.reg-intro h1{font-size:39px;letter-spacing:-1.8px}.reg-lead{font-size:13px}.reg-value-line{font-size:10px;gap:12px}.reg-value-line>span+span{padding-left:12px}.reg-composition{padding-right:53px;padding-left:12px;height:256px}.reg-browser{height:212px}.reg-phone{width:97px;height:201px;right:10px;top:25px}.reg-phone img{height:150px}.reg-phone-speaker{left:30px}.reg-visual-top{font-size:7px;letter-spacing:.7px}.reg-delivery-tag{left:23px;bottom:12px}.reg-form.auth-card{padding:24px 19px 18px}.reg-form .primary{font-size:12px}.reg-field-row{gap:10px}.reg-form h2{font-size:23px}.reg-value-banner h2{font-size:20px}.reg-deliverables{gap:10px}.reg-deliverables strong{font-size:26px}.reg-deliverables strong>span{font-size:9px}.reg-deliverables>div>span{font-size:10px}.reg-benefit-grid article{padding:0 20px}.reg-start-strip{padding:25px}.reg-start-strip p>span{margin:0 4px}}
@media(max-width:900px){.registration-experience{max-width:680px;margin:0 auto;padding:0 24px 36px}.shell:has(.registration-experience) .showcase{max-width:680px;margin:0 auto;padding:0 24px 36px}.shell:has(.registration-experience)>main>footer{margin:0 24px;flex-direction:column;gap:5px}.reg-nav{height:85px}.reg-nav>div{gap:15px}.reg-examples-link{font-size:11px}.reg-brand{font-size:22px}.reg-hero{grid-template-columns:1fr;grid-template-areas:"intro" "form" "visual";gap:30px;padding:36px 0}.reg-intro h1{font-size:49px;letter-spacing:-2px;margin:20px 0 18px}.reg-lead{font-size:15px}.reg-value-line{font-size:12px;gap:22px}.reg-value-line>span+span{padding-left:22px}.reg-form-area{padding:13px 13px 0}.reg-form.auth-card{padding:28px 30px 22px}.reg-form h2{font-size:27px}.reg-form .primary{font-size:14px}.reg-form label{font-size:12px}.reg-form input{min-height:47px;font-size:16px}.reg-form input::placeholder{font-size:13px}.reg-field-row{gap:18px}.reg-composition{height:317px;padding:17px 83px 16px 18px}.reg-browser{height:268px}.reg-phone{width:123px;height:240px;right:24px;top:36px}.reg-phone img{height:187px}.reg-phone-speaker{left:41px}.reg-visual-top{font-size:9px;letter-spacing:1px}.reg-visual figcaption{flex-direction:row;font-size:8px;gap:12px}.reg-value-banner{grid-template-columns:1fr;padding:27px 29px;gap:24px}.reg-value-banner h2{font-size:25px}.reg-value-banner h2 br{display:none}.reg-deliverables{justify-content:flex-start;gap:30px}.reg-deliverables strong{font-size:32px}.reg-deliverables strong>span{font-size:11px}.reg-deliverables>div>span{font-size:11px}.reg-section-heading{align-items:start;flex-direction:column;gap:15px}.reg-section-heading h2{font-size:30px}.reg-benefit-grid{grid-template-columns:1fr 1fr;gap:26px 0}.reg-benefit-grid article{padding:0 22px}.reg-benefit-grid article:nth-child(odd){padding-left:0}.reg-benefit-grid article:nth-child(even){border:0;padding-right:0}.reg-start-strip{align-items:flex-start;flex-direction:column;gap:20px}.reg-start-strip button{width:100%;display:flex;justify-content:space-between;align-items:center}.reg-benefits{padding:43px 0 37px}}
@media(max-width:480px){.registration-experience{padding:0 20px 32px}.shell:has(.registration-experience) .showcase{padding:0 20px 32px}.reg-nav{height:78px}.reg-brand{font-size:20px;gap:7px}.reg-brand-mark{width:34px;height:34px;border-radius:9px}.reg-brand small{font-size:6px;letter-spacing:2px;margin-top:5px}.reg-brand-mark svg{width:21px;height:21px}.reg-examples-link{display:none}.reg-login{font-size:11px;padding:9px 10px}.reg-login span{margin-left:5px}.reg-eyebrow{font-size:8px;letter-spacing:1.5px}.reg-hero{padding:30px 0;gap:26px}.reg-intro h1{font-size:35px;letter-spacing:-1.5px;margin:18px 0}.reg-intro h1>span:first-child{font-size:.85em;letter-spacing:-1px}.reg-highlight:after{height:10px;bottom:1px}.reg-lead{font-size:12px;line-height:1.95}.reg-value-line{font-size:10px;gap:13px;margin-top:18px}.reg-value-line>span+span{padding-left:13px}.reg-value-line svg{width:15px;height:15px}.reg-form-area{padding:10px 10px 0;border-radius:14px}.reg-form-topline{font-size:10px;letter-spacing:0;padding:3px 0 12px}.reg-form.auth-card{padding:23px 17px 17px;border-radius:9px}.reg-form h2{font-size:23px}.reg-form-intro{font-size:11px;margin-bottom:17px}.reg-form label{font-size:10px;margin:14px 0}.reg-form input{padding:10px 8px;min-height:44px;margin-top:6px}.reg-form input::placeholder{font-size:11px}.reg-field-row{gap:10px}.reg-form .primary{font-size:11px;gap:5px;min-height:48px;padding:12px 5px}.reg-form .reg-form-note{font-size:8px}.reg-form-caption{padding:12px 0;font-size:10px;letter-spacing:.5px}.reg-invitation{font-size:10px;margin-bottom:16px}.reg-form .password-field input{padding-right:29px}.reg-form .password-field button{right:1px;padding:4px}.reg-form .password-field button svg{width:15px}.reg-composition{height:218px;padding:12px 41px 15px 12px;border-radius:10px}.reg-browser{height:184px;border-width:3px;border-radius:6px}.reg-browser-chrome{height:20px;padding:0 6px;font-size:6px}.reg-browser>img{height:calc(100% - 20px)}.reg-phone{width:79px;height:164px;right:10px;top:24px;border-width:3px;border-radius:14px;padding-top:14px}.reg-phone-speaker{width:22px;left:25px;top:5px;height:3px}.reg-phone img{height:126px}.reg-phone>span{font-size:5px;line-height:13px}.reg-delivery-tag{padding:7px 8px;gap:7px;left:19px;bottom:11px}.reg-delivery-tag>span{width:21px;height:21px;font-size:11px}.reg-delivery-tag strong{font-size:8px}.reg-delivery-tag small{font-size:6px}.reg-delivery-tag>svg{width:18px;margin-left:6px}.reg-visual-top{font-size:7px;letter-spacing:.3px;margin-bottom:9px}.reg-visual-top>span+span{font-size:8px}.reg-visual figcaption{flex-direction:column;font-size:8px;gap:3px}.reg-value-banner{padding:24px 20px;gap:20px;border-radius:10px}.reg-value-banner h2{font-size:21px}.reg-value-banner h2 br{display:initial}.reg-section-kicker{font-size:8px;letter-spacing:1.3px}.reg-deliverables{gap:12px;justify-content:space-between}.reg-deliverables strong{font-size:25px}.reg-deliverables strong>span{display:block;margin:5px 0 0;font-size:8px}.reg-deliverables>div>span{font-size:8px}.reg-plus{font-size:14px}.reg-value-banner>p{font-size:8px;line-height:1.8}.reg-section-heading h2{font-size:27px}.reg-section-heading>p{font-size:11px}.reg-benefit-grid{gap:25px 0}.reg-benefit-grid article{padding:0 17px}.reg-benefit-number{font-size:29px}.reg-benefit-grid h3{font-size:16px;margin-top:11px}.reg-benefit-grid p{font-size:11px}.reg-start-strip{padding:24px 20px;border-radius:10px}.reg-start-strip h2{font-size:20px;line-height:1.6}.reg-start-strip p{font-size:10px}.reg-start-strip button{padding:12px;font-size:11px}.shell:has(.registration-experience) .showcase-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.registration-experience *{scroll-behavior:auto!important;transition:none!important}}

/* R1.5: show the entire output canvas rather than clipping square exports in landscape thumbnails. */
.result-card .result-preview{height:auto!important;min-height:0;isolation:isolate}
.result-card .result-preview>a{position:absolute;inset:0;display:block;width:100%;height:100%}
.result-card .result-preview img{display:block;width:100%;height:100%;max-height:none!important;object-fit:contain!important;object-position:center}
.result-card .result-preview .pending{position:absolute;inset:0;min-height:0;height:100%;display:grid;place-items:center}
.required-mark{color:#ad554b}.reg-form-intro small{font-size:10px;margin-top:6px;color:#7f8c79}
.registration-errors{padding:12px 14px;margin:16px 0;background:#fff5ef;border:1px solid #efc7b8;border-radius:8px;color:#963f2e;font-size:12px}
.registration-errors ul{padding-left:18px;margin:5px 0 0}.registration-errors li{margin:2px 0}
.reg-form label.has-field-error input{border-color:#c56652;background:#fffaf8}.reg-form label.has-field-error .field-error{font-size:10px;color:#a34232;margin-top:6px;line-height:1.5;font-weight:400}
.commission-explainer{margin:0 0 24px;background:#fbfcf8;border:1px solid #dce7d8;border-radius:14px;padding:28px;color:#294e3b}
.commission-help-heading>span{font-size:11px;letter-spacing:.5px;color:#728c61}.commission-help-heading h2{font-size:23px;margin:8px 0}.commission-help-heading p{font-size:12px;color:#687d64;line-height:1.8}
.commission-chain{display:flex;align-items:center;gap:20px;justify-content:center;margin:23px 0;padding:16px;background:#edf3e7;border-radius:8px}.commission-chain>b{font-size:17px;text-align:center;min-width:70px}.commission-chain small{font-size:10px;color:#6d8564}.commission-chain>span{font-size:11px;color:#8a9c7a}
.commission-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.commission-example-grid article{background:#fff;border:1px solid #dce8d5;padding:20px 24px;border-radius:9px}.commission-example-grid article>span{font-size:12px;color:#677b5f}.commission-example-grid h3{font-size:16px;font-weight:500;margin:6px 0 10px}.commission-example-grid strong{font-size:32px;color:#26714f;font-variant-numeric:tabular-nums}.commission-example-grid p{font-size:12px;line-height:1.9;color:#708168}
.commission-example-total{font-size:12px!important;color:#526d49!important;line-height:1.9;padding:15px 0}.commission-example-total b{font-size:16px;color:#246847}.commission-how{border-top:1px solid #e0e9d8;padding-top:15px}.commission-how>b{font-size:12px;font-weight:600}.commission-how p{font-size:11px;color:#7c8d73;line-height:1.9;margin:8px 0 0}
@media(max-width:650px){.commission-explainer{padding:20px 17px}.commission-help-heading h2{font-size:20px}.commission-chain{gap:8px;padding:14px 8px}.commission-chain>b{min-width:48px;font-size:15px}.commission-chain small{font-size:8px}.commission-chain>span{font-size:9px}.commission-example-grid{gap:10px}.commission-example-grid article{padding:15px 12px}.commission-example-grid article>span{font-size:10px}.commission-example-grid h3{font-size:12px}.commission-example-grid strong{display:block;font-size:30px}.commission-example-grid p{font-size:10px}}

@media(max-width:700px){.sidebar nav{overflow-x:auto;max-width:100%;padding-bottom:4px}.sidebar nav .nav{flex:0 0 auto}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.result-grid{grid-template-columns:minmax(0,1fr)}.result-card{min-width:0}}
/* Daily AI promotion studio */
.promotion-studio{max-width:1440px;margin:0 auto}.promotion-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px;border-radius:22px;background:#193b32;color:#f7f5ec;margin-bottom:26px}.promotion-hero h1{margin:12px 0;font-size:32px;color:inherit}.promotion-hero p{color:#d4dfd5;max-width:560px}.promotion-hero .eyebrow{color:#c9dba3}.promotion-format-pills{display:grid;gap:10px;min-width:205px}.promotion-format-pills span{padding:12px 16px;background:#ffffff12;border:1px solid #ffffff29;border-radius:10px;color:#e6eedb;font-size:13px}.promotion-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.promotion-admin-grid .card{margin:0 0 24px;padding:26px}.promotion-clock{display:flex;flex-wrap:wrap;align-items:baseline;gap:15px;margin:16px 0 22px;color:#245240}.promotion-clock b{font-size:48px;letter-spacing:-2px}.promotion-clock span{font-size:12px;color:#687b70}.promotion-studio .section-title{gap:15px}.promotion-studio .section-title h2{margin:0 0 8px}.promotion-studio .section-title p{margin:0}.promotion-studio .section-title label{margin:0;min-width:155px}.promotion-job{border-top:1px solid #e5e9e4;padding:22px 0}.promotion-job h3{margin:7px 0}.promotion-job>p{font-size:13px;color:#627568}.promotion-job details{margin:15px 0}.promotion-job details>summary{cursor:pointer;color:#315747}.promotion-progress{display:flex;align-items:center;gap:15px}.promotion-progress progress{width:100%;height:9px;accent-color:#39785e}.promotion-progress b{white-space:nowrap;color:#45604e;font-size:12px}.promotion-progress progress::-webkit-progress-bar{background:#edf0e9;border-radius:8px}.promotion-progress progress::-webkit-progress-value{background:#4a8466;border-radius:8px}.promotion-image-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0}.promotion-image-strip a{display:block;position:relative;overflow:hidden;border-radius:9px;background:#e9eee7;border:1px solid #e1e7df}.promotion-image-strip img{display:block;width:100%;height:auto}.promotion-image-strip a span{position:absolute;bottom:5px;right:5px;background:#163d30d9;color:white;border-radius:4px;font-size:10px;padding:2px 6px}.promotion-image-placeholder{display:grid;place-content:center;gap:5px;aspect-ratio:1;background:#f1f4ee;border:1px dashed #d7dfd1;border-radius:9px;text-align:center;color:#7e8c79}.promotion-image-placeholder b{font-size:21px}.promotion-image-placeholder small{font-size:10px}.promotion-job .promotion-image-strip{max-width:650px}.promotion-empty{padding:32px 15px;text-align:center;color:#8a9388;background:#f6f8f3;border:1px dashed #dce3d6;border-radius:12px;line-height:1.9}.promotion-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.promotion-package{min-width:0;padding:22px}.promotion-package h3{font-size:20px;line-height:1.5}.promotion-package>.preserve-lines{white-space:pre-wrap;font-size:13px;line-height:1.9}.promotion-package .actions{flex-wrap:wrap;margin:20px 0 12px;gap:8px}.promotion-package .primary,.promotion-package .secondary{font-size:12px;padding:11px 14px}.promotion-package>small{font-size:10px;color:#879080}.promotion-package .section-title small{font-size:10px;color:#7c8a77}.promotion-tags{font-size:12px;color:#3f7a60}.promotion-dates{display:flex;gap:8px;overflow:auto;padding:8px 0 18px}.promotion-dates button{font-size:12px;white-space:nowrap;border:1px solid #dce2d7;border-radius:20px;background:white;padding:7px 13px;color:#6d806d}.promotion-dates button.active{background:#1d5542;color:white;border-color:#1d5542}.promotion-library{margin-top:30px}.promotion-studio .muted{line-height:1.85}.promotion-studio details>.preserve-lines{white-space:pre-wrap;line-height:1.9}.promotion-studio .promotion-job .alert{color:#9a493f}.promotion-studio .checkbox{font-size:13px;line-height:1.7}.promotion-studio .primary{background:#285d49}.promotion-studio .primary:disabled{opacity:.5}
@media(max-width:1100px){.promotion-package-grid{grid-template-columns:1fr}.promotion-package .promotion-image-strip{max-width:720px}.promotion-admin-grid{grid-template-columns:1fr}.promotion-hero{align-items:flex-start;flex-direction:column}.promotion-format-pills{display:flex;flex-wrap:wrap;min-width:0}}
@media(max-width:600px){.promotion-hero{padding:24px}.promotion-hero h1{font-size:25px}.promotion-format-pills span{font-size:11px;padding:8px}.promotion-admin-grid .card,.promotion-package{padding:20px}.promotion-studio .section-title{flex-wrap:wrap}.promotion-manual .form-grid{grid-template-columns:1fr}.promotion-studio .actions>*{max-width:100%;white-space:normal}.promotion-clock b{font-size:42px}}

/* Source-based Corona neon showcase */
.neon-listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.neon-listing-grid figure{margin:0;min-width:0;background:#fff;border:1px solid #e1e7e4;border-radius:10px;overflow:hidden}.neon-listing-grid a,.neon-module-stack a{display:block}.neon-listing-grid img{border-radius:0}.neon-listing-grid figcaption{display:flex;gap:8px;align-items:center;font-size:12px;line-height:1.5;padding:10px;color:#344c45}.neon-listing-grid figcaption span{font-size:10px;color:#778880;font-variant-numeric:tabular-nums}.showcase-aplus.neon-aplus{max-height:860px}.neon-module-stack{display:grid;gap:10px}.neon-module-note{font-size:11px;color:#64716f;line-height:1.8;margin:12px 0 0}.neon-showcase-set .showcase-set-label{flex-wrap:wrap}.neon-listing-grid a:focus-visible,.neon-module-stack a:focus-visible{outline:3px solid #3970e8;outline-offset:2px}@media(max-width:850px){.showcase-aplus.neon-aplus{max-height:none}.neon-listing-grid{gap:8px}.neon-listing-grid figcaption{font-size:11px;padding:8px}}@media(max-width:440px){.neon-listing-grid{grid-template-columns:1fr}}

/* Keep the account and logout controls reachable on short desktop windows. */
@media(min-width:701px){.sidebar{overflow-y:auto}.sidebar>*{flex-shrink:0}.sidebar nav{flex:1;min-height:0;overflow-y:auto;margin-bottom:16px}.sidebar .profile{flex-shrink:0}.sidebar .profile>div:nth-child(2){min-width:0;overflow-wrap:anywhere}.sidebar .profile .link{flex-shrink:0}}
@media(max-width:700px){.sidebar nav .nav{width:auto}.sidebar .profile:has(button){display:flex;margin-top:12px;padding-top:12px}.sidebar .profile>div:nth-child(2){min-width:0;overflow-wrap:anywhere}.sidebar .profile .link,.sidebar .avatar{flex-shrink:0}}

/* Collection codes and Listing balance */
.listing-balance{background:#edf3ff;border:1px solid #d9e4fd;border-radius:18px;padding:18px 30px;min-width:190px;color:#204bce}.listing-balance>span{display:block;font-size:14px}.listing-balance strong{display:block;font-size:44px;line-height:1.2}.listing-balance strong small{font-size:16px;margin-left:9px}
.payment-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.payment-method{border:1px solid #e2e8f0;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}.payment-method.enabled{border-color:#bdd0fb;background:#f8faff}.payment-method small{min-height:32px;color:#64748b}.payment-method button{margin-top:auto}
.collection-setting{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:32px;align-items:start}.collection-preview{min-height:240px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;overflow-wrap:anywhere}.collection-preview img{max-width:100%;max-height:280px;object-fit:contain}.collection-preview small{max-width:100%}.collection-setting input[type=file]{width:100%}.checkout .payment-qr{width:260px;max-width:100%;height:auto;max-height:420px;object-fit:contain}
@media(max-width:1000px){.payment-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.listing-balance{width:100%}.collection-setting{grid-template-columns:1fr;gap:20px}.collection-preview{min-height:180px}.payment-method-grid{grid-template-columns:1fr}.payment-method small{min-height:0}}
.listing-balance strong small{display:inline;white-space:nowrap}.plan-choice>p{min-height:44px}.plan-choice .listing-quantity{white-space:nowrap}
@media(max-width:700px){.page-heading:has(>.listing-balance){flex-direction:column;align-items:stretch;gap:16px}.page-heading:has(>.listing-balance)>div{width:100%}.plan-grid{gap:12px}}