#design-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px;border-bottom:1px solid #8883;background:var(--panel,#171923)}#design-toolbar label{display:flex;align-items:center;font-size:12px;gap:5px}#design-toolbar input{width:auto}#design-toolbar select{max-width:120px;padding:6px}.design-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.design-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.design-presets button{cursor:pointer;padding:12px}.preset-thumb{display:grid;place-items:center;height:70px;margin-bottom:8px;font-size:24px;font-weight:800;border-radius:8px;background:#dee7fc;color:#24263c}.preset-glass{background:linear-gradient(120deg,#ade6d4,#96a6f7);border:1px solid white}.preset-poster{background:#ffdf4d;color:#10101d;rotate:-2deg}.preset-cinema{background:linear-gradient(120deg,#10283b,#3d557d);color:#fff}.preset-neon{background:#101320;color:#88ffe0;text-shadow:0 0 12px #36dfbc}.preset-minimal{background:#fff;color:#111;border:1px solid #ddd}.preset-split{background:linear-gradient(90deg,#493580 40%,#edf0f5 40%);color:#dc79fb}.preset-bento{background:repeating-linear-gradient(90deg,#acbbe6 0 28%,transparent 28% 32%)}.preset-outline{border:2px solid #7d73df;background:transparent;color:inherit}.preset-horizontal{background:repeating-linear-gradient(0deg,#82bfb5 0 24%,#304646 24% 32%)}#design-upload-progress{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:2147483646;width:min(420px,90vw);padding:18px;border-radius:14px;background:#222738;color:#fff;box-shadow:0 8px 40px #0005;border:1px solid #a0a7e7;display:grid;gap:10px}#design-upload-progress[hidden]{display:none}#design-upload-progress strong{overflow-wrap:anywhere}#design-upload-progress progress{width:100%;accent-color:#a18cff}#design-upload-progress span{animation:previewPulse 1.4s ease infinite}.upload-drop video{width:100%;max-height:160px}.editor-preview{min-height:0}.preview-stage{min-height:160px}html[data-theme=light] #design-toolbar,html[data-theme=day] #design-toolbar{background:#f6f7fc;color:#202537}@media(max-width:900px){.editor-body{display:flex!important;flex-direction:column!important;height:auto!important;min-height:calc(100svh - 60px)}.editor-left{width:100%!important;max-height:180px;overflow:auto;flex:none}.editor-preview{width:100%;min-height:65svh;flex:none}.preview-stage{height:62svh;min-height:350px}.editor-right{width:100%!important;display:block!important;max-height:none;overflow:visible;flex:none}.editor-header .brand{display:none}.editor-header{gap:8px;padding:8px}.editor-site-name{max-width:100px;overflow:hidden;text-overflow:ellipsis}.save-status{font-size:10px}.editor-header-actions{gap:4px}#design-toolbar .button{padding:7px;font-size:11px}.editor-app.design-panel-open .editor-right{position:fixed;inset:20vh 0 0;z-index:100;overflow:auto;background:var(--panel,#1d2030);border-top:2px solid #8b80ff;padding-bottom:40px}.editor-app.design-panel-open #design-toolbar{position:relative;z-index:110}}
