.fbms{--fbms-bg:#f5f5f5;--fbms-panel:#fff;--fbms-text:#232323;--fbms-muted:#6e6e6e;--fbms-line:#e6e6e6;color:var(--fbms-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.fbms *{box-sizing:border-box}.fbms__app{max-width:1400px;margin:0 auto;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:16px}.fbms__preview-card,.fbms__controls{background:#fffffffa;border:1px solid #e9e9e9;border-radius:20px;box-shadow:0 8px 30px #00000009}.fbms__preview-card{padding:12px;position:relative;display:flex;justify-content:center;align-items:flex-start;min-width:0}.fbms__canvas{display:block;width:100%;height:auto;border-radius:14px;background:#fff;touch-action:none}.fbms__controls{padding:18px;align-self:start;position:sticky;top:12px}.fbms__title{margin:0 0 5px;font-size:23px;line-height:1.15;letter-spacing:-.45px;font-weight:720;color:#232323}.fbms__sub{margin:0 0 14px;color:#747474;font-size:12px;line-height:1.55}.fbms__section{padding:13px 0;border-top:1px solid #f0f0f0}.fbms__section:first-of-type{border-top:0;padding-top:4px}.fbms__section-title{font-size:12px;font-weight:700;margin:0 0 9px;letter-spacing:.01em;color:#2d2d2d}.fbms__colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.fbms__color-btn{-webkit-appearance:none;appearance:none;border:1px solid #e7e7e7;background:#fff;border-radius:11px;padding:6px 3px;cursor:pointer;transition:.18s ease;min-width:0;box-shadow:0 1px 2px #00000005}.fbms__color-btn:hover{border-color:#c9c9c9;transform:translateY(-1px);box-shadow:0 4px 10px #0000000b}.fbms__color-btn.is-active{border-color:#232323;box-shadow:inset 0 0 0 1px #232323,0 3px 10px #0000000a}.fbms__dot{display:block;width:24px;height:24px;border-radius:50%;margin:0 auto 5px;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px #ffffff38}.fbms__color-name{display:block;font-size:9px;font-weight:600;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fbms__file{display:block;width:100%;min-height:42px;border:1px solid #e5e5e5;border-radius:10px;padding:7px;background:#fff;font-size:11px}.fbms__presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.fbms__preset{min-height:32px;border:1px solid #e7e7e7;background:#fff;border-radius:8px;font-weight:650;font-size:10px;cursor:pointer;padding:3px 5px;transition:.16s ease;color:#232323}.fbms__preset:hover{border-color:#cdcdcd;background:#fbfbfb}.fbms__preset.is-active{background:#242424;color:#fff;border-color:#242424;box-shadow:0 3px 8px #00000014}.fbms__label{display:block;font-size:11px;font-weight:650;margin:10px 0 4px;color:#343434}.fbms__val{float:right;color:var(--fbms-muted);font-weight:400}.fbms__range{width:100%;accent-color:#222;height:16px}.fbms__two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fbms__switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;font-size:11px;font-weight:650;color:#3f3f3f}.fbms__switch{position:relative;width:38px;height:22px;flex:none;margin:0}.fbms__switch input{opacity:0;width:0;height:0;position:absolute}.fbms__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cfcfcf;border-radius:999px;cursor:pointer;transition:.2s}.fbms__slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000002e;transition:.2s}.fbms__switch input:checked+.fbms__slider{background:#222}.fbms__switch input:checked+.fbms__slider:before{transform:translate(16px)}.fbms__btn{width:100%;min-height:39px;border:1px solid #e5e5e5;background:#fff;border-radius:10px;font-weight:650;font-size:11px;cursor:pointer;margin-top:7px;transition:.16s ease;box-shadow:0 1px 2px #00000005;color:#232323}.fbms__btn:hover{border-color:#cfcfcf;background:#fcfcfc;transform:translateY(-1px)}.fbms__btn--primary{background:#222;color:#fff;border-color:#222;box-shadow:0 5px 14px #0000001a}.fbms__btn--primary:hover{background:#111;border-color:#111}.fbms__btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.fbms__help{font-size:10px;color:#767676;line-height:1.5;margin-top:9px;padding:8px 9px;border:1px solid #ededed;border-radius:9px;background:#fafafa}.fbms__status{position:absolute;left:26px;bottom:26px;background:#fffffff0;border:1px solid #e2e2e2;border-radius:999px;padding:8px 12px;font-size:11px;color:#555;pointer-events:none}.fbms__badge{display:inline-block;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:650;letter-spacing:.02em;color:#666;margin-bottom:9px}@media(max-width:920px){.fbms__app{grid-template-columns:1fr}.fbms__controls{position:static}.fbms__colors{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:500px){.fbms__app{padding:10px;gap:10px}.fbms__controls{padding:14px}.fbms__color-name{font-size:9px}.fbms__colors{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/fetch-mockup-studio.css.map */