.flyvg-addon-page{max-width:1240px;margin:0 auto;padding:30px 32px 80px;color:var(--text-primary,#f3f3ef)}
#native-infinite-canvas{display:block;width:100%;height:calc(100dvh - var(--topbar,64px) - 24px);border:0;background:#111}
.canvas-workbench{min-height:calc(100vh - var(--topbar,64px));background:rgba(245,244,239,.08)}.canvas-workbench-body{height:calc(100dvh - var(--topbar,64px) - 17px);min-height:0;padding:0 16px 14px 17px}.canvas-workbench .flyvg-canvas-shell{height:100%;min-height:0;border-color:#2e2d27;border-radius:7px;background:#15140f}.canvas-workbench .flyvg-canvas-toolbar{border-color:#2e2d27;background:#15140f}.canvas-workbench .flyvg-canvas-toolbar button{border-color:#292820;background:#11100b;color:#c9c7c1}.canvas-workbench .flyvg-canvas-toolbar button:hover{border-color:#77746a;color:#fff}.canvas-workbench .flyvg-canvas-viewport{background:#11100b}.canvas-workbench .flyvg-canvas-status{border-color:#2e2d27;background:#15140f}
.ecommerce-upload-wrap>button{position:absolute;top:8px;right:8px;z-index:2;width:24px;height:24px;padding:0;border:1px solid #55564f;border-radius:50%;background:#11100b;color:#c9c7c1;font-size:13px;line-height:22px;text-align:center;cursor:help}.ecommerce-upload-wrap>button:hover{border-color:#f5f4ef;color:#fff}
.ecommerce-preview[hidden]{display:none!important}
.ecommerce-workbench .studio-shell{grid-template-columns:384px minmax(0,1fr)}.ecommerce-workbench .control-panel{min-width:0}.ecommerce-upload-wrap{position:relative}.ecommerce-upload-zone{min-height:192px}.ecommerce-upload-zone .upload-zone-content{display:flex;flex-direction:column;align-items:center;gap:8px}.ecommerce-upload-zone .upload-zone-content svg{width:40px;height:40px}.ecommerce-upload-zone .upload-zone-content small{color:#9f9b90;font-size:12px}.ecommerce-upload-meta{min-height:18px;margin-top:8px;color:#9f9b90;font-size:12px;line-height:16px;overflow-wrap:anywhere}.ecommerce-upload-meta:empty{display:none}.ecommerce-preview{display:block;width:100%;max-height:230px;margin-top:10px;border:1px solid #35332b;border-radius:6px;background:#11100b;object-fit:contain}.ecommerce-result-panel{display:flex!important;align-items:stretch!important;justify-content:flex-start!important;padding:24px!important;overflow-y:auto!important}.ecommerce-result{width:min(100%,760px);margin:0 auto}.ecommerce-result-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.ecommerce-result-heading h2{margin:0;color:#f5f4ef;font-size:18px;line-height:26px;font-weight:600}.ecommerce-result-heading span{color:#9f9b90;font-size:12px}.ecommerce-result-field{display:block;padding:0;margin:0 0 16px}.ecommerce-result-field>span{display:block;margin-bottom:8px;color:#c9c7c1;font-size:14px;line-height:20px}.ecommerce-result-field textarea{display:block;width:100%;min-height:148px;box-sizing:border-box;padding:12px;border:1px solid #292820;border-radius:6px;background:#11100b;color:#f5f4ef;font:inherit;line-height:24px;resize:vertical}.ecommerce-result-field textarea:focus{outline:1px solid #77746a;border-color:#77746a}.ecommerce-result-divider{height:1px;margin:24px 0;background:#28261f}.ecommerce-variation-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.ecommerce-variation-options label{display:block;color:#c9c7c1;font-size:13px}.ecommerce-variation-options label>span{display:block;margin-bottom:7px}.ecommerce-variation-options select{width:100%;height:36px;padding:4px 8px;border:1px solid #292820;border-radius:6px;background:#11100b;color:#f5f4ef;font:inherit}.ecommerce-variation-button{width:100%;margin:0}.ecommerce-result-panel .ecommerce-variations{margin-top:14px}.ecommerce-result-panel .ecommerce-variations article{border-top:1px solid #292820;padding:14px 0}.ecommerce-result-panel .ecommerce-variations article strong{font-size:13px;color:#f5f4ef}.ecommerce-result-panel .ecommerce-variations article p{margin:8px 0 0;color:#c9c7c1;font-size:13px;line-height:20px;white-space:pre-wrap}.ecommerce-result-panel .ecommerce-variations article .en{color:#9f9b90}.ecommerce-workbench #ecommerce-status{display:block;margin-left:10px;color:#a9a69d;font-size:12px;line-height:16px}.ecommerce-workbench #ecommerce-status.error{color:#ec7777}
.flyvg-addon-upload{transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.flyvg-addon-upload:hover,.flyvg-addon-upload.is-dragging{border-color:#a1d86b;background:#1a1f17}.flyvg-addon-upload.is-dragging{box-shadow:0 0 0 3px #a1d86b22}.ecommerce-upload-meta{min-height:18px;margin-top:9px;color:#aeb5a7;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.ecommerce-upload-meta:empty{display:none}
.flyvg-addon-breadcrumb{display:flex;gap:10px;align-items:center;color:var(--text-muted,#8e9188);font-size:13px;margin:4px 0 28px}.flyvg-addon-breadcrumb a{color:inherit;text-decoration:none}.flyvg-addon-breadcrumb b{color:var(--text-primary,#f3f3ef)}
.flyvg-addon-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.flyvg-addon-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#a1d86b}.flyvg-addon-heading h1{font-size:34px;line-height:1.15;margin:8px 0}.flyvg-addon-heading p{color:var(--text-muted,#9a9c95);margin:0}.flyvg-addon-heading-actions{display:flex;gap:8px}.flyvg-addon-heading-actions a{border:1px solid #34372f;border-radius:8px;padding:10px 14px;color:#d6d8d1;text-decoration:none}.flyvg-addon-heading-actions a:hover{border-color:#a1d86b;color:#fff}
.flyvg-addon-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.flyvg-addon-card{background:#151713;border:1px solid #2b2e28;border-radius:14px;padding:22px;min-width:0}.flyvg-addon-card-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.flyvg-addon-card-head.compact{margin-top:4px;margin-bottom:12px}.flyvg-addon-card h2{font-size:18px;margin:0 0 7px}.flyvg-addon-card p{font-size:13px;color:#95988f;margin:0;line-height:1.6}.flyvg-addon-step{font-size:12px;color:#8e927f;border:1px solid #34382f;border-radius:99px;padding:6px 9px;height:max-content}.flyvg-addon-upload{display:flex;min-height:190px;border:1px dashed #575d4d;border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:8px;cursor:pointer;color:#e7eadf}.flyvg-addon-upload:hover{border-color:#a1d86b;background:#1a1f17}.flyvg-addon-upload input{display:none}.flyvg-addon-upload small{font-size:12px;color:#878b82}.ecommerce-preview{width:100%;max-height:350px;object-fit:contain;border-radius:9px;background:#0c0d0b;margin-top:14px}.flyvg-addon-field{display:block;margin-top:16px}.flyvg-addon-field>span,.flyvg-addon-inline label>span{display:block;color:#c6c9c0;font-size:13px;margin-bottom:7px}.flyvg-addon-field textarea{width:100%;min-height:118px;resize:vertical;background:#10120f;color:#f1f3ed;border:1px solid #34382f;border-radius:8px;padding:11px;font:inherit;line-height:1.55}.flyvg-addon-field textarea:focus{outline:1px solid #a1d86b;border-color:#a1d86b}.flyvg-addon-actions{display:flex;align-items:center;gap:12px;margin-top:18px}.flyvg-addon-actions [role=status]{color:#a6d57d;font-size:12px}.flyvg-addon-actions .error{color:#f08d83}.flyvg-addon-primary,.flyvg-addon-secondary{border:0;border-radius:8px;padding:11px 15px;cursor:pointer;font-weight:600}.flyvg-addon-primary{background:#d8f4a5;color:#182012}.flyvg-addon-primary:hover{background:#edffd0}.flyvg-addon-primary:disabled,.flyvg-addon-secondary:disabled{opacity:.42;cursor:not-allowed}.flyvg-addon-secondary{background:#2b3326;color:#dcf3c0;width:100%;margin-top:16px}.flyvg-addon-inline{display:flex;gap:12px}.flyvg-addon-inline label{flex:1}.flyvg-addon-inline select,.flyvg-addon-heading-actions+select,.flyvg-canvas-toolbar input{width:100%;background:#10120f;color:#e9ece4;border:1px solid #34382f;border-radius:7px;padding:9px}.flyvg-addon-divider{height:1px;background:#2b2e28;margin:24px 0}.ecommerce-variations article{border-top:1px solid #2a2e28;padding:14px 0}.ecommerce-variations article strong{font-size:13px;color:#c9ee9a}.ecommerce-variations article p{margin-top:8px;color:#d9dcd4;white-space:pre-wrap}.ecommerce-variations article .en{color:#9fa69a}
.flyvg-canvas-shell{height:calc(100vh - 195px);min-height:560px;background:#11130f;border:1px solid #2b2e28;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.flyvg-canvas-toolbar{height:58px;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #2b2e28;background:#171a14}.flyvg-canvas-toolbar>div{display:flex;gap:8px;align-items:center}.flyvg-canvas-toolbar button{border:1px solid #3b4135;background:transparent;color:#dfe4d7;border-radius:7px;padding:8px 12px;cursor:pointer}.flyvg-canvas-toolbar button:hover{border-color:#a1d86b;color:#efffdb}.flyvg-canvas-toolbar input{width:170px}.flyvg-canvas-viewport{position:relative;flex:1;overflow:hidden;cursor:grab;background:#121510}.flyvg-canvas-grid{position:absolute;inset:-100%;background-image:radial-gradient(#394131 1px,transparent 1px);background-size:28px 28px;opacity:.48}.flyvg-canvas-world{position:absolute;inset:0;transform-origin:0 0}.flyvg-canvas-node{position:absolute;background:#1b2019;border:1px solid #3b4536;border-radius:11px;box-shadow:0 12px 30px #0005;overflow:hidden}.flyvg-canvas-node header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #30382c;color:#dfe9d4;font-size:12px}.flyvg-canvas-node header button{background:none;border:0;color:#aeb6a5;cursor:pointer}.flyvg-canvas-node img,.flyvg-canvas-node video{display:block;width:100%;max-height:260px;object-fit:contain;background:#0e100d}.flyvg-canvas-node textarea{display:block;width:100%;min-height:150px;background:#151a14;color:#e6eadf;border:0;padding:10px;resize:vertical}.flyvg-canvas-status{display:flex;justify-content:space-between;padding:8px 14px;font-size:12px;color:#8f978a;border-top:1px solid #2b2e28}
@media (max-width:850px){.flyvg-addon-page{padding:22px 16px 60px}.flyvg-addon-heading{display:block}.flyvg-addon-heading-actions{margin-top:16px}.flyvg-addon-grid{grid-template-columns:1fr}.flyvg-canvas-shell{height:calc(100vh - 170px);min-height:460px}.flyvg-canvas-toolbar{height:auto;gap:8px;flex-wrap:wrap}.flyvg-canvas-toolbar>div:last-child{width:100%}.flyvg-canvas-toolbar input{flex:1}.flyvg-canvas-status{font-size:11px}}