.studio-native{height:100%;min-height:650px;background:#111819;color:#e2e5d8;display:flex;flex-direction:column}
.studio-native .ds-top{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#161e1f;border-bottom:1px solid #bbc6ac1b;min-height:78px}
.studio-native .ds-top>div:first-child{display:grid;gap:6px}.studio-native .ds-top small{font-size:12px;color:#8fa083;letter-spacing:.12em}.studio-native .ds-top select{font-size:16px;font-weight:450;padding:4px 0;border:0;background:none;color:#dfe4d4;max-width:440px}
.studio-native .ds-top-actions{display:flex;gap:8px;align-items:center}.studio-native button{font:inherit;font-size:14px;color:#d1dcc3;background:#ffffff04;border:1px solid #bfc7ad20;border-radius:9px;padding:8px 12px}
.studio-native .ds-top-actions>button:nth-child(-n+2){font-size:23px;background:none;border:0;padding:3px 9px}.studio-native .ds-body{display:grid;grid-template-columns:64px minmax(0,1fr) 300px;flex:1;min-height:0}
.studio-native .ds-toolrail{display:flex;flex-direction:column;align-items:center;gap:15px;padding:24px 9px;background:#131b1c;border-right:1px solid #c4cfb516}.studio-native .ds-toolrail button{height:44px;width:44px;font-size:22px;background:none;border:1px solid transparent;padding:0;display:grid;place-items:center;border-radius:12px}.studio-native .ds-toolrail button:hover{background:#c1cfb30d}.studio-native .ds-toolrail button.active{color:#d3c298;border-color:#c4b28038;background:#c4b28012}
.studio-native .ds-stage{display:flex;flex-direction:column;min-width:0;padding:22px 26px;background:radial-gradient(ellipse at 55% 45%,#a4b89409,transparent 65%),#0f1617}.studio-native .ds-canvas-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#9fac95}.studio-native .ds-canvas-meta button{background:none;border:0;padding:0 6px;font-size:20px}.studio-native .ds-canvas-wrap{flex:1;min-height:370px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px 0;container-type:size}
.studio-native .ds-canvas{width:min(100%,calc(100cqh * var(--canvas-ratio)));max-height:none;flex:none;position:relative;container-type:inline-size;overflow:hidden;box-shadow:0 24px 60px #0006;border-radius:2px;transform-origin:center;transition:transform .3s var(--ease-work)}
.ds-product-art{width:100%;height:100%;filter:drop-shadow(0 12px 18px #0003)}.ds-shape{width:100%;height:100%;border-radius:15%}.ds-object.type-image,.ds-object.type-shape{background:none!important}.studio-native .ds-object.selected{outline:1px solid #c8b883a6;outline-offset:3px}.studio-native .ds-object.locked{cursor:default}.studio-native .ds-lock-marker{font-size:12px;letter-spacing:0;line-height:1.5}
.studio-native .ds-bottom{font-size:13px;color:#9da991;display:flex;align-items:center;justify-content:space-between;border:0;padding:14px 0 5px}.studio-native .ds-bottom button{background:none;border:0;font-size:12px;padding:0}.studio-native .ds-action-feedback{font-size:13px;min-height:38px;line-height:1.7;padding:10px 0;color:#cabf9d;background:none;border:0}
.studio-native .ds-inspector{padding:0;background:#182021;border-left:1px solid #b9c6ad1d;overflow:auto;min-height:0}.studio-native .ds-inspector>header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 8px}.studio-native .ds-inspector header small{font-size:12px;color:#8f9d85;letter-spacing:.08em}.studio-native .ds-inspector header button{background:none;border:0;font-size:18px}.studio-assistant-body{padding:8px 22px 24px}.studio-assistant-body h2{font-size:21px;font-weight:450;line-height:1.45;margin:12px 0 16px}.studio-assistant-body h3{font-size:17px;font-weight:450}.studio-assistant-body p{font-size:14px!important;line-height:1.8;color:#aebba2}.creative-understanding{border-bottom:1px solid #bbc5a71c;margin-bottom:22px;padding-bottom:14px}.creative-understanding small{font-size:12px;color:#a1b08f}.creative-understanding h2{font-size:22px}.studio-assistant-body label{display:block;font-size:14px;margin:0 0 17px;color:#b7c1aa}.studio-assistant-body textarea,.studio-assistant-body input,.studio-assistant-body select{display:block;width:100%;font-size:14px;line-height:1.7;border:1px solid #b4c2a422;background:#0e1718;color:#dbe3d0;padding:10px;border-radius:10px;margin-top:7px;min-width:0}.studio-assistant-body textarea{resize:vertical}.studio-assistant-body .primary{width:100%;margin-top:4px;padding:11px;font-size:15px}.studio-safe-note{font-size:12px!important;color:#86967b!important}.studio-context-summary{margin-top:25px;padding-top:18px;border-top:1px solid #b4c2a419}.studio-assistant-body summary{cursor:pointer;font-size:14px;color:#b0bba3;line-height:1.65}.studio-context-summary button{margin-top:10px}.studio-native .ds-properties{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-native .ds-properties label{margin:9px 0}.studio-native .ds-layer{display:flex;align-items:center;gap:3px;padding:7px 0;border:0}.studio-native .ds-layer button:first-child{flex:1;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;padding:8px}.studio-native .ds-layer button:not(:first-child){padding:6px;border:0;background:none}.studio-native .ds-layer.active{background:#c2cfb20b;border-radius:8px}.studio-properties{margin-top:22px}.studio-add-object{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.studio-add-object button{font-size:13px}.studio-context-asset{padding:13px 0;border-bottom:1px solid #b9c5a41a}.studio-context-asset b{font-size:15px;display:block;font-weight:450}.studio-context-asset small{font-size:12px;color:#8d9e7c}.studio-collaborators{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:20px}.studio-collaborators button{padding:3px;border:1px solid transparent;background:none;display:grid;justify-items:center;gap:5px}.studio-collaborators button[aria-pressed=true]{border-color:#c6b98b45;background:#cabd8d0d}.studio-collaborators button>span{width:37px;height:47px;border-radius:8px;overflow:hidden}.studio-collaborators b{font-size:12px;font-weight:450}.studio-gap{color:#cbbb91!important;border-left:1px solid #b6a97b;padding-left:12px}.studio-native .ds-history{padding:12px 0;border:0;border-bottom:1px solid #b4c2a418}.studio-native .ds-history small{font-size:12px}.studio-native .ds-history button{font-size:12px}
.studio-native .quiet-menu>div{width:280px}.studio-native .quiet-menu>div>button{font-size:14px}.studio-native .ds-swatches{display:flex;gap:13px;margin:24px 0}.studio-native .ds-swatches i{width:34px;height:34px;border-radius:50%;border:1px solid #d3d4ba30}
@media(min-width:2400px){.studio-native .ds-body{grid-template-columns:72px minmax(0,1fr) 340px}.studio-native .ds-stage{padding:30px 5%}.studio-assistant-body{padding:8px 26px 26px}.studio-native .ds-inspector>header{padding-left:26px}}
@media(max-width:1300px){.studio-native .ds-body{grid-template-columns:56px minmax(0,1fr) 265px}.studio-native .ds-stage{padding:20px 15px}.studio-assistant-body{padding:8px 16px 22px}.studio-native .ds-top select{max-width:240px}}