.editor-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;transition:border-color .3s,background .3s}.editor-section:hover{background:#ffffff08;border-color:#a78bfa26}.editor-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;color:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .2s;display:flex}.editor-section-header:hover{background:#ffffff08}.editor-section-chevron{color:#ffffff4d;transition:transform .3s cubic-bezier(.4,0,.2,1)}.editor-section-chevron.open{transform:rotate(180deg)}.editor-section-body{opacity:0;max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}.editor-section-body.open{opacity:1;max-height:2000px}.editor-section-body-inner{padding:0 16px 16px}.ed-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .25s,box-shadow .25s,background .25s}.ed-input:focus{background:#ffffff12;border-color:#a78bfa80;box-shadow:0 0 0 3px #a78bfa14}.ed-input::placeholder{color:#fff3}select.ed-input option{color:#fff;background:#0f172a}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:28px;height:28px;transition:transform .2s,border-color .2s,box-shadow .2s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:#fff;transform:scale(1.1);box-shadow:0 0 12px #a78bfa66}.emoji-btn{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:5px 7px;font-size:18px;line-height:1;transition:transform .15s,background .2s,border-color .2s}.emoji-btn:hover{background:#ffffff14;transform:scale(1.15)}.emoji-btn.active{background:#a78bfa33;border-color:#a78bfa80;transform:scale(1.08)}.font-btn{text-align:left;color:#fff9;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:8px 12px;font-size:13px;transition:all .2s}.font-btn:hover{color:#fffc;background:#ffffff0f}.font-btn.active{color:#a78bfa;background:#a78bfa26;border-color:#a78bfa66}.preview-desktop-frame{background:#1a1a2e;border:1px solid #ffffff14;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0d}.preview-browser-bar{background:#ffffff0a;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:10px 14px;display:flex}.preview-dot{border-radius:50%;width:10px;height:10px}.preview-url-bar{color:#ffffff4d;background:#ffffff0f;border-radius:6px;flex:1;padding:5px 10px;font-family:monospace;font-size:11px}.preview-mobile-frame{background:#1a1a2e;border:4px solid #ffffff1f;border-radius:40px;width:375px;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff0d,inset 0 0 0 1px #ffffff0a}.preview-mobile-notch{z-index:2;background:#1a1a2e;border-radius:0 0 16px 16px;width:120px;height:24px;margin:0 auto;position:relative}.preview-mobile-bar{background:#ffffff26;border-radius:2px;width:100px;height:4px;margin:8px auto 4px}.action-btn-primary{cursor:pointer;color:#a78bfa;background:linear-gradient(135deg,#a78bfa33,#8b5cf626);border:1px solid #a78bfa4d;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.action-btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#a78bfa1a,#0000);transition:opacity .25s;position:absolute;inset:0}.action-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #a78bfa33}.action-btn-primary:hover:before{opacity:1}.action-btn-primary:active{transform:translateY(0)}.action-btn-primary.copied{color:#22c55e;background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e66}.action-btn-secondary{cursor:pointer;color:#ffffff80;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;padding:13px 16px;transition:all .25s;display:flex}.action-btn-secondary:hover{color:#fffc;background:#ffffff12;transform:translateY(-2px)}.device-toggle{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;display:flex;overflow:hidden}.device-toggle button{cursor:pointer;color:#ffffff59;background:0 0;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .25s;display:flex}.device-toggle button.active{color:#a78bfa;background:#a78bfa26}.device-toggle button:hover:not(.active){color:#fff9}.ed-label{text-transform:uppercase;letter-spacing:.8px;color:#ffffff59;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.ed-hint{color:#fff3;margin-top:4px;font-size:11px}.editor-panel::-webkit-scrollbar{width:4px}.editor-panel::-webkit-scrollbar-track{background:0 0}.editor-panel::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.editor-panel::-webkit-scrollbar-thumb:hover{background:#ffffff26}.note-color-btn{cursor:pointer;text-align:center;border:2px solid #0000;border-radius:8px;flex:1;padding:8px;font-size:14px;transition:all .2s}.note-color-btn:hover{transform:scale(1.05)}