.grapes-design-workspace{background:#faf6f4;border:1px solid #b5726a2e;border-radius:14px;width:100%;min-height:520px;position:relative;overflow:hidden}.grapes-design-workspace__busy,.grapes-design-workspace__error{text-align:center;color:#6b4a47;min-height:320px;font-family:var(--font-body), system-ui, sans-serif;justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex}.grapes-design-workspace__error{color:#9a3b2f}.gjs-shell{width:100%;height:100%;min-height:inherit;color:#2a1a18;font-family:var(--font-body), system-ui, sans-serif;background:#faf6f4;flex-direction:column;display:flex;position:relative}.gjs-shell__top{background:#fff;border-bottom:1px solid #b5726a29;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;display:flex}.gjs-shell__devices,.gjs-shell__actions{align-items:center;gap:2px;display:flex}.gjs-shell__top .gjs-pn-panel,.gjs-shell__top .gjs-pn-buttons{background:0 0;align-items:center;gap:2px;display:flex}.gjs-shell__top .gjs-pn-btn{color:#6b4a47;opacity:1;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.gjs-shell__top .gjs-pn-btn.gjs-pn-active,.gjs-shell__top .gjs-pn-btn:hover{color:#b5726a;background:#b5726a1f}.gjs-shell__body{flex:1;grid-template-columns:200px minmax(0,1fr) 260px;height:100%;min-height:0;display:grid}.gjs-shell__blocks-wrap,.gjs-shell__right{background:#fff;border-right:1px solid #b5726a24;flex-direction:column;min-height:0;display:flex}.gjs-shell__right{border-left:1px solid #b5726a24;border-right:0}.gjs-shell__panel-title{letter-spacing:.08em;text-transform:uppercase;color:#b5726a;flex-shrink:0;padding:10px 12px 6px;font-size:11px;font-weight:700}.gjs-shell__panel-title-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding-right:8px;display:flex}.gjs-shell__panel-title-row .gjs-shell__panel-title{padding-right:0}.gjs-shell__blocks,.gjs-shell__styles,.gjs-shell__layers,.gjs-shell__traits{flex:1;min-height:0;padding:0 8px 12px;overflow:auto}.gjs-shell__canvas{background:#f3ece9;min-width:0;height:100%;min-height:0}.gjs-shell__canvas .gjs-cv-canvas{width:100%;height:100%;top:0;left:0}.gjs-shell__right-tabs{background:#fff;border-bottom:1px solid #b5726a24;flex-shrink:0;display:flex}.gjs-shell__tab{color:#6b4a47;cursor:pointer;background:0 0;border:0;flex:1;padding:10px 6px;font-size:12px;font-weight:600}.gjs-shell__tab--active{color:#b5726a;box-shadow:inset 0 -2px #b5726a}.gjs-shell__blocks .gjs-blocks-c{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gjs-shell__blocks .gjs-block{color:#2a1a18;width:auto;min-height:64px;box-shadow:none;box-sizing:border-box;background:#fffbfa;border:1px solid #b5726a29;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:0;padding:8px 6px;display:flex}.gjs-shell__blocks .gjs-block:hover{border-color:#b5726a66;box-shadow:0 4px 12px #2a1a180f}.gjs-shell__blocks .gjs-block__media,.gjs-shell__blocks .gjs-block-media{justify-content:center;align-items:center;max-width:36px;margin:0 auto;line-height:0;display:flex;width:auto!important;height:auto!important}.gjs-shell__blocks .gjs-block svg,.gjs-shell__blocks .gjs-block__media svg,.gjs-shell__blocks .gjs-block-media svg{flex-shrink:0;display:block;width:26px!important;max-width:26px!important;height:26px!important;max-height:26px!important}.gjs-shell__blocks .gjs-block-label{text-align:center;max-width:100%;font-size:11px;line-height:1.25}.gjs-shell__blocks .gjs-block-category .gjs-title,.gjs-shell__blocks .gjs-block-category .gjs-category-title{color:#2a1a18;background:0 0;border:0;padding:10px 4px 6px;font-size:12px;font-weight:700}.gjs-shell__styles .gjs-sm-sector,.gjs-shell__layers .gjs-layer,.gjs-shell__traits .gjs-trt-trait{font-size:12px}.gjs-shell .gjs-one-bg{background-color:#fff}.gjs-shell .gjs-two-color{color:#2a1a18}.gjs-shell .gjs-four-color,.gjs-shell .gjs-four-color-h:hover{color:#b5726a}.gjs-shell .gjs-pn-panel{position:static}.gjs-shell__canvas .gjs-pn-panels{display:none}.gjs-shell .gjs-toolbar,.gjs-shell .gjs-rte-toolbar,.gjs-shell .gjs-badge,.gjs-shell .gjs-resizer-h,.gjs-shell .gjs-highlighter,.gjs-shell .gjs-highlighter-sel{z-index:20}.gjs-shell .gjs-toolbar{background:#2a1a18;border-radius:8px;padding:2px}.gjs-shell .gjs-toolbar .gjs-toolbar-item{color:#fff}.gjs-shell .gjs-rte-toolbar{background:#fff;border:1px solid #b5726a47;border-radius:8px;box-shadow:0 8px 24px #2a1a181f}.gjs-shell .gjs-rte-action{color:#2a1a18}.gjs-shell .gjs-rte-active{color:#b5726a}.gjs-mdl-container{z-index:10050}.gjs-am-assets{max-height:360px}.gjs-shell__catalog-fab{z-index:5;color:#fff;cursor:pointer;background:linear-gradient(135deg,#b5726a,#c4826e);border:none;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:700;position:absolute;bottom:12px;right:12px;box-shadow:0 8px 20px #b5726a59}.gjs-shell__catalog-inline{color:#b5726a;cursor:pointer;min-height:32px;font-size:11px;font-weight:700;font-family:var(--font-body), system-ui, sans-serif;background:#fff;border:1px solid #b5726a47;border-radius:8px;flex-shrink:0;padding:6px 10px}.gjs-shell__catalog-drawer{z-index:6;width:280px;max-height:360px;font-family:var(--font-body), system-ui, sans-serif;background:#fff;border:1px solid #b5726a33;border-radius:14px;padding:12px;position:absolute;bottom:12px;right:12px;overflow:auto;box-shadow:0 12px 40px #2a1a1829}.gjs-shell__catalog-drawer--inline{z-index:30;width:auto;max-height:min(55%,320px);position:absolute;inset:44px 8px auto}.gjs-shell__catalog-item{text-align:left;cursor:pointer;color:#2a1a18;background:#fffbfa;border:1px solid #b5726a1f;border-radius:8px;width:100%;margin-bottom:4px;padding:8px 10px;font-size:12px;display:block}.gjs-shell__catalog-item--svc{background:#fff}.grapes-project-view{width:100%;overflow:hidden}.grapes-project-view__frame{background:0 0;border:0;width:100%;display:block}@media (max-width:960px){.gjs-shell:not(.gjs-shell--compact) .gjs-shell__body{grid-template-columns:180px minmax(0,1fr)}.gjs-shell:not(.gjs-shell--compact) .gjs-shell__right{display:none}}@media (max-width:720px){.gjs-shell:not(.gjs-shell--compact) .gjs-shell__body{grid-template-columns:1fr}.gjs-shell:not(.gjs-shell--compact) .gjs-shell__blocks-wrap{border-bottom:1px solid #b5726a24;border-right:0;max-height:180px}}.gjs-shell.gjs-shell--compact{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.grapes-design-workspace:has(.gjs-shell--compact){min-height:min(560px,70dvh)}.grapes-design-workspace[data-grapes-compact]{--gjs-compact-bar-clearance:calc(56px + env(safe-area-inset-bottom,0px))}body:has([data-grapes-compact]) [data-vendor-ai-fab]{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;width:48px!important;height:48px!important;font-size:12px!important}.gjs-shell.gjs-shell--compact .gjs-shell__top{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:8px;padding:4px 8px;overflow-x:auto}.gjs-shell.gjs-shell--compact .gjs-shell__top .gjs-pn-btn{flex:none;width:40px;height:40px}.gjs-shell.gjs-shell--compact .gjs-shell__body{grid-template-columns:unset;flex-direction:column;flex:1;min-height:0;display:flex}.gjs-shell.gjs-shell--compact .gjs-shell__blocks-wrap,.gjs-shell.gjs-shell--compact .gjs-shell__canvas,.gjs-shell.gjs-shell--compact .gjs-shell__right{border-left:0;border-right:0;flex:auto;min-height:0;display:none;position:relative}.gjs-shell.gjs-shell--compact[data-compact-panel=canvas] .gjs-shell__canvas{flex:auto;min-height:240px;display:block}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks-wrap{border-bottom:0;flex-direction:column;max-height:none;display:flex}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks{padding:0 6px 12px}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__panel-title{padding:8px 8px 4px;font-size:10px}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__catalog-inline{min-height:28px;padding:4px 8px;font-size:10px}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-blocks-c{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block{border-radius:8px;gap:2px;min-height:52px;padding:6px 4px}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block__media,.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block-media{max-width:28px}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block svg,.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block__media svg,.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block-media svg{width:22px!important;max-width:22px!important;height:22px!important;max-height:22px!important}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block-label{white-space:normal;text-overflow:unset;font-size:10px;overflow:visible}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block-category .gjs-title,.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block-category .gjs-category-title{padding:8px 2px 4px;font-size:11px}.gjs-shell.gjs-shell--compact[data-compact-panel=inspect] .gjs-shell__right{flex-direction:column;flex:auto;min-height:0;display:flex}.gjs-shell__compact-bar{z-index:25;padding:8px 10px;padding-bottom:max(8px, env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-top:1px solid #b5726a2e;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #2a1a1814}.gjs-shell__compact-bar-btn{color:#6b4a47;cursor:pointer;touch-action:manipulation;min-height:44px;font-size:12px;font-weight:700;font-family:var(--font-body), system-ui, sans-serif;background:#fff;border:1px solid #b5726a38;border-radius:10px;padding:8px 6px}.gjs-shell__compact-bar-btn--active{color:#fff;background:linear-gradient(135deg,#b5726a,#c4826e);border-color:#0000}.grapes-design-workspace:has(.gjs-shell--compact) .gjs-shell__catalog-fab{display:none}@media (max-width:720px) and (orientation:portrait){.grapes-design-workspace:has(.gjs-shell--compact){min-height:min(68dvh,640px)}.gjs-shell.gjs-shell--compact .gjs-shell__top{gap:4px;padding:2px 6px}.gjs-shell.gjs-shell--compact .gjs-shell__top .gjs-pn-btn{width:34px;height:34px}.gjs-shell.gjs-shell--compact[data-compact-panel=canvas] .gjs-shell__canvas{min-height:min(52dvh,420px)}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-blocks-c{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block{min-height:48px;padding:5px 3px}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block svg,.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block__media svg,.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block-media svg{width:20px!important;max-width:20px!important;height:20px!important;max-height:20px!important}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block-label{font-size:9px}.gjs-shell__compact-bar-btn{min-height:42px;font-size:11px}}@media (max-width:360px) and (orientation:portrait){.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-blocks-c{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation:landscape) and (max-height:560px){.grapes-design-workspace:has(.gjs-shell--compact){min-height:min(88dvh,520px)}.gjs-shell.gjs-shell--compact{padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}.gjs-shell.gjs-shell--compact .gjs-shell__top{padding:2px 6px}.gjs-shell.gjs-shell--compact .gjs-shell__top .gjs-pn-btn{width:36px;height:36px}.gjs-shell__compact-bar{padding:4px 8px;padding-bottom:max(4px, env(safe-area-inset-bottom,0px));gap:4px}.gjs-shell__compact-bar-btn{min-height:40px;padding:4px;font-size:11px}.gjs-shell.gjs-shell--compact[data-compact-panel=canvas] .gjs-shell__canvas{min-height:min(70dvh,360px)}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-blocks-c{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block{min-height:44px;padding:4px 2px}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block svg,.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block__media svg,.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block-media svg{width:18px!important;max-width:18px!important;height:18px!important;max-height:18px!important}.gjs-shell__catalog-drawer--inline{max-height:min(70%,220px)}}@media (min-width:721px) and (max-width:1100px) and (orientation:portrait){.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-blocks-c{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-block{min-height:56px}}@media (min-width:721px) and (min-height:561px){.gjs-shell.gjs-shell--compact[data-compact-panel=blocks] .gjs-shell__blocks .gjs-blocks-c{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}
.od-viewer{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:min(100%,960px);margin:0 auto;display:flex;overflow-x:hidden}.od-viewer--empty{color:#71717a;text-align:center;padding:24px;font-size:13px}.od-viewer-page{scroll-snap-align:start;width:100%}.od-viewer-frame{width:100%;aspect-ratio:var(--od-viewer-aspect,3 / 4);background:#fafafa;border:1px solid #e4e4e7;border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.od-viewer-img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.od-viewer-fallback{background:linear-gradient(#f4f4f5 0%,#e4e4e7 100%);width:100%;height:100%;min-height:120px}.od-viewer-page-label{text-align:center;color:#71717a;letter-spacing:.02em;margin-top:6px;font-size:11px}@media (max-width:720px){.od-viewer{gap:12px;max-width:100%}.od-viewer-frame{border-radius:8px}}@media (max-height:500px) and (orientation:landscape){.od-viewer{scroll-snap-type:y proximity;gap:10px;max-height:min(80dvh,100%);overflow-y:auto}.od-viewer-frame{max-height:min(70dvh,100%)}}