.product-editor{background:#f7f4f0;border:1px solid #d8d1ca;border-radius:18px;padding:24px;margin-top:24px}.editor-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:28px;align-items:start}.editor-stage{background:#e9e4de;border:1px solid #d2cbc4;border-radius:16px;padding:18px;display:flex;justify-content:center;align-items:center;min-height:520px;overflow:hidden}.editor-frame{background:linear-gradient(145deg,#f2f2f0,#aaa8a5 45%,#eceae7 65%,#8e8c89);padding:7px;border-radius:7px;box-shadow:0 20px 35px rgba(37,27,20,.2);max-width:100%;transition:width .2s ease}.editor-frame.round-frame{border-radius:50%}.editor-frame canvas{display:block;max-width:100%;height:auto;background:#ddd;touch-action:none;cursor:grab}.editor-frame.round-frame canvas{border-radius:50%}.editor-controls{display:grid;gap:18px}.editor-group{display:grid;gap:8px}.editor-label{font-size:.76rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#665d56}.editor-choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.editor-choice{border:1px solid #cfc6bd;background:#fff;border-radius:10px;padding:12px;cursor:pointer;text-align:center;font:inherit}.editor-choice strong,.editor-choice span{display:block}.editor-choice span{font-size:.82rem;color:#a65329;font-weight:800}.editor-choice.active{border-color:#9a4f25;box-shadow:0 0 0 2px rgba(154,79,37,.12);background:#fffaf7}.editor-orientation{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor-file{width:100%;padding:11px;border:1px solid #cfc6bd;border-radius:10px;background:#fff;font:inherit}.editor-range{width:100%}.editor-lock{width:100%;border:1px solid #9a4f25;border-radius:10px;padding:12px;background:#fff;color:#6f3518;font-weight:850;cursor:pointer}.editor-lock.locked{background:#171412;color:#fff;border-color:#171412}.editor-reset{width:100%;border:1px solid #b8afa7;border-radius:10px;padding:11px;background:#f4f1ed;color:#403934;font:inherit;font-weight:800;cursor:pointer}.editor-reset:hover{background:#ebe5df}.editor-help{font-size:.83rem;color:#736b64;margin:0}.editor-message{min-height:24px;font-size:.87rem;font-weight:700}.editor-message.error{color:#9b1c1c}.editor-message.success{color:#166534}.editor-message a{text-decoration:underline}.editor-summary{margin-top:16px;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid #d8d1ca;display:flex;justify-content:space-between;gap:16px;align-items:center}.editor-summary strong{font-size:1.08rem}.editor-summary span{color:#6f6760}.editor-actions{display:flex;gap:10px;flex-wrap:wrap}.editor-actions .btn{cursor:pointer}.editor-actions button.btn{font:inherit}.editor-note{font-size:.78rem;color:#7b736c;margin-top:8px}.safe-note{margin-top:10px;font-size:.76rem;color:#7a716a;text-align:center}.two-side-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.two-side-card{background:#fff;border:1px solid #ded8d0;border-radius:16px;padding:18px;display:grid;gap:12px}.two-side-card h3{margin:0;font-size:1.35rem}.two-side-card .editor-stage{min-height:360px}.two-side-card .editor-frame{margin:0 auto}.two-side-card .editor-choice-row{grid-template-columns:repeat(4,1fr)}.side-message{min-height:22px;color:#6d6863;font-size:.86rem}.side-message.success{color:#166534}.two-side-global{display:grid;gap:18px;margin-top:18px}.two-side-global .editor-choice-row{max-width:720px}.two-side-actions{margin-top:18px}@media(max-width:900px){.editor-grid{grid-template-columns:1fr}.editor-stage{min-height:420px}.editor-choice-row{grid-template-columns:1fr 1fr 1fr}.two-side-layout{grid-template-columns:1fr}.two-side-card .editor-stage{min-height:340px}}@media(max-width:580px){.product-editor{padding:16px}.editor-stage{padding:10px;min-height:360px}.editor-choice-row{grid-template-columns:1fr}.editor-summary{align-items:flex-start;flex-direction:column}.two-side-card{padding:14px}.two-side-card .editor-choice-row{grid-template-columns:1fr 1fr}.two-side-card .editor-stage{min-height:300px}}