.editor-app{display:grid;grid-template-columns:minmax(0,1.45fr) 320px;min-height:650px;background:#fff}.editor-preview-panel{min-width:0;border-right:1px solid var(--line);background:var(--surface-2);display:flex;flex-direction:column}.editor-preview-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);font-size:12px;font-weight:750}.editor-stage{position:relative;min-height:540px;display:grid;place-items:center;overflow:hidden;padding:20px}.editor-stage>img{display:block;max-width:100%;max-height:500px;object-fit:contain;user-select:none}.editor-controls{padding:18px;display:flex;flex-direction:column;gap:17px}.editor-mode{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.editor-mode button,.crop-ratios button{border:0;background:transparent;border-radius:8px;padding:9px 8px;font-weight:750;color:#64748b}.editor-mode button.is-active,.crop-ratios button.is-active{background:#fff;color:var(--accent);box-shadow:0 1px 4px rgba(15,23,42,.08)}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor-field{display:flex;flex-direction:column;gap:6px}.editor-field label,.editor-controls>.control-group>label{font-size:11px;font-weight:750;color:#475569}.editor-field input,.editor-controls select,.editor-controls input[type=color]{width:100%;height:40px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px}.editor-controls input[type=color]{padding:4px}.editor-lock{display:flex;align-items:center;gap:7px;font-size:11px;color:#475569}.crop-ratios{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.crop-ratios button{font-size:10px;padding:8px 3px}.editor-summary{padding:11px 12px;border-radius:10px;background:var(--surface-2);font-size:11px;color:#475569}.editor-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.editor-actions button{width:100%}.crop-box{position:absolute;border:2px solid #4f46e5;background:rgba(79,70,229,.08);box-shadow:0 0 0 9999px rgba(15,23,42,.28);touch-action:none;cursor:move;z-index:4}.crop-handle{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #4f46e5}.crop-handle[data-handle=nw]{left:-8px;top:-8px;cursor:nwse-resize}.crop-handle[data-handle=ne]{right:-8px;top:-8px;cursor:nesw-resize}.crop-handle[data-handle=sw]{left:-8px;bottom:-8px;cursor:nesw-resize}.crop-handle[data-handle=se]{right:-8px;bottom:-8px;cursor:nwse-resize}.editor-home-visual{position:relative}.editor-home-visual:before{content:'↔';width:155px;height:110px;border:5px solid #fff;border-radius:14px;background:linear-gradient(145deg,#dbeafe,#dcfce7);box-shadow:0 12px 28px rgba(15,23,42,.08);display:grid;place-items:center;font-size:38px;font-weight:900;color:#4338ca}.editor-home-visual:after{content:'16:9 · 1920×1080';position:absolute;bottom:34px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:10px;font-weight:750;color:#475569;box-shadow:0 8px 20px rgba(15,23,42,.06)}@media(max-width:960px){.editor-app{grid-template-columns:1fr}.editor-preview-panel{border-right:0;border-bottom:1px solid var(--line)}.editor-stage{min-height:380px}.editor-stage>img{max-height:360px}}@media(max-width:560px){.editor-stage{min-height:300px;padding:12px}.editor-controls{padding:14px}.editor-fields{grid-template-columns:1fr 1fr}.crop-ratios{grid-template-columns:repeat(3,1fr)}}