.op-config-caption{font-size:12px;color:var(--muted)}.op-config-intro{max-width:730px;color:var(--muted);font-size:14px;line-height:1.7;margin:-5px 0 26px!important}.op-config-order{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.op-config-order>span{font-size:11px;color:#7b8972;white-space:nowrap}#config-positions{display:flex;gap:7px;flex-wrap:wrap}.op-portal .op-config-position{border:1px solid #d5dfcd;border-radius:4px;padding:9px 18px;background:none;color:#617357;font-size:12px}.op-portal .op-config-position[aria-pressed=true]{background:#34765b;color:#fff;border-color:#34765b}.op-config-card{background:#fff;border:1px solid #dfe5d9;border-radius:8px;overflow:hidden}.op-config-card-head{padding:24px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8ece3;gap:20px}.op-config-card-head h3{font-size:24px;margin:6px 0}.op-config-card-head p{font-size:12px;color:#819176}.op-portal .op-config-quiet{background:none;color:#7f8978;font-size:11px;padding:10px 0}.op-portal .op-config-quiet:disabled{opacity:.35;cursor:default}.op-config-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:35px;padding:30px}.op-config-visual{align-self:start;position:sticky;top:30px;padding:20px 22px;min-width:0;background:linear-gradient(160deg,#fafcf7,#f0f4ec);border-radius:7px}.op-config-stage{position:relative;padding:10px 45px 10px 0;min-width:0;height:365px;display:flex;align-items:center;justify-content:center}#config-window-svg{width:100%;height:100%;min-width:0}#config-window-svg svg{display:block;width:100%;height:100%;overflow:visible}.op-config-height-range{position:absolute;right:0;top:30px;bottom:30px;display:flex;align-items:center;gap:5px}.op-config-height-range input{writing-mode:vertical-lr;direction:rtl;height:100%;width:18px}.op-config-height-range output{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;color:#68805b}.op-config-width-range{padding-right:44px;text-align:center}.op-config-width-range output{display:block;font-size:11px;color:#68805b;margin-top:10px}.op-portal .op-config-width-range input{width:100%;display:block}.op-portal .op-config-visual input[type=range]{accent-color:#34765b;background:transparent;margin:0;padding:0;min-height:0;border:0;box-shadow:none;cursor:ew-resize}.op-portal .op-config-height-range input[type=range]{cursor:ns-resize}.op-config-visual-caption{display:flex;justify-content:space-between;gap:10px;margin:27px 0 15px;padding-top:16px;border-top:1px solid #dbe4d3;font-size:10px;color:#6d7f62}#config-color-name{display:flex;align-items:center;gap:7px}#config-color-name:before{content:'';width:12px;height:12px;border-radius:50%;background:var(--frame-color,#edf1e9);border:1px solid #acbba1}.op-config-note{font-size:10px!important;line-height:1.65;color:#7c8b72;margin-top:12px!important}.op-config-settings{min-width:0}.op-config-panel{padding:18px 20px 20px;margin:0 0 16px;border:0;min-width:0;background:#f4f6f0;border-radius:5px}.op-config-panel legend{float:left;width:100%;padding:0;border:0;font-size:15px;font-weight:600;color:#324d38;margin-bottom:17px;line-height:1.4}.op-config-panel>div{clear:both}.op-config-types{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.op-portal .op-config-types button{border:1px solid transparent;background:none;border-radius:4px;padding:9px 3px 7px;color:#829375;min-width:0}.op-portal .op-config-types button:hover{background:#e6eddf}.op-portal .op-config-types button[aria-pressed=true]{background:#34765b;color:white}.op-config-types svg{display:block;width:42px;height:40px;margin:0 auto 6px;max-width:100%}.op-config-types button span{display:block;font-size:8px;line-height:1.35;overflow-wrap:anywhere}.op-config-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.op-config-fields label{display:block;min-width:0;font-size:11px;font-weight:500;color:#637456}.op-portal .op-config-fields :is(input,select){display:block;width:100%;max-width:none;min-width:0;height:44px;margin:7px 0 0;padding:9px 12px;background:#fff;border:1px solid #d2ddca;border-radius:3px;font:400 14px Portal,Arial,sans-serif;color:#2a4030;box-shadow:none}.op-portal .op-config-fields input[aria-invalid=true]{border-color:#b45d45;background:#fff9f6}.op-portal .op-config-fields select:focus-visible{outline:3px solid #569a7c;outline-offset:3px}.op-config-extras{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px}.op-config-extras label{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:12px;color:#54694a}.op-config-extras input[type=checkbox]{appearance:auto;accent-color:#34765b;width:17px;height:17px;min-width:17px;margin:0;cursor:pointer}.op-config-error{font-size:12px;color:#a34632;line-height:1.7;margin:12px 0!important}.op-config-error:empty{display:none}.op-config-add{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 24px}.op-portal .op-config-add button{background:#fff;border:1px solid #cfdbc4;border-radius:4px;color:#436338;padding:12px 18px;font-size:12px}.op-portal .op-config-add button:hover{background:#eaf0e4}.op-portal .op-config-add button:disabled{opacity:.4;cursor:default}.op-config-add>span{margin-left:auto;color:#85937b;font-size:10px}.op-config-summary{background:#e8efe1;border-radius:7px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.op-config-summary h3{display:flex;align-items:center;gap:18px;font-size:26px;margin:9px 0 10px}.op-config-summary-divider{height:22px;width:1px;background:#c1d0b4}.op-config-summary p{font-size:12px;color:#6d805f;max-width:580px}.op-config-summary .op-button{flex-shrink:0}.op-config-spec{padding:30px 32px;background:#fff;border:1px solid #dce5d4;border-radius:7px;margin-top:24px;scroll-margin-top:25px}.op-config-spec h3{font-size:27px;margin-top:10px}.op-config-spec .op-button{font-size:12px;padding:12px 18px}.op-config-spec-item{padding:22px 0;border-top:1px solid #e0e7d9}.op-config-spec-item h4{font-family:inherit;font-weight:600;font-size:18px;color:#34503a;line-height:1.4;margin:0 0 10px}.op-config-spec-item p{font-size:13px;line-height:1.8;color:#6b7b61}.op-config-spec h3:focus{outline:none}
@media(max-width:1350px){.op-header-actions>.op-button{display:none}.op-nav{gap:20px}.op-header-inner{gap:20px}}
@media(max-width:1100px){.op-config-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:20px;padding:23px}.op-config-visual{padding:17px 14px}.op-config-panel{padding:16px}.op-config-types{gap:4px}.op-config-stage{height:310px;padding-right:32px}.op-config-card-head{padding:22px}.op-config-fields{gap:12px}.op-config-types svg{width:34px}}
@media(max-width:1040px){.op-nav{display:none}.op-menu-toggle{display:block}}
@media(max-width:800px){.op-config-layout{grid-template-columns:minmax(0,1fr);padding:20px;gap:22px}.op-config-visual{position:static;padding:20px 25px}.op-config-stage{height:295px;max-width:400px;margin:0 auto}.op-config-width-range{max-width:400px;margin:0 auto}.op-config-visual-caption{margin:20px 0 10px}.op-config-summary{align-items:flex-start;flex-direction:column;gap:20px}.op-config-caption{display:none}.op-config-types svg{width:42px}.op-config-add>span{margin-left:0;flex-basis:100%}.op-config-spec .op-section-heading{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:480px){.op-config-intro{font-size:13px;margin-bottom:22px!important}.op-config-card-head{padding:20px;gap:10px}.op-config-card-head h3{font-size:21px}.op-portal .op-config-quiet{font-size:10px;max-width:65px;text-align:right}.op-config-layout{padding:15px;gap:17px}.op-config-visual{padding:16px}.op-config-stage{height:270px;padding-right:30px}.op-config-width-range{padding-right:30px}.op-config-panel{padding:17px 14px}.op-config-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.op-config-types svg{height:35px;width:36px}.op-config-types button span{font-size:9px}.op-config-panel legend{font-size:14px}.op-config-fields{gap:14px 10px}.op-portal .op-config-fields :is(input,select){font-size:13px;padding:9px 8px}.op-config-fields label{font-size:10px}.op-config-extras{grid-template-columns:1fr;gap:14px}.op-config-extras label{font-size:12px}.op-config-summary{padding:24px}.op-config-summary h3{font-size:25px}.op-config-summary .op-button{width:100%}.op-config-add{gap:9px}.op-portal .op-config-add button{padding:11px 12px;font-size:10px}.op-config-order{gap:10px}.op-config-order>span{font-size:9px}.op-portal .op-config-position{font-size:10px;padding:8px 12px}.op-config-spec{padding:23px}.op-config-spec h3{font-size:24px}.op-config-spec-item h4{font-size:17px}.op-config-spec-item p{font-size:12px}.op-footer nav{gap:17px}}
@media(prefers-reduced-motion:reduce){.op-config-section *{scroll-behavior:auto!important;transition:none!important}}