.designer-overlay{position:fixed;inset:0;z-index:1000;background:rgba(2,8,18,.9);backdrop-filter:blur(10px);color:var(--text);font-family:inherit}.designer-overlay.manager,.designer-overlay.dialog{display:grid;place-items:center;padding:24px}.designer-manager{width:min(1180px,96vw);max-height:92vh;overflow:auto;background:#0b1626;border:1px solid var(--line);border-radius:24px;padding:24px}.designer-manager header{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.designer-manager h2{font-size:2rem;margin:3px 0}.designer-manager p{color:var(--muted);margin:4px 0}.designer-actions{display:flex;gap:8px}.designer-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.designer-card{border:1px solid var(--line);background:var(--panel);padding:14px;border-radius:16px}.designer-card h3{margin:12px 0 4px}.designer-card p{margin:0 0 14px;color:var(--muted)}.design-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#132238,#07101d);border:1px solid #30435d;border-radius:10px;display:grid;place-items:center;color:var(--muted)}.design-thumb.portrait{aspect-ratio:9/16;max-height:170px;margin:auto}.designer-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:16px;padding:50px;text-align:center;color:var(--muted)}.designer-dialog{width:min(520px,94vw);background:#0b1626;border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;gap:16px}.designer-dialog h3{margin:0}.designer-dialog label,.designer-properties label{display:grid;gap:7px;color:#c8d4e3;font-size:.84rem;font-weight:700}.designer-dialog input,.designer-dialog select,.designer-properties input,.designer-properties select,.designer-properties textarea,.design-name{background:#07101d;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px}.designer-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.screen-designer{height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr) 300px;grid-template-rows:64px minmax(0,1fr);background:#060d18}.designer-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);background:#0b1626}.designer-top>div:first-child{display:flex;align-items:center;gap:12px}.design-name{width:280px;padding:8px 10px;font-weight:700}.designer-top-actions{display:flex;align-items:center;gap:8px}.save-state{font-size:.78rem;color:var(--muted);margin-right:8px}.designer-toolbox,.designer-properties{overflow:auto;background:#0b1626;padding:14px}.designer-toolbox{border-right:1px solid var(--line)}.designer-properties{border-left:1px solid var(--line)}.toolbox-head{display:grid;gap:3px;margin-bottom:18px}.toolbox-head span,.props-head span{color:var(--muted);font-size:.76rem}.designer-toolbox section{margin:0 0 20px}.designer-toolbox h4,.designer-properties h4{margin:10px 0 8px;color:#aebed1;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool-grid button,.source-list button,.layer-button{border:1px solid var(--line);background:#07101d;color:var(--text);border-radius:10px;padding:10px;text-align:left}.tool-grid button{display:grid;text-align:center;place-items:center}.tool-grid b{font-size:1.25rem}.tool-grid span{font-size:.73rem}.source-list{display:grid;gap:6px}.source-list button{display:flex;align-items:center;gap:8px}.source-list button b{width:24px;text-align:center}.source-list button span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-list small{color:var(--muted);font-size:.62rem}.designer-workspace{overflow:auto;display:grid;place-items:center;padding:38px;background-color:#08111e;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:20px 20px}.canvas-wrap{width:min(90%,1200px);max-height:82vh;display:grid;place-items:center}.design-canvas{width:100%;position:relative;background:#000;box-shadow:0 20px 60px #000;border:1px solid #344861;overflow:hidden;touch-action:none}.design-component{position:absolute;border:1px solid rgba(255,255,255,.25);min-width:20px;min-height:20px;cursor:move;user-select:none;touch-action:none}.design-component.selected{outline:2px solid var(--accent-2);outline-offset:1px}.design-component.locked{cursor:not-allowed}.component-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:4px}.component-preview img,.component-preview video{width:100%;height:100%}.component-tag{position:absolute;left:4px;top:4px;background:rgba(0,0,0,.72);color:#fff;padding:3px 5px;border-radius:4px;font-size:9px;pointer-events:none}.resize-handle{position:absolute;width:13px;height:13px;right:-1px;bottom:-1px;background:var(--accent-2);border:2px solid #07101d;cursor:nwse-resize}.props-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.designer-properties label{margin:10px 0}.designer-properties textarea{min-height:80px;resize:vertical}.prop-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.prop-actions .btn-danger{grid-column:1/-1}.layer-button{width:100%;margin:5px 0}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}@media(max-width:1050px){.screen-designer{grid-template-columns:200px minmax(0,1fr) 250px}}@media(max-width:800px){.screen-designer{grid-template-columns:1fr;grid-template-rows:64px auto minmax(420px,1fr) auto}.designer-top{grid-column:1}.designer-toolbox,.designer-properties{border:0;max-height:220px}.designer-workspace{padding:16px}.designer-top strong,.save-state{display:none}.design-name{width:150px}.designer-top-actions .btn{padding:8px}}