.editor-demo-wrapper{position:relative;width:100%;max-width:800px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.editor-demo-wrapper .editor-window{background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05);border:1px solid #e9ecef;display:flex;flex-direction:column;min-height:660px;position:relative;overflow:visible;transition:all .3s ease}.editor-demo-wrapper .editor-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;z-index:5}.editor-demo-wrapper .editor-header .window-controls{display:flex;gap:8px}.editor-demo-wrapper .editor-header .window-controls .dot{width:12px;height:12px;border-radius:50%}.editor-demo-wrapper .editor-header .window-controls .dot.red{background:#f1556c}.editor-demo-wrapper .editor-header .window-controls .dot.yellow{background:#f7b84b}.editor-demo-wrapper .editor-header .window-controls .dot.green{background:#1abc9c}.editor-demo-wrapper .editor-header .editor-title{color:#6c757d;font-size:.85rem;font-weight:500;letter-spacing:.5px}.editor-demo-wrapper .editor-header .editor-actions-dummy{width:52px}.editor-demo-wrapper .editor-body{padding:40px;flex-grow:1;position:relative;background:#fff;border-radius:0 0 12px 12px;overflow:hidden}.editor-demo-wrapper .editor-content-area{font-size:1.1rem;line-height:1.7;color:#232323;transition:opacity .4s ease}.editor-demo-wrapper .editor-content-area h3{font-weight:700;margin-bottom:1.2rem;color:#070037}.editor-demo-wrapper .editor-content-area p{margin-bottom:1rem}.editor-demo-wrapper .editor-content-area .selection-highlight{background-color:rgba(93,63,211,.15);border-bottom:2px solid #5d3fd3;border-radius:3px;padding:0 2px;transition:background-color .3s,border-color .3s}.editor-demo-wrapper .editor-content-area .selection-highlight.typing{background-color:rgba(7,0,55,.1);border-bottom-color:#070037;color:#070037}.editor-demo-wrapper .editor-content-area .editor-insight-card{background:#fcfcfd;border-left:4px solid #5d3fd3;padding:16px;border-radius:6px;margin:24px 0;display:flex;gap:15px;align-items:flex-start;box-shadow:0 2px 8px rgba(93,63,211,.08)}.editor-demo-wrapper .editor-content-area .editor-insight-card .card-icon{font-size:1.4rem;color:#5d3fd3}.editor-demo-wrapper .editor-content-area .editor-insight-card .card-text{font-size:.95rem;line-height:1.5;color:#232323}.editor-demo-wrapper .editor-overlay-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%) scale(.95);width:85%;max-width:95%;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;box-shadow:0 1rem 3rem rgba(0,0,0,.175);z-index:20;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.editor-demo-wrapper .editor-overlay-card.visible{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.editor-demo-wrapper .editor-overlay-card .card-header{padding:1rem 1.25rem;margin-bottom:0;background-color:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.08);font-weight:600;color:#070037;border-radius:.5rem .5rem 0 0;display:flex;align-items:center;gap:10px}.editor-demo-wrapper .editor-overlay-card .card-body{padding:1.5rem;color:#232323}.editor-demo-wrapper .editor-overlay-card .card-body h5{margin-top:0;margin-bottom:.75rem;font-weight:600;font-size:1.15rem;color:#070037}.editor-demo-wrapper .editor-overlay-card .card-body p{margin-bottom:0;font-size:.95rem;color:#6c757d;line-height:1.6}.editor-demo-wrapper .reset-timer-btn{position:absolute;bottom:30px;left:50%;transform:translateX(-50%) scale(.8);width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.15);z-index:30;opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s}.editor-demo-wrapper .reset-timer-btn.visible{opacity:1;pointer-events:auto;transform:translateX(-50%) scale(1)}.editor-demo-wrapper .reset-timer-btn:hover{transform:translateX(-50%) scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.2)}.editor-demo-wrapper .reset-timer-btn svg{transform:rotate(-90deg);width:50px;height:50px}.editor-demo-wrapper .reset-timer-btn svg circle{fill:none;stroke-width:3}.editor-demo-wrapper .reset-timer-btn svg circle.bg{stroke:#e9ecef}.editor-demo-wrapper .reset-timer-btn svg circle.progress{stroke:#5d3fd3;stroke-dasharray:113;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.editor-demo-wrapper .reset-timer-btn .icon{position:absolute;color:#5d3fd3;font-size:16px}.editor-demo-wrapper .editor-overlay-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;transition:opacity .4s ease}.editor-demo-wrapper .editor-overlay-ui.ui-hidden{opacity:0;pointer-events:none}.editor-demo-wrapper .editor-overlay-ui.ui-hidden .smart-action-btn{transform:scale(.9)}@media (max-width:991.98px){.editor-demo-wrapper .editor-overlay-ui{position:relative;height:auto;background:#f8f9fa;border-top:1px solid #e9ecef;padding:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;pointer-events:auto;border-radius:0 0 12px 12px}.editor-demo-wrapper .editor-overlay-ui.ui-hidden{display:none}}.editor-demo-wrapper .smart-action-btn{background:linear-gradient(135deg,#927de1 0,#5d3fd3 100%);border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 6px 15px rgba(93,63,211,.35),0 2px 5px rgba(93,63,211,.2);font-size:clamp(.75rem,.9vw,.95rem);padding:clamp(8px,.8vw,12px) clamp(14px,1.2vw,20px);border-radius:50px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;opacity:0;transform:scale(.8) translateY(20px);pointer-events:auto;transition:opacity .4s ease-out,transform .4s cubic-bezier(.34,1.56,.64,1),background .3s,box-shadow .3s,filter .3s}.editor-demo-wrapper .smart-action-btn .icon{display:flex;align-items:center;color:#fff;transition:transform .3s ease}.editor-demo-wrapper .smart-action-btn .icon svg{width:clamp(16px,1.1vw,18px);height:clamp(16px,1.1vw,18px);stroke-width:2px;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .1))}.editor-demo-wrapper .smart-action-btn.visible{opacity:1;transform:scale(1) translateY(0)}@media (min-width:992px){.editor-demo-wrapper .smart-action-btn.visible{animation:float-purple-magic var(--anim-duration,4s) ease-in-out calc(.5s + var(--anim-delay-offset,0s)) infinite;animation-fill-mode:backwards}}.editor-demo-wrapper .smart-action-btn:hover{animation-play-state:paused;filter:brightness(1.1);transform:translateY(-4px) scale(1.05);box-shadow:0 12px 25px rgba(93,63,211,.5),0 4px 10px rgba(93,63,211,.3)}.editor-demo-wrapper .smart-action-btn:hover .icon{transform:scale(1.1) rotate(-5deg)}@media (min-width:992px){.editor-demo-wrapper .smart-action-btn{position:absolute;top:var(--d-top,auto);bottom:var(--d-bottom,auto);left:var(--d-left,auto);right:var(--d-right,auto);white-space:nowrap;z-index:10}}@media (max-width:991.98px){.editor-demo-wrapper .smart-action-btn{flex:1 1 auto;justify-content:center;box-shadow:0 2px 8px rgba(93,63,211,.2);transform:none!important}.editor-demo-wrapper .smart-action-btn .label{display:none}}@media (max-width:991.98px) and (min-width:450px){.editor-demo-wrapper .smart-action-btn{flex:0 1 auto}.editor-demo-wrapper .smart-action-btn .label{display:block}}@keyframes float-purple-magic{0%{transform:translateY(0) scale(1);box-shadow:0 6px 15px rgba(93,63,211,.35)}50%{transform:translateY(-10px) scale(1);box-shadow:0 15px 30px rgba(93,63,211,.45),0 5px 15px rgba(93,63,211,.2)}100%{transform:translateY(0) scale(1);box-shadow:0 6px 15px rgba(93,63,211,.35)}}