.workspace-page{background:#eef1f7;color:#17152b}.workspace-shell{max-width:1540px;margin:0 auto;padding:34px 24px 72px}.workspace-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.workspace-heading p{margin:0 0 6px;color:#5b4bdb;font-size:.75rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.workspace-heading h1{margin:0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.05em}.workspace-heading span{display:block;margin-top:8px;color:#68667a;font-size:1rem}.workspace-heading-actions{display:flex;gap:10px;flex-shrink:0}.workspace-heading-actions button,.workspace-toolbar button,.inspector-actions button{border:1px solid #d9dce7;background:#fff;color:#343148;border-radius:10px;padding:11px 14px;font-weight:800;cursor:pointer}.workspace-heading-actions .workspace-primary{background:#5b4bdb;color:#fff;border-color:#5b4bdb;box-shadow:0 8px 20px rgba(91,75,219,.22)}.workspace-toolbar{display:flex;flex-wrap:wrap;gap:10px;background:#17152b;border-radius:15px 15px 0 0;padding:12px 14px}.workspace-toolbar>div{display:flex;gap:7px;padding-right:10px;border-right:1px solid #3a3658}.workspace-toolbar>div:last-child{margin-left:auto;border:0;padding:0}.workspace-toolbar button{background:#292544;border-color:#413c61;color:#f8f7ff;padding:9px 12px}.workspace-toolbar button:hover,.workspace-toolbar button:focus-visible{background:#3a345f;border-color:#7167ac}.workspace-toolbar .danger-action{color:#ffb7c4}.workspace-grid{display:grid;grid-template-columns:260px minmax(470px,1fr) 270px;min-height:720px;background:#fff;border:1px solid #dde0e9;border-top:0;border-radius:0 0 18px 18px;overflow:hidden;box-shadow:0 22px 55px rgba(31,35,59,.1)}.asset-panel,.inspector-panel{background:#fbfbfd}.asset-panel{border-right:1px solid #e3e5ed;padding:20px}.inspector-panel{border-left:1px solid #e3e5ed}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-heading strong,.panel-heading span{display:block}.panel-heading strong{font-size:1rem}.panel-heading span{margin-top:3px;color:#7a778b;font-size:.75rem}.asset-search{display:flex;align-items:center;gap:8px;border:1px solid #dcdee7;border-radius:10px;background:#fff;padding:0 10px}.asset-search input{width:100%;border:0;outline:0;padding:10px 0;background:transparent;font:inherit;font-size:.84rem}.asset-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:14px 0;padding:4px;background:#eeeff4;border-radius:10px}.asset-tabs button{border:0;border-radius:7px;background:transparent;padding:8px;color:#6d6a7c;font-weight:800;cursor:pointer}.asset-tabs button.active{background:#fff;color:#5b4bdb;box-shadow:0 3px 9px rgba(23,21,43,.08)}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:465px;overflow:auto;padding-right:3px}.asset-card{border:1px solid #e0e2ea;border-radius:11px;background:#fff;padding:7px;cursor:pointer;text-align:left;color:#3c3950}.asset-card:hover,.asset-card:focus-visible{border-color:#5b4bdb;box-shadow:0 7px 16px rgba(91,75,219,.12)}.asset-card img{display:block;width:100%;height:82px;object-fit:contain;background:#f2f7fb;border-radius:7px}.asset-card span{display:block;margin-top:6px;font-size:.68rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-button{display:block;margin-top:14px;border:1px dashed #9d98c9;border-radius:10px;padding:11px;text-align:center;color:#5b4bdb;font-size:.8rem;font-weight:850;cursor:pointer}.upload-button input{display:none}.figure-area{min-width:0;background:#e9ecf3;padding:20px;display:flex;flex-direction:column}.canvas-meta{display:flex;justify-content:space-between;color:#6f6c7e;font-size:.75rem;margin-bottom:10px}.figure-stage{width:100%;margin:auto;background:#fff;box-shadow:0 14px 38px rgba(31,35,59,.15);line-height:0;overflow:hidden}.figure-stage canvas{display:block;width:100%;height:auto;touch-action:none}.figure-area>p{margin:12px 0 0;text-align:center;color:#777486;font-size:.78rem;line-height:1.4}.inspector-panel .panel-heading{padding:20px 20px 0}.inspector-section{padding:20px;border-top:1px solid #e4e6ed}.inspector-section h2{margin:0 0 15px;font-size:.9rem}.inspector-section>label:not(.transparent-toggle){display:grid;grid-template-columns:1fr auto;gap:6px;margin:14px 0;color:#4a475c;font-size:.8rem;font-weight:800}.inspector-section input[type=range]{grid-column:1/-1;width:100%;accent-color:#5b4bdb}.inspector-section output{color:#777486}.inspector-actions{display:flex;gap:8px;margin-top:14px}.inspector-actions button{flex:1;padding:9px}.background-picker input{width:34px;height:28px;padding:0;border:1px solid #d8dae4;border-radius:7px;background:#fff}.transparent-toggle{display:flex!important;align-items:center;gap:8px!important;font-size:.8rem;font-weight:750;color:#4a475c}.transparent-toggle input{accent-color:#5b4bdb}.export-settings select{grid-column:1/-1;border:1px solid #d9dce7;border-radius:9px;padding:9px;background:#fff;color:#39364e;font-weight:700}.export-settings p{margin:12px 0 0;color:#777486;font-size:.75rem;line-height:1.5}@media(max-width:1150px){.workspace-grid{grid-template-columns:230px minmax(430px,1fr)}.inspector-panel{grid-column:1/-1;border-left:0;border-top:1px solid #e3e5ed;display:grid;grid-template-columns:220px repeat(3,1fr)}.inspector-panel .panel-heading{padding-bottom:20px;margin:0}.inspector-section{border-top:0;border-left:1px solid #e4e6ed}}@media(max-width:800px){.workspace-shell{padding:24px 12px 50px}.workspace-heading{align-items:flex-start;flex-direction:column}.workspace-heading-actions{width:100%}.workspace-heading-actions button{flex:1}.workspace-toolbar>div:last-child{margin-left:0}.workspace-grid{grid-template-columns:1fr}.asset-panel{border-right:0;border-bottom:1px solid #e3e5ed}.asset-grid{grid-template-columns:repeat(4,1fr);max-height:none}.figure-area{padding:12px}.inspector-panel{display:block}.inspector-panel .panel-heading{padding:20px}.inspector-section{border-left:0;border-top:1px solid #e4e6ed}}@media(max-width:520px){.asset-grid{grid-template-columns:repeat(3,1fr)}.asset-card img{height:70px}.workspace-toolbar{border-radius:12px 12px 0 0}.workspace-toolbar>div{border:0;padding:0}.workspace-toolbar button{font-size:.72rem;padding:8px}.workspace-heading span{font-size:.9rem}}
.asset-card{cursor:grab}.asset-card:active{cursor:grabbing}.figure-stage{transition:outline-color .15s,box-shadow .15s}.figure-stage.drag-target{outline:3px solid #5b4bdb;outline-offset:4px;box-shadow:0 18px 44px rgba(91,75,219,.24)}.object-colors{margin:20px 0 16px;padding-top:18px;border-top:1px solid #e4e6ed}.object-colors h3{margin:0 0 12px;font-size:.82rem}.object-color-row{display:grid;grid-template-columns:1fr 34px 66px;gap:8px;align-items:center;margin:9px 0;color:#4a475c;font-size:.8rem;font-weight:800}.object-color-row input{width:32px;height:30px;padding:0;border:1px solid #d8dae4;border-radius:8px;background:#fff;cursor:pointer}.object-color-row button{border:1px solid #d9dce7;background:#fff;color:#5b4bdb;border-radius:8px;padding:7px 6px;font-size:.68rem;font-weight:850;cursor:pointer}.object-color-row button:hover,.object-color-row button.active{border-color:#5b4bdb;background:#f2f0ff}.object-color-row button:disabled,.object-color-row input:disabled{opacity:.45;cursor:not-allowed}
.workspace-grid{--asset-column:260px;--inspector-column:270px;grid-template-columns:var(--asset-column) minmax(470px,1fr) var(--inspector-column);transition:grid-template-columns .24s ease}.workspace-grid.asset-collapsed{--asset-column:58px}.workspace-grid.inspector-collapsed{--inspector-column:58px}.panel-toggle{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid #d9dce7;border-radius:9px;background:#fff;color:#5b4bdb;font-size:1.45rem;line-height:1;cursor:pointer;transition:background .15s,color .15s,transform .2s}.panel-toggle:hover,.panel-toggle:focus-visible{background:#5b4bdb;color:#fff;border-color:#5b4bdb}.asset-panel,.inspector-panel{min-width:0;overflow:hidden;transition:padding .24s ease}.workspace-grid.asset-collapsed .asset-panel{padding:13px 12px}.workspace-grid.asset-collapsed .asset-panel>:not(.panel-heading),.workspace-grid.inspector-collapsed .inspector-panel>:not(.panel-heading){display:none}.workspace-grid.asset-collapsed .asset-panel .panel-heading,.workspace-grid.inspector-collapsed .inspector-panel .panel-heading{justify-content:center;margin:0;padding:0}.workspace-grid.asset-collapsed .asset-panel .panel-copy,.workspace-grid.inspector-collapsed .inspector-panel .panel-copy{display:none}.workspace-grid.asset-collapsed .asset-panel .panel-toggle,.workspace-grid.inspector-collapsed .inspector-panel .panel-toggle{transform:rotate(180deg)}
@media(max-width:1150px){.workspace-grid{--asset-column:230px;grid-template-columns:var(--asset-column) minmax(430px,1fr)}.workspace-grid.inspector-collapsed .inspector-panel{display:block;min-height:58px}.workspace-grid.inspector-collapsed .inspector-panel .panel-heading{height:58px}}
@media(max-width:800px){.workspace-grid{grid-template-columns:1fr}.workspace-grid.asset-collapsed .asset-panel,.workspace-grid.inspector-collapsed .inspector-panel{min-height:58px;padding:12px}.workspace-grid.asset-collapsed .asset-panel .panel-toggle{transform:rotate(-90deg)}.workspace-grid.inspector-collapsed .inspector-panel .panel-toggle{transform:rotate(90deg)}}
.asset-panel>.panel-heading,.inspector-panel>.panel-heading{position:relative;padding-top:52px}.inspector-panel>.panel-heading{padding:58px 20px 0}.panel-toggle{position:absolute;top:6px;left:50%;width:42px;height:38px;transform:translateX(-50%);border:0;border-radius:999px;background:linear-gradient(145deg,#6c5ce7,#4437b7);color:#fff;box-shadow:0 7px 18px rgba(67,55,183,.3),0 0 0 4px rgba(91,75,219,.09);font-size:1.75rem}.panel-toggle span{display:block;transform:translateY(-1px)}.panel-toggle:hover,.panel-toggle:focus-visible{background:linear-gradient(145deg,#7668ed,#5143ca);box-shadow:0 9px 22px rgba(67,55,183,.38),0 0 0 5px rgba(91,75,219,.13)}.panel-toggle::after{content:attr(data-tooltip);position:absolute;z-index:5;top:44px;left:50%;transform:translateX(-50%) translateY(-3px);padding:6px 9px;border-radius:7px;background:#17152b;color:#fff;font-size:.68rem;font-weight:800;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.panel-toggle:hover::after,.panel-toggle:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}.workspace-grid.asset-collapsed .asset-panel .panel-heading,.workspace-grid.inspector-collapsed .inspector-panel .panel-heading{height:54px;padding:8px 0 0}.workspace-grid.asset-collapsed .asset-panel .panel-toggle,.workspace-grid.inspector-collapsed .inspector-panel .panel-toggle{position:relative;top:auto;left:auto;margin:auto;transform:rotate(180deg)}.workspace-grid.asset-collapsed .asset-panel,.workspace-grid.inspector-collapsed .inspector-panel{overflow:visible}
@media(max-width:800px){.asset-panel>.panel-heading,.inspector-panel>.panel-heading{padding-top:50px}.inspector-panel>.panel-heading{padding:54px 20px 0}.workspace-grid.asset-collapsed .asset-panel .panel-toggle{transform:rotate(-90deg)}.workspace-grid.inspector-collapsed .inspector-panel .panel-toggle{transform:rotate(90deg)}}
.figure-stage canvas{image-rendering:auto}.panel-toggle{width:48px;height:34px;border:1px solid #cfd0d8;border-radius:10px;background:rgba(255,255,255,.94);color:#111217;box-shadow:0 4px 12px rgba(17,18,23,.14),inset 0 1px 0 #fff}.panel-toggle svg{width:25px;height:21px;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}.panel-toggle:hover,.panel-toggle:focus-visible{border-color:#9b9ca6;background:#f3f4f8;color:#000;box-shadow:0 6px 16px rgba(17,18,23,.2),0 0 0 3px rgba(17,18,23,.06)}
.asset-panel{padding:0 20px 20px}.asset-panel>.panel-heading{padding-top:58px}.workspace-grid.asset-collapsed .asset-panel{padding:0 12px}.workspace-grid.asset-collapsed .asset-panel .panel-heading{padding-top:8px}
.asset-tabs{grid-template-columns:1fr 1fr}.asset-tabs button{font-size:.72rem;line-height:1.15;min-height:38px}