*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#eef2f7;color:#172033}.top{height:60px;background:#fff;border-bottom:1px solid #e5e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.brand{font-size:20px;font-weight:800;color:#2563eb;text-decoration:none}.top nav{display:flex;gap:16px}.top nav a{color:#334155;text-decoration:none}.container{max-width:1400px;margin:18px auto;padding:0 14px}.card{background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:22px;box-shadow:0 5px 20px #0f172a0a;margin-bottom:20px}.auth{max-width:520px;margin:70px auto}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8dee9;background:#fff;color:#1f2937;padding:9px 14px;border-radius:9px;text-decoration:none;cursor:pointer;font:inherit}.btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}.btn.danger{background:#dc2626;color:#fff;border-color:#dc2626}.actions{display:flex;gap:8px}label{display:block;font-weight:650;margin:10px 0}input,select,textarea{width:100%;padding:10px;border:1px solid #ccd4df;border-radius:8px;margin-top:5px;font:inherit}textarea{min-height:100px}.alert,.success{padding:12px;border-radius:8px;margin-bottom:14px}.alert{background:#fee2e2;color:#991b1b}.success{background:#dcfce7;color:#166534}.avatar{width:90px;height:90px;border-radius:50%;object-fit:cover}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:13px}th{background:#f8fafc}

/* ========================= EDITOR V5 ========================= */
.editor-shell{background:linear-gradient(145deg,#edf2f8,#e8edf4);border:1px solid #d9e1eb;border-radius:20px;padding:12px;min-height:calc(100vh - 82px);position:relative}.editor-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;background:rgba(255,255,255,.96);padding:11px 14px;border:1px solid #dce4ee;border-radius:15px;box-shadow:0 8px 25px #0f172a10}.title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.app-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:20px;box-shadow:0 5px 15px #2563eb35}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.13em;color:#94a3b8;margin-bottom:1px}.editor-topbar #title{width:min(430px,42vw);font-size:17px;font-weight:750;border:0;background:transparent;margin:0;padding:2px 0;outline:0}.top-actions{display:flex;gap:7px;flex-wrap:wrap}.top-actions .btn{white-space:nowrap}
.main-toolbar{display:flex;align-items:center;gap:7px;margin-top:9px;background:#fff;border:1px solid #dce4ee;border-radius:13px;padding:7px;box-shadow:0 5px 18px #0f172a09;position:relative;z-index:30}.toolbar-group{display:flex;align-items:center;gap:6px}.tool-btn,.icon-btn{border:1px solid #d5deea;background:#fff;color:#27364b;cursor:pointer;font:inherit;font-weight:700;border-radius:9px;height:36px;padding:0 12px;transition:.15s}.tool-btn:hover,.icon-btn:hover,.mini-btn:hover,.format-btn:hover{background:#f1f5ff;border-color:#b9c9e3;transform:translateY(-1px)}.tool-btn b{font-size:11px;color:#94a3b8;margin-left:4px}.icon-btn{width:36px;padding:0;font-size:17px}.icon-btn.danger{color:#b42318}.toolbar-divider{width:1px;height:27px;background:#dce3ec;margin:0 2px}.toolbar-status{margin-left:auto;color:#64748b;font-size:11px;padding:0 8px;white-space:nowrap}.dropdown-menu{position:absolute;top:48px;left:7px;width:315px;background:#fff;border:1px solid #d5dfeb;border-radius:14px;padding:7px;box-shadow:0 18px 50px #0f172a2b;display:grid;grid-template-columns:1fr 1fr;gap:5px}.dropdown-menu button{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;border:0;background:#fff;border-radius:10px;padding:9px;cursor:pointer}.dropdown-menu button:hover{background:#f3f6ff}.dropdown-menu button span{grid-row:1/3;font-size:19px;color:#2563eb}.dropdown-menu strong{font-size:12px}.dropdown-menu small{font-size:9px;color:#94a3b8;margin-top:2px}.hidden{display:none!important}
.floating-panel{position:absolute;z-index:100;background:#fff;border:1px solid #d5dfeb;border-radius:14px;box-shadow:0 18px 50px #0f172a2b;padding:12px}.text-popover{top:111px;left:132px;width:min(650px,calc(100% - 150px))}.bg-popover{top:111px;left:205px;width:340px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.panel-title-row b{font-size:12px}.panel-title-row small{display:block;color:#94a3b8;font-size:9px;margin-top:2px}.panel-title-row button{border:0;background:#f1f5f9;border-radius:7px;width:26px;height:26px;cursor:pointer;font-size:17px;color:#64748b}.format-grid{display:grid;grid-template-columns:1.4fr .6fr repeat(10,36px);gap:5px;align-items:center}.format-grid select,.format-grid input[type=number]{margin:0;height:34px;padding:5px 7px}.format-btn,.mini-btn{height:34px;min-width:34px;border:1px solid #ccd6e2;background:#fff;border-radius:8px;padding:0 8px;cursor:pointer;font:inherit}.format-btn.wide{grid-column:1/3}.color-tool{display:flex;align-items:center;justify-content:center;gap:3px;margin:0;font-size:13px;font-weight:800}.color-tool input{width:28px;height:30px;padding:2px;margin:0;border-radius:6px}.bg-popover label{font-size:11px}.bg-popover input[type=color]{width:100%;height:42px;padding:2px}.bg-actions{display:flex;gap:7px}.bg-actions .mini-btn{flex:1}
.editor-work{display:grid;grid-template-columns:175px minmax(600px,1fr) 270px;gap:10px;margin-top:10px}.slide-panel,.property-panel,.canvas-area{background:rgba(255,255,255,.96);border:1px solid #dbe3ed;border-radius:14px;min-height:calc(100vh - 210px)}.slide-panel,.property-panel{padding:10px}.canvas-area{position:relative;padding:42px 16px 16px;display:flex;align-items:flex-start;justify-content:center;overflow:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:850;color:#64748b;letter-spacing:.1em;margin:2px 3px 10px}.new-slide-btn{border:0;background:#eff6ff;color:#2563eb;width:26px;height:26px;border-radius:7px;cursor:pointer;font-size:16px}.thumb{width:100%;display:grid;grid-template-columns:1fr;gap:3px;align-items:start;padding:7px;margin-bottom:7px;border:1px solid #d8e0ea;background:#f8fafc;border-radius:10px;cursor:pointer;text-align:left}.thumb:hover{background:#f1f5ff}.thumb.sel{outline:2px solid #2563eb;background:#eff6ff}.thumb strong{font-size:11px}.thumb small{font-size:9px;color:#94a3b8}.thumb-preview{display:block;width:100%;aspect-ratio:16/9;border:1px solid #d8e0ea;border-radius:6px;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;position:relative}.thumb-preview em{position:absolute;right:4px;bottom:3px;background:#ffffffd9;color:#64748b;border-radius:5px;font-size:8px;padding:1px 4px;font-style:normal}.canvas-head{position:absolute;left:15px;right:15px;top:10px;height:25px;display:flex;align-items:center;gap:9px;color:#64748b;font-size:10px}.canvas-head>span:first-child{font-weight:800;background:#f1f5f9;padding:4px 7px;border-radius:6px}.canvas-zoom{margin-left:auto;display:flex;align-items:center;gap:5px}.canvas-zoom button{border:1px solid #d6deea;background:#fff;border-radius:6px;width:25px;height:24px;cursor:pointer}.canvas-zoom b{font-size:10px;min-width:38px;text-align:center}.canvas-help{font-size:11px;color:#94a3b8}.canvas{position:relative;width:960px;height:540px;flex:0 0 960px;overflow:hidden;box-shadow:0 18px 45px #0f172a22;background:#fff;border-radius:2px;transform-origin:top center}.canvas:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #cbd5e1}.element{position:absolute;box-sizing:border-box;cursor:grab;overflow:visible;user-select:none;touch-action:none}.element:active{cursor:grabbing}.element.selected{outline:2px solid #2563eb;outline-offset:1px}.element>iframe,.element>img,.element>audio,.element>canvas{width:100%;height:100%;display:block;border:0}.element>img{object-fit:contain;background:transparent}.richtext{width:100%;height:100%;padding:8px;outline:0;overflow:auto;white-space:pre-wrap;word-break:break-word;cursor:text;user-select:text}.richtext:focus{outline:1px dashed #2563eb}.richtext ul,.richtext ol{margin:4px 0 4px 24px}.resize{position:absolute;width:12px;height:12px;background:#fff;border:2px solid #2563eb;border-radius:50%;z-index:999;box-shadow:0 1px 5px #0f172a35;touch-action:none}.resize.nw{left:-7px;top:-7px;cursor:nwse-resize}.resize.ne{right:-7px;top:-7px;cursor:nesw-resize}.resize.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.resize.se{right:-7px;bottom:-7px;cursor:nwse-resize}.resize.n{left:50%;top:-7px;transform:translateX(-50%);cursor:ns-resize}.resize.s{left:50%;bottom:-7px;transform:translateX(-50%);cursor:ns-resize}.resize.e{right:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.resize.w{left:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.audio-drive{background:#111}.property-panel{overflow:auto}.empty-prop{height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#94a3b8}.empty-prop div{font-size:34px;color:#cbd5e1}.empty-prop b{font-size:12px;color:#64748b}.empty-prop span{font-size:10px;line-height:1.5;max-width:200px}.prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.property-panel label{font-size:10px;color:#64748b}.property-panel label span{display:block}.property-panel input,.property-panel textarea,.property-panel select{margin-top:4px}.property-panel input,.property-panel select{height:34px;padding:7px}.prop-text{min-height:105px;resize:vertical}.size-note{font-size:9px;line-height:1.5;background:#f8fafc;border:1px solid #e7edf4;border-radius:8px;padding:8px;color:#64748b;margin:9px 0}.wide-prop-btn{width:100%;border:1px solid #cdd8e5;background:#f8fafc;padding:9px;border-radius:8px;cursor:pointer;font-weight:700;color:#334155}.prop-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.prop-actions button{border:1px solid #d7e0ea;background:#fff;border-radius:8px;padding:8px;cursor:pointer;font-size:10px}.prop-actions button:hover{background:#f1f5ff}.context-menu{position:fixed;z-index:99999;display:flex;flex-direction:column;background:#fff;border:1px solid #cbd5e1;box-shadow:0 10px 35px #0003;border-radius:9px;padding:5px}.context-menu button{border:0;background:#fff;text-align:left;padding:9px 15px;min-width:180px;cursor:pointer}.context-menu button:hover{background:#eff6ff}.muted{color:#64748b;font-size:12px;line-height:1.5}
@media(max-width:1150px){.editor-work{grid-template-columns:145px minmax(560px,1fr)}.property-panel{display:none}.editor-topbar{flex-direction:column;align-items:stretch}.editor-topbar #title{width:100%}.top-actions{justify-content:flex-end}.text-popover{left:100px;width:calc(100% - 115px)}.format-grid{grid-template-columns:1.3fr .6fr repeat(8,36px)}}
@media(max-width:750px){.container{padding:0 7px}.editor-shell{padding:7px}.toolbar-status,.canvas-help{display:none}.editor-work{grid-template-columns:1fr}.slide-panel{min-height:auto}.canvas-area{min-height:610px}.format-grid{grid-template-columns:1fr 1fr repeat(7,34px)}.text-popover{left:7px;right:7px;width:auto}.bg-popover{left:7px}.dropdown-menu{width:290px}}