.moji-app-scope{--moji-primary:#2563eb;--moji-primary-hover:#1d4ed8;--moji-success:#16a34a;--moji-success-hover:#15803d;--moji-danger:#ef4444;--moji-danger-hover:#dc2626;--moji-bg:#f1f5f9;--moji-panel-bg:#ffffff;--moji-border:#cbd5e1;width:100%!important;max-width:1280px!important;margin:20px auto 40px!important;padding:0 15px!important;box-sizing:border-box!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;color:#334155!important;text-align:left!important}.moji-app-scope *,.moji-app-scope *::before,.moji-app-scope *::after{box-sizing:border-box!important}.moji-app-scope .app-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.moji-app-scope .toolbar{background:var(--moji-panel-bg);padding:15px 20px;border-radius:8px;box-shadow:0 1px 3px rgb(0 0 0 / .1);display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:space-between}.moji-app-scope .btn-group{display:flex;gap:10px;align-items:center}.moji-app-scope .btn{background-color:var(--moji-primary);color:white!important;border:none;padding:8px 16px;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color 0.2s;text-decoration:none;line-height:1.4}.moji-app-scope .btn:hover{background-color:var(--moji-primary-hover)}.moji-app-scope .btn:disabled{background-color:#94a3b8;cursor:not-allowed}.moji-app-scope .btn-success{background-color:var(--moji-success)}.moji-app-scope .btn-success:hover{background-color:var(--moji-success-hover)}.moji-app-scope .btn-secondary{background-color:#64748b}.moji-app-scope .btn-secondary:hover{background-color:#475569}.moji-app-scope .btn-danger{background-color:var(--moji-danger)}.moji-app-scope .btn-danger:hover{background-color:var(--moji-danger-hover)}.moji-app-scope .editor-layout{display:flex;gap:20px;align-items:flex-start}.moji-app-scope .editor-wrapper{position:relative;background:#fff;border:1px solid var(--moji-border);box-shadow:0 4px 6px -1px rgb(0 0 0 / .1);display:inline-block;width:100%;max-width:800px}.moji-app-scope .editor-bg-img{display:block;width:100%;height:auto;pointer-events:none}.moji-app-scope .text-box-wrapper{position:absolute;display:inline-flex;flex-direction:column;border:1px dashed #3b82f6;background:rgb(255 255 255 / .85);border-radius:3px;box-shadow:0 2px 4px rgb(0 0 0 / .15);z-index:10}.moji-app-scope .text-box-wrapper.active{border:2px solid #2563eb;z-index:20}.moji-app-scope .text-box-header{display:flex;justify-content:space-between;align-items:center;background:#e0e7ff;padding:1px 4px;font-size:10px;cursor:move;user-select:none;border-bottom:1px solid #c7d2fe}.moji-app-scope .drag-handle{font-weight:700;color:#4338ca}.moji-app-scope .btn-box-delete{background:#ef4444;color:#fff;border:none;border-radius:50%;width:13px;height:13px;font-size:9px;line-height:13px;text-align:center;cursor:pointer;padding:0}.moji-app-scope .text-box-input{outline:none;padding:2px 4px;min-width:80px;min-height:20px;font-size:13px;font-weight:700;color:#000;white-space:nowrap}.moji-app-scope .editor-wrapper.is-locked .text-box-wrapper{border:none!important;background:transparent!important;box-shadow:none!important}.moji-app-scope .editor-wrapper.is-locked .text-box-header{display:none!important}.moji-app-scope .sidebar{width:320px;background:var(--moji-panel-bg);padding:20px;border-radius:8px;box-shadow:0 1px 3px rgb(0 0 0 / .1);display:flex;flex-direction:column;gap:15px}.moji-app-scope .sidebar-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--moji-bg);padding-bottom:8px}.moji-app-scope .sidebar-header h3{margin:0;font-size:1.1rem}.moji-app-scope .storage-monitor{background:#f8fafc;border:1px solid var(--moji-border);padding:10px;border-radius:6px;font-size:.8rem;color:#64748b}.moji-app-scope .history-list{list-style:none;display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding:0;margin:0}.moji-app-scope .history-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8fafc;border:1px solid var(--moji-border);border-radius:4px;font-size:.85rem}@media (max-width:768px){.moji-app-scope .editor-layout{flex-direction:column}.moji-app-scope .sidebar{width:100%}}@media print{@page{size:A4 portrait;margin:0!important}header.site-custom-header,footer.site-custom-footer,.hero,.hamburger-btn,.nav-links-drawer,.moji-app-scope .toolbar,.moji-app-scope .sidebar,.moji-app-scope .text-box-header,.moji-app-scope .placeholder-text{display:none!important}body,html{background:#ffffff!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:visible!important}.moji-app-scope{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}.moji-app-scope .app-container,.moji-app-scope .editor-layout{display:block!important;margin:0!important;padding:0!important;width:100%!important}.moji-app-scope .editor-wrapper{position:relative!important;top:0!important;left:0!important;width:100vw!important;max-width:100vw!important;height:auto!important;border:none!important;box-shadow:none!important;margin:0 auto!important;padding:0!important;page-break-inside:avoid!important}.moji-app-scope .editor-bg-img{width:100%!important;height:auto!important;max-height:100vh!important;object-fit:contain!important;display:block!important}.moji-app-scope .text-box-wrapper{border:none!important;background:transparent!important;box-shadow:none!important;position:absolute!important}.moji-app-scope .text-box-input{border:none!important;outline:none!important;padding:0!important;margin:0!important;color:#000000!important;font-weight:bold!important;font-size:14px!important;background:transparent!important;visibility:visible!important;display:block!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}