.ci-product-builder{margin:24px 0;padding:24px;border:1px solid #e3e8f0;border-radius:14px;background:#fff}.ci-product-settings{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:18px;background:#f6f8fc;border-radius:10px;margin-bottom:24px}.ci-product-settings h3{width:100%;margin:0}.ci-product-settings label{display:grid;gap:7px;font-size:13px;font-weight:600}.ci-product-settings input,.ci-product-settings select{min-width:180px;padding:10px;border:1px solid #dce2ec;border-radius:7px;background:#fff}.ci-p-price{font-size:18px;margin-left:auto}.ci-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.ci-template-card{overflow:hidden;border:1px solid #e1e6ef;border-radius:10px;padding:10px;background:#fff}.ci-template-card img,.ci-template-blank{width:100%;height:160px;object-fit:contain;background:#f4f6fa;border-radius:6px}.ci-template-blank{display:grid;place-items:center;color:#66738a}.ci-template-card h4{margin:10px 0;font-size:14px}.ci-template-card .button{display:block;text-align:center;background:#405ef3;color:#fff;border:0}.ci-workspace{min-height:760px;display:grid;grid-template-columns:64px 220px minmax(350px,1fr) 265px;background:#eef1f6;color:#172033;border:1px solid #dce2eb;border-radius:10px;overflow:hidden;font:14px/1.4 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.ci-rail{background:#18233a;padding:8px 5px;display:flex;flex-direction:column;gap:5px}.ci-rail button{height:58px;border:0;border-radius:5px;background:transparent;color:#c6d0e2;font-size:19px;cursor:pointer}.ci-rail button.active,.ci-rail button:hover{background:#344866;color:#fff}.ci-rail small{display:block;font-size:10px}.ci-assets{background:#fff;border-right:1px solid #dfe4ec;padding:16px 12px;overflow:auto}.ci-assets h3{font-size:16px;margin:0 0 6px}.ci-assets p{font-size:12px;color:#68748a}.ci-assets-panel label,.ci-properties label{display:grid;gap:6px;margin:12px 0;font-size:12px;color:#47536a}.ci-assets-panel input,.ci-properties input:not([type=range]),.ci-properties select,.ci-properties textarea{width:100%;box-sizing:border-box;border:1px solid #dce2eb;border-radius:6px;padding:8px;background:#fff;color:#18233a}.ci-assets-panel input[type=color],.ci-properties input[type=color]{height:36px;padding:3px}.ci-tool{width:100%;text-align:left;border:1px solid #edf0f5;background:#fff;padding:11px 9px;margin:5px 0;border-radius:6px;cursor:pointer}.ci-tool:hover,.ci-mini-template:hover{border-color:#8598fa;background:#f7f8ff}.ci-primary{border:0;border-radius:6px;background:#405ef3;color:white;padding:11px 15px;font-weight:650;cursor:pointer}.ci-assets-panel .ci-primary{width:100%}.ci-stage{min-width:0;display:flex;flex-direction:column;background:#f1f3f7}.ci-stage-head,.ci-stage-foot{min-height:48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e2e6ed;font-size:12px}.ci-stage-head button{border:1px solid #e1e5ed;background:#fff;border-radius:4px;padding:5px 9px;cursor:pointer}.ci-stage-foot{border-top:1px solid #e2e6ed;border-bottom:0;margin-top:auto}.ci-stage-foot .ci-review{background:#405ef3;color:#fff;border:0;border-radius:5px;padding:9px 14px;cursor:pointer}.ci-ruler{height:21px;background:repeating-linear-gradient(90deg,#dfe4ec 0,#dfe4ec 1px,transparent 1px,transparent 40px);border-bottom:1px solid #e2e6ed}.ci-canvas-scroll{position:relative;min-height:570px;max-height:calc(100vh - 210px);overflow:auto;padding:24px;display:flex;justify-content:center;align-items:flex-start}.ci-canvas{display:block;height:auto;max-height:none;background:#fff;box-shadow:0 2px 15px #25385824;touch-action:none;cursor:default}.ci-properties{background:#fff;border-left:1px solid #dfe4ec;padding:15px;overflow:auto}.ci-properties h3{margin:3px 0 10px;font-size:16px}.ci-props-title{display:flex;justify-content:space-between;align-items:center}.ci-props-title button{border:0;background:transparent;color:#d14b54;font-size:20px;cursor:pointer}.ci-prop-tabs{display:flex;border-bottom:1px solid #e1e6ee;margin-bottom:12px}.ci-prop-tabs button{flex:1;padding:10px;border:0;border-bottom:2px solid transparent;background:#fff;color:#69758b;cursor:pointer}.ci-prop-tabs button.active{border-color:#536bf2;color:#192544}.ci-inline{display:flex;gap:10px}.ci-inline>*{min-width:0;flex:1}.ci-toggles{display:flex;gap:6px}.ci-toggles button,.ci-layer-actions button{border:1px solid #e1e6ee;background:#fff;border-radius:5px;padding:8px;cursor:pointer}.ci-layer-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.ci-layer-actions button{font-size:11px}.ci-layers{display:grid;gap:5px}.ci-layer{border:1px solid #e2e7ef;background:#fff;text-align:left;border-radius:5px;padding:9px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-layer.selected,.ci-mini-template.active{border-color:#526cf1;background:#f2f4ff}.ci-mini-template{display:flex;width:100%;align-items:center;gap:8px;padding:7px;margin:5px 0;border:1px solid #e4e8ef;border-radius:6px;background:white;cursor:pointer;text-align:left}.ci-mini-template img{width:45px;height:55px;object-fit:contain}.ci-context{position:absolute;z-index:10;display:grid;min-width:145px;background:#fff;border:1px solid #dce1eb;border-radius:7px;padding:5px;box-shadow:0 8px 24px #1b2c481f}.ci-context[hidden]{display:none}.ci-context button{border:0;background:#fff;text-align:left;padding:8px;cursor:pointer}.ci-context button:hover{background:#f0f3fa}.ci-no-template{max-width:650px;margin:50px auto;padding:30px;border:1px solid #e1e6ee;border-radius:12px}.ci-review-panel{max-width:1000px;margin:24px auto;padding:24px;border:1px solid #e0e6ef;border-radius:12px}.ci-review-panel[hidden]{display:none}.ci-review-card{display:grid;grid-template-columns:minmax(180px,320px) 1fr;gap:24px;margin:18px 0;padding:18px;border:1px solid #e4e8ef;border-radius:8px}.ci-preview{max-width:100%;height:auto}.ci-rate-credit{font-size:10px;text-align:center;color:#8790a0;margin:8px}.ci-pro-studio .ci-add-form{display:none}@media(max-width:1100px){.ci-workspace{grid-template-columns:55px 175px minmax(320px,1fr)}.ci-properties{grid-column:2/4;border-left:0;border-top:1px solid #ddd;display:grid;grid-template-columns:1fr 2fr}.ci-props-empty{grid-column:1}.ci-props-edit{grid-column:2}}@media(max-width:700px){.ci-workspace{grid-template-columns:54px 1fr}.ci-assets{min-height:200px}.ci-stage{grid-column:2}.ci-properties{grid-column:2;display:block}.ci-canvas-scroll{min-height:380px}.ci-review-card{grid-template-columns:1fr}.ci-product-settings{display:grid}.ci-product-settings input,.ci-product-settings select{min-width:0}}
/* Full-viewport editor: escape the active theme's content width and spacing. */
html:has(.ci-pro-studio),body:has(.ci-pro-studio){margin:0!important;padding:0!important;overflow:hidden!important}
.ci-pro-studio{position:fixed!important;inset:0!important;z-index:999999!important;display:block!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;margin:0!important;padding:0!important;background:#eef1f6!important;overflow:hidden!important}
.ci-pro-studio .ci-workspace{width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-sizing:border-box;overflow:hidden}
.ci-pro-studio .ci-canvas-scroll{min-height:0!important;max-height:none!important;flex:1 1 auto!important;align-items:center!important;overflow:auto}
.ci-pro-studio .ci-stage{min-height:0!important;overflow:hidden}
.ci-pro-studio .ci-review-panel{position:fixed;inset:0;z-index:1000000;max-width:none;width:100vw;height:100vh;height:100dvh;box-sizing:border-box;margin:0;padding:clamp(18px,4vw,48px);border:0;border-radius:0;overflow:auto;background:#fff}
.ci-pro-studio .ci-review-panel[hidden]{display:none}
@media(max-width:1100px){.ci-pro-studio .ci-properties{min-height:0;overflow:auto}}
@media(max-width:700px){.ci-pro-studio .ci-workspace{grid-template-columns:52px minmax(0,1fr);grid-template-rows:minmax(170px,30vh) minmax(0,1fr) minmax(180px,28vh)}.ci-pro-studio .ci-rail{grid-row:1/4}.ci-pro-studio .ci-assets{grid-column:2;grid-row:1;min-height:0;overflow:auto}.ci-pro-studio .ci-stage{grid-column:2;grid-row:2;min-height:0}.ci-pro-studio .ci-properties{grid-column:2;grid-row:3;min-height:0;display:block;overflow:auto}.ci-pro-studio .ci-canvas-scroll{min-height:0;padding:12px}}
.ci-face-switch{display:flex;gap:8px;justify-content:center;padding:8px;background:#fff;border-bottom:1px solid #d9dfeb}.ci-face-switch[hidden]{display:none}.ci-face-switch button{padding:7px 16px;border:1px solid #ccd4e2;background:#fff;border-radius:6px;cursor:pointer}.ci-face-switch button.active{background:#4969f5;color:#fff;border-color:#4969f5}
.ci-template-price{margin:8px 0;color:#18243b;font-weight:700}.ci-face-switch button{font-weight:600}