.gxo-wrap{gap:var(--sb-space-xl);flex-direction:column;max-width:1100px;margin:0 auto;display:flex}.gxo-controls{gap:var(--sb-space-lg);flex-direction:column;padding:0;display:flex;position:relative}.gxo-step{gap:var(--sb-space-md);background:0 0;border:none;flex-direction:column;padding:0;display:flex;position:relative}.gxo-step-head{align-items:flex-start;gap:14px;display:flex}.gxo-step-num{font-family:"Rajdhani", var(--sb-font);letter-spacing:-.01em;color:var(--sb-ice);background:linear-gradient(135deg, var(--sb-ice), var(--sb-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;min-width:48px;font-size:2.4rem;font-weight:700;line-height:1;display:inline-block}.gxo-step-titles{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gxo-step-title{font-family:"Rajdhani", var(--sb-font);color:var(--sb-text-primary);letter-spacing:-.005em;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:700;display:flex}.gxo-step-optional{letter-spacing:.14em;text-transform:uppercase;background:rgba(var(--sb-violet-rgb,99,102,241), .12);color:#a5b4fc;border:1px solid rgba(var(--sb-violet-rgb,99,102,241), .35);border-radius:4px;padding:2px 8px;font-size:.6rem;font-weight:600}.gxo-step-sub{color:var(--sb-text-muted);margin:0;font-size:.82rem;line-height:1.5}.gxo-step-body{gap:var(--sb-space-sm);padding:var(--sb-space-lg);border-radius:var(--sb-radius-lg);background:linear-gradient(var(--sb-card-fill), var(--sb-card-fill)) padding-box, var(--sb-gradient) border-box;border:1px solid #0000;flex-direction:column;transition:box-shadow .25s;display:flex}.gxo-step:hover .gxo-step-body{box-shadow:0 6px 24px -10px rgba(var(--sb-ice-rgb), .25)}.gxo-template-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=760px){.gxo-template-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.gxo-template-grid{grid-template-columns:1fr}}.gxo-template-card{appearance:none;text-align:left;background:rgba(var(--sb-ice-rgb), .03);border:1px solid rgba(var(--sb-ice-rgb), .22);cursor:pointer;font-family:var(--sb-font);color:var(--sb-text-secondary);border-radius:10px;flex-direction:column;gap:4px;min-height:74px;padding:14px;transition:all .2s;display:flex}.gxo-template-card:hover{border-color:rgba(var(--sb-ice-rgb), .45);background:rgba(var(--sb-ice-rgb), .05);color:var(--sb-text-primary);transform:translateY(-1px)}.gxo-template-card.active{background:rgba(var(--sb-ice-rgb), .1);border-color:var(--sb-ice);color:var(--sb-ice);box-shadow:0 0 0 3px rgba(var(--sb-ice-rgb), .08)}.gxo-template-name{font-size:.92rem;font-weight:700}.gxo-template-desc{color:var(--sb-text-muted);font-size:.76rem;line-height:1.45}.gxo-template-card.active .gxo-template-desc{color:#ffffffb3}.gxo-tone-toggle{border:1px solid var(--sb-border);background:#ffffff05;border-radius:10px;grid-template-columns:1fr 1fr;gap:0;padding:4px;display:grid}.gxo-tone-btn{appearance:none;font-family:var(--sb-font);color:var(--sb-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.gxo-tone-btn:hover{color:var(--sb-text-primary)}.gxo-tone-btn.active{background:rgba(var(--sb-ice-rgb), .14);color:var(--sb-ice);box-shadow:0 0 0 1px rgba(var(--sb-ice-rgb), .3)}.gxo-accent-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gxo-accent-swatch{appearance:none;background:var(--swatch);width:40px;height:40px;box-shadow:0 0 0 1px var(--sb-border);cursor:pointer;border:2px solid #0000;border-radius:8px;padding:0;transition:all .2s}.gxo-accent-swatch:hover{transform:scale(1.1)}.gxo-accent-swatch.active{box-shadow:0 0 0 2px var(--swatch), 0 0 12px var(--swatch);border-color:#fff}.gxo-fields{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=760px){.gxo-fields{grid-template-columns:1fr 1fr}}@media (width<=480px){.gxo-fields{grid-template-columns:1fr}}.gxo-field{flex-direction:column;gap:4px;display:flex}.gxo-field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--sb-text-muted);font-size:.68rem;font-weight:600}.gxo-input{appearance:none;border:1px solid var(--sb-border);color:var(--sb-text-primary);font-family:var(--sb-font);box-sizing:border-box;background:#ffffff08;border-radius:8px;width:100%;padding:9px 12px;font-size:.9rem;transition:all .2s}.gxo-input:hover{border-color:rgba(var(--sb-ice-rgb), .4)}.gxo-input:focus{border-color:var(--sb-ice);background:rgba(var(--sb-ice-rgb), .04);box-shadow:0 0 0 3px rgba(var(--sb-ice-rgb), .12);outline:none}.gxo-branding-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}@media (width<=960px){.gxo-branding-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.gxo-branding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=440px){.gxo-branding-grid{grid-template-columns:minmax(0,1fr)}}.gxo-branding-grid .gxo-upload-filename{max-width:100%}.gxo-brand-col{background:rgba(var(--sb-ice-rgb), .03);border:1px solid rgba(var(--sb-ice-rgb), .22);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.gxo-brand-col-head{flex-direction:column;gap:2px;display:flex}.gxo-brand-col-title{font-family:"Rajdhani", var(--sb-font);color:var(--sb-text-primary);letter-spacing:.01em;font-size:.95rem;font-weight:700}.gxo-brand-col-sub{color:var(--sb-text-muted);letter-spacing:.04em;font-size:.72rem}.gxo-upload-drop{border:1px dashed rgba(var(--sb-ice-rgb), .4);background:rgba(var(--sb-ice-rgb), .04);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;transition:border-color .2s,background .2s;display:flex}.gxo-upload-drop:has(.gxo-upload-preview.is-filled){border-style:solid;border-color:rgba(var(--sb-ice-rgb), .35);background:rgba(var(--sb-ice-rgb), .06)}.gxo-upload-preview{border:1px solid rgba(var(--sb-ice-rgb), .2);width:72px;height:72px;color:rgba(var(--sb-ice-rgb), .6);background:#00000040;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.gxo-upload-preview svg{width:28px;height:28px}.gxo-upload-preview img{object-fit:cover;width:100%;height:100%;display:block}.gxo-upload-preview--circle{border-radius:50%}.gxo-upload-preview.is-filled{border-color:var(--sb-ice);box-shadow:0 0 0 2px rgba(var(--sb-ice-rgb), .2);background:#0c1120}.gxo-upload-filename{color:var(--sb-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.74rem;overflow:hidden}.gxo-upload-btn{appearance:none;background:rgba(var(--sb-ice-rgb), .15);border:1px solid rgba(var(--sb-ice-rgb), .4);color:var(--sb-ice);font-family:var(--sb-font);white-space:nowrap;cursor:pointer;border-radius:6px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .2s}.gxo-upload-btn:hover{background:rgba(var(--sb-ice-rgb), .22);border-color:var(--sb-ice)}.gxo-upload-btn--remove{background:rgba(var(--sb-fuchsia-rgb,236,72,153), .12);border-color:rgba(var(--sb-fuchsia-rgb,236,72,153), .4);color:#f0abfc}.gxo-upload-btn--remove:hover{background:rgba(var(--sb-fuchsia-rgb,236,72,153), .22);border-color:#f0abfc}.gxo-preview-col{gap:var(--sb-space-md);background:0 0;border:none;flex-direction:column;padding:0;display:flex}.gxo-subject-bar{border:none;border-bottom:1px solid rgba(var(--sb-ice-rgb), .12);background:0 0;align-items:center;gap:10px;margin-bottom:-2px;padding:4px 2px 12px;display:flex}.gxo-subject-label{text-transform:uppercase;letter-spacing:.1em;color:var(--sb-text-muted);white-space:nowrap;font-size:.68rem;font-weight:700}.gxo-subject-value{color:var(--sb-text-primary);font-family:var(--sb-font);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.95rem;font-weight:600;overflow:hidden}.gxo-mini-btn{appearance:none;background:rgba(var(--sb-ice-rgb), .1);border:1px solid rgba(var(--sb-ice-rgb), .35);color:var(--sb-ice);font-family:var(--sb-font);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.gxo-mini-btn:hover{background:rgba(var(--sb-ice-rgb), .18)}.gxo-mini-btn svg{width:13px;height:13px}.gxo-mini-btn.is-flashed{background:rgba(var(--sb-fuchsia-rgb,236,72,153), .18);border-color:var(--sb-fuchsia,#ec4899);color:#f0abfc}.gxo-preview-shell{gap:var(--sb-space-md);padding:var(--sb-space-lg);border-radius:var(--sb-radius-lg);background:linear-gradient(var(--sb-card-fill), var(--sb-card-fill)) padding-box, var(--sb-gradient) border-box;border:1px solid #0000;flex-direction:column;transition:box-shadow .25s;display:flex}.gxo-preview-col:hover .gxo-preview-shell{box-shadow:0 6px 24px -10px rgba(var(--sb-ice-rgb), .25)}.gxo-preview-canvas{border-radius:var(--sb-radius-md);scrollbar-width:thin;scrollbar-color:rgba(var(--sb-ice-rgb), .3) transparent;background:#080c14;flex:auto;min-height:360px;padding:0;overflow:auto;box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff0a}.gxo-preview-canvas::-webkit-scrollbar{width:6px}.gxo-preview-canvas::-webkit-scrollbar-thumb{background:rgba(var(--sb-ice-rgb), .25);border-radius:3px}.gxo-preview-canvas table{margin:0 auto}.gxo-export-row{border:none;border-top:1px solid rgba(var(--sb-ice-rgb), .12);background:0 0;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:-2px;padding:14px 2px 2px;display:flex}.gxo-export-btn{align-items:center;gap:8px;display:inline-flex;padding:10px 18px!important;font-size:.88rem!important}.gxo-export-btn svg{width:16px;height:16px}.gxo-export-btn.is-flashed{background:rgba(var(--sb-fuchsia-rgb,236,72,153), .22)!important;border-color:var(--sb-fuchsia,#ec4899)!important;color:#f0abfc!important}.gxo-export-hint{border-left:3px solid var(--sb-ice);background:rgba(var(--sb-ice-rgb), .05);border-radius:0 var(--sb-radius-md) var(--sb-radius-md) 0;color:var(--sb-text-secondary);margin:0;padding:12px 16px;font-size:.85rem;line-height:1.55}.gxo-export-hint strong{color:var(--sb-ice)}.gxo-step-head{border-bottom:1px solid #38bdf826;margin-bottom:18px;padding-bottom:14px;position:relative}.gxo-step-head:after{content:"";background:var(--sb-gradient);width:60px;height:2px;position:absolute;bottom:-1px;left:0}.vo-steps{gap:var(--sb-space-md);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=820px){.vo-steps{grid-template-columns:1fr}}.vo-step-card{border-radius:var(--sb-radius);background:#0f1525b3;flex-direction:column;gap:8px;padding:22px;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:relative}.vo-step-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#38bdf8,#6366f1);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.vo-step-card:hover{background:linear-gradient(#38bdf80f,#6366f10a),#0f1525b3;transform:translateY(-3px);box-shadow:0 0 12px #38bdf82e,0 0 20px #6366f114}.vo-step-card>*{z-index:1;position:relative}.vo-step-num{background:var(--sb-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Rajdhani,sans-serif;font-size:2rem;font-weight:700;line-height:1}.vo-step-card h3{margin:0;font-size:1.05rem}.vo-step-card p{color:var(--sb-text-muted);margin:0;font-size:.88rem;line-height:1.6}.vo-tips{gap:var(--sb-space-md);grid-template-columns:repeat(2,1fr);padding:0;list-style:none;display:grid}.vo-tips li{border-left:3px solid var(--sb-ice);background:rgba(var(--sb-ice-rgb), .04);border-radius:0 var(--sb-radius-md) var(--sb-radius-md) 0;padding:16px 20px}.vo-tips li strong{color:var(--sb-text);margin-bottom:4px;font-size:.95rem;display:block}.vo-tips li span{color:var(--sb-text-muted);font-size:.88rem;line-height:1.6}@media (width<=760px){.vo-tips{grid-template-columns:1fr}}.why-grid{gap:var(--sb-space-lg);grid-template-columns:repeat(2,1fr);display:grid}.why-card{background:linear-gradient(var(--sb-card-fill,#0f1525b3), var(--sb-card-fill,#0f1525b3)) padding-box, var(--sb-gradient) border-box;padding:var(--sb-space-xl);border-radius:var(--sb-radius);gap:var(--sb-space-md);border:1px solid #0000;align-items:flex-start;transition:box-shadow .3s,transform .3s;display:flex}.why-card:hover{background:linear-gradient(rgba(var(--sb-ice-rgb),.06), rgba(var(--sb-violet-rgb),.04)), linear-gradient(var(--sb-card-fill,#0f1525b3), var(--sb-card-fill,#0f1525b3)) padding-box, var(--sb-gradient) border-box;transform:translateY(-3px);box-shadow:0 0 12px #38bdf82e,0 0 20px #6366f114}.why-icon{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;transition:color .25s;display:flex}.why-card:hover .why-icon{color:var(--sb-ice)}.why-card h3,.why-card h4{font-size:var(--sb-text-base);margin:0 0 var(--sb-space-xs)}.why-card p{font-size:var(--sb-text-sm);color:var(--sb-text-muted);line-height:1.5}@media (width<=768px){.why-grid{grid-template-columns:1fr}.why-card{text-align:center;flex-direction:column}.why-icon{margin:0 auto}}