/* Uses the same public Bitrix shell and visual tokens as the other F3DP tools. */
#f3dp-framed-plate.plk-page{--fp-bg:#f5f7fa;--fp-panel:#fff;--fp-ink:#142637;--fp-muted:#75818c;--fp-line:#e0e5eb;--fp-soft:#f1f3f6;--fp-stage:#edf1f4;--fp-glow:#f9fafb;--fp-accent:#ff8500;border-radius:0;background:var(--fp-bg);color:var(--fp-ink);font-family:"Figtree",Arial,sans-serif;padding:60px 0 70px;color-scheme:light}
#f3dp-framed-plate.plk-page--public{padding-top:148px}
#f3dp-framed-plate button{cursor:pointer}
#f3dp-framed-plate .fp-main{max-width:1320px;width:calc(100% - 48px);margin:0 auto;padding:0}
#f3dp-framed-plate .fp-heading{display:block;text-align:center;margin:0 auto 38px;max-width:920px}
#f3dp-framed-plate .fp-eyebrow{font-size:11px;color:#aa5900;letter-spacing:.14em;margin-bottom:14px}
#f3dp-framed-plate h1{font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-.035em;line-height:1.16}
#f3dp-framed-plate .fp-subtitle{font-size:17px;line-height:1.65;color:#657582;margin-top:18px}
#f3dp-framed-plate .fp-workspace{grid-template-columns:310px minmax(0,1fr);gap:20px;align-items:stretch}
#f3dp-framed-plate .fp-controls{padding:18px;border-radius:12px}
#f3dp-framed-plate .fp-controls h2{font-size:18px;margin-bottom:14px;letter-spacing:-.02em}
#f3dp-framed-plate .fp-label,#f3dp-framed-plate .fp-setting-name{font-size:12px;font-weight:600;color:var(--fp-ink)}
#f3dp-framed-plate .fp-label{margin-bottom:4px}
#f3dp-framed-plate select,#f3dp-framed-plate input[type=text]{height:38px;font-size:16px;background:#fff;border-color:#d9dfe6;border-radius:7px;padding:7px 9px}
#f3dp-framed-plate select{display:block!important}
#f3dp-framed-plate select+.nice-select{display:none!important}
#f3dp-framed-plate .fp-number-input{font-size:18px!important}
#f3dp-framed-plate .fp-fields{margin-top:10px}
#f3dp-framed-plate .fp-hint{font-size:11px;line-height:1.5;min-height:21px;padding-top:4px}
#f3dp-framed-plate .fp-caption-field{margin-top:8px}
#f3dp-framed-plate .fp-label-row{margin-bottom:4px}
#f3dp-framed-plate #fp-caption-input{font-size:14px}
#f3dp-framed-plate .fp-setting{margin-top:12px}
#f3dp-framed-plate .fp-setting-name{margin-bottom:6px}
#f3dp-framed-plate .fp-frame-options{gap:6px}
#f3dp-framed-plate .fp-frame-choice{font-size:11px;min-height:36px;flex-direction:row;gap:3px;padding:5px 2px}
#f3dp-framed-plate .fp-sample{width:16px;height:13px;border-width:2px;border-bottom-width:4px;flex-shrink:0}
#f3dp-framed-plate .fp-segment{padding:3px}
#f3dp-framed-plate .fp-segment button{font-size:12px;min-height:32px;padding:5px 3px}
#f3dp-framed-plate .plk-mount-options button{font-size:11px;min-height:36px;white-space:normal;line-height:1.3}
#f3dp-framed-plate .fp-check{font-size:12px;min-height:26px}
#f3dp-framed-plate .plk-advanced{border-top:1px solid var(--fp-line);margin-top:12px;padding-top:6px}
#f3dp-framed-plate .plk-advanced summary{font-size:12px;font-weight:600;line-height:1.6;min-height:30px;padding:4px 0;color:var(--fp-ink);cursor:pointer}
#f3dp-framed-plate .plk-advanced summary::marker{color:var(--fp-accent)}
#f3dp-framed-plate .plk-advanced summary span{font-size:11px;font-weight:400;color:var(--fp-muted);margin-left:4px}
#f3dp-framed-plate .plk-advanced .fp-checks{border:0;padding-top:4px;margin-top:3px}
#f3dp-framed-plate .fp-view{margin-top:8px}
#f3dp-framed-plate .fp-preview{position:relative;top:0;border-radius:12px;overflow:hidden}
#f3dp-framed-plate .fp-scene{height:auto;min-height:520px;flex:1 1 auto}
#f3dp-framed-plate .fp-preview-top{z-index:3;pointer-events:none}
#f3dp-framed-plate .fp-scene-bottom{z-index:3;pointer-events:none}
#f3dp-framed-plate .fp-ruler{display:none}
#f3dp-framed-plate #plk-viewport{position:absolute;inset:0 0 90px;z-index:1}
#f3dp-framed-plate #plk-viewport canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
#f3dp-framed-plate #plk-viewport canvas:active{cursor:grabbing}
#f3dp-framed-plate #plk-flat{position:absolute;inset:65px 30px 120px;display:grid;place-items:center}
#f3dp-framed-plate #plk-flat svg{width:100%;max-height:100%;height:auto}
#f3dp-framed-plate .plk-canvas-hint{position:absolute;left:15px;right:15px;bottom:105px;text-align:center;pointer-events:none;font-size:11px;color:var(--fp-muted);z-index:3}
#f3dp-framed-plate[data-build-state=building] #plk-viewport{opacity:.5}
#f3dp-framed-plate .fp-live-caption{max-width:450px}
#f3dp-framed-plate .fp-preview-footer{font-size:11px;padding:17px 20px}
#f3dp-framed-plate .plk-downloads{border-top:1px solid var(--fp-line);padding-top:12px;margin-top:12px}
#f3dp-framed-plate .plk-download-primary{width:100%;border:0;border-radius:7px;min-height:44px;padding:10px 15px;color:#142637;background:#ffd428;font-size:14px;font-weight:700;cursor:pointer}
#f3dp-framed-plate .plk-download-primary:hover{background:#ffe16a}
#f3dp-framed-plate [data-export]:disabled{opacity:.45;cursor:not-allowed}
#f3dp-framed-plate .plk-download-secondary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 10px;margin-top:8px}
#f3dp-framed-plate .plk-download-secondary button{font-size:11px;color:#566c80;border:0;padding:0;background:none;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:24px}
#f3dp-framed-plate #plk-status{margin-top:8px;font-size:11px;line-height:1.5;color:#61776c}
#f3dp-framed-plate #plk-status.plk-status-error{color:#963c29}
#f3dp-framed-plate #plk-warning{font-size:12px;line-height:1.6;background:#fff6da;color:#796015;border-radius:7px;padding:12px;margin-top:12px}
#f3dp-framed-plate .plk-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:35px;padding:30px;border:1px solid var(--fp-line);border-radius:12px;background:#fff}
#f3dp-framed-plate .plk-guide h2,#f3dp-framed-plate .plk-guide h3{font-family:inherit;font-size:17px;line-height:1.4;letter-spacing:-.02em;font-weight:700;margin:0 0 12px;color:var(--fp-ink)}
#f3dp-framed-plate .plk-guide p{font-size:13px;line-height:1.8;color:var(--fp-muted)}
@media(max-width:1100px){#f3dp-framed-plate .fp-workspace{grid-template-columns:280px minmax(0,1fr);gap:18px}#f3dp-framed-plate .fp-controls{padding:16px}#f3dp-framed-plate .fp-scene{min-height:490px}#f3dp-framed-plate .fp-scene-bottom{flex-wrap:wrap}#f3dp-framed-plate #plk-viewport{bottom:115px}#f3dp-framed-plate .plk-canvas-hint{bottom:132px}}
@media(max-width:800px){#f3dp-framed-plate.plk-page{padding:34px 0 40px}#f3dp-framed-plate.plk-page--public{padding-top:128px}#f3dp-framed-plate .fp-main{width:calc(100% - 32px)}#f3dp-framed-plate .fp-workspace{grid-template-columns:minmax(0,1fr)}#f3dp-framed-plate .fp-preview{position:static}#f3dp-framed-plate .fp-heading{margin-bottom:28px}#f3dp-framed-plate .fp-subtitle{font-size:15px}#f3dp-framed-plate .plk-guide{grid-template-columns:1fr;gap:22px;padding:22px}#f3dp-framed-plate .plk-guide>div+div{border-top:1px solid var(--fp-line);padding-top:20px}}
@media(max-width:420px){#f3dp-framed-plate .fp-controls{padding:16px}#f3dp-framed-plate h1{font-size:30px}#f3dp-framed-plate .fp-scene{min-height:400px}#f3dp-framed-plate .fp-preview-top{left:15px;right:15px}#f3dp-framed-plate .fp-live-number{font-size:18px}#f3dp-framed-plate .fp-size-output{font-size:10px}#f3dp-framed-plate .fp-preview-footer{font-size:10px;padding:14px 15px}}
@media(pointer:coarse){#f3dp-framed-plate :is(select,input[type=text],.fp-frame-choice,.fp-segment button,.plk-advanced summary,.fp-check,.plk-download-secondary button){min-height:44px}}