/* The real studio's three-panel composition inside Pennova's editorial frame. */
.ov-live-studio{max-width:1240px;padding:9px;border:1px solid #d6bfa9;border-radius:26px;background:linear-gradient(145deg,#fffdf9d9,#e8d6cd99);box-shadow:0 30px 80px #4c304326,0 1px 0 white inset}
.ov-live-studio .studio-stage{border-radius:17px;border-color:#e5d6c8;box-shadow:none}
.studio-heading{margin:8px 0 13px}.studio-note{margin:9px 0 3px;font-size:10px}
.studio-frame-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#f5eae9;border-bottom:1px solid #e4d5c8}
.studio-frame-brand{font:24px/1.1 Georgia,serif;color:#704d60}.studio-frame-brand small{display:block;font:8px/1.5 system-ui;letter-spacing:.19em;margin-top:3px;color:#9a7d60}
#studio-action{font-size:12px;font-weight:500;color:#886c73;text-align:center}#studio-pause{width:30px;height:30px;flex-shrink:0;font-size:12px}
.studio-editor-toolbar{justify-content:flex-start;gap:12px;padding:10px 15px;min-height:63px;background:#fffdf8}
.studio-editor-toolbar button:not(.demo-primary){border:1px solid transparent;background:transparent;border-radius:9px;min-width:38px;height:39px;color:#9d7a53;font-size:25px;cursor:pointer;padding:6px}
.studio-editor-toolbar button:first-child{background:#f0e3e9;color:#795568}.studio-editor-toolbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.studio-toolbar-divider{height:28px;width:1px;background:#dec9b1}.studio-editor-toolbar .studio-toolbar-photo{font-size:15px!important;background:#f7eef1!important;padding-inline:12px!important}
#studio-tools-toggle{margin-left:auto}#studio-preview{min-height:40px;min-width:75px;font-size:13px;border-radius:9px;background:#fffdf9;color:#704d60;border-color:#cbb5bc;padding:7px 14px}
.studio-workspace{grid-template-columns:minmax(150px,23%) minmax(0,1fr) minmax(170px,23%);min-height:490px;align-items:stretch}
.studio-templates{padding:0;background:#fffdf9;grid-row:auto;border-right:1px solid #e5d6c8}
.studio-tool-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #e5d6c8;background:#fffaf5}
.studio-tool-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:70px;padding:5px 2px;border:0;border-bottom:2px solid transparent;background:transparent;color:#9a7754;cursor:pointer;font-size:10px;min-width:0}
.studio-tool-tabs svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}.studio-tool-tabs button[aria-selected=true]{background:#f4eade;border-bottom-color:#b7956a;color:#946e75}
#studio-templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:430px;padding:12px;align-content:start;overflow:auto}
.studio-template{min-width:0;min-height:220px;padding:7px;gap:10px;border-radius:11px;background:#fffdf9;align-items:flex-start;justify-content:flex-start;flex-direction:column}
.studio-template img{width:100%;height:150px;object-fit:cover;border:0;border-radius:5px}.studio-template span{font-size:11px;font-weight:500;line-height:1.4;color:#977650}
.studio-template[aria-pressed=true]{box-shadow:0 0 0 1px #ac8397;border-color:#ac8397;background:#fcf5f6}
.studio-library-panel{padding:14px}.studio-library-panel button{border:1px solid #decdbd;border-radius:10px;background:#fffaf3;color:#98744e;cursor:pointer;min-height:54px}
.studio-elements{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.studio-elements button{font-size:45px;min-height:90px}.studio-library-panel button span{display:block;font-size:11px;margin:6px}
#studio-photo-library img{width:100%;height:auto;border-radius:7px}#studio-photo-library button{padding:7px;width:100%}#studio-edit-text{width:100%;font:32px Georgia,serif;padding:15px}
.studio-worktop{padding:19px 32px 25px;background:#f4f1eb;align-content:start;overflow:auto;max-height:570px}
.studio-page-label{font-size:10px;color:#b3987b;letter-spacing:.05em;margin:0 0 15px}
.studio-canvas-wrap{width:calc(min(100%,310px) * var(--studio-zoom,1));max-width:none;flex-shrink:0}
.studio-ruler{width:min(100%,310px);height:17px;background-color:#fffaf4;border-color:#c9b49e}
.studio-canvas-wrap:before{content:'';position:absolute;left:-16px;top:0;bottom:0;width:15px;background:repeating-linear-gradient(0deg,#c9b9ac 0 1px,transparent 1px 20px) right/5px 100% no-repeat #fffaf4;border-right:1px solid #c9b49e}
.studio-properties{padding:0 15px 15px;background:#faf6ef;display:block;border-left:1px solid #e5d6c8}
.studio-properties .studio-panel-title{display:block;font-size:14px;padding:16px 0;margin:0;border-bottom:1px solid #e5d6c8}
.studio-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;color:#897469;padding:19px 0;border-bottom:1px solid #e5d6c8}.studio-dimensions b{display:block;font-size:14px;color:#604f49;font-weight:500;margin-top:9px}
.studio-layer-heading{font-size:12px;color:#866473;margin:17px 0}.studio-properties>input{font-size:13px;min-height:37px;background:#fffdf9}.studio-properties>label:not(.studio-toggle){font-size:11px;font-weight:500;color:#927454;margin-top:13px}.studio-toggle{font-size:11px}
.studio-editor-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 18px;border-top:1px solid #e5d6c8;color:#8e7e67;background:#fffdf8;font-size:11px}
.studio-editor-footer label{display:flex;align-items:center;gap:9px}.studio-editor-footer input{width:80px;accent-color:#a1788b}.studio-editor-footer output{min-width:35px}
.library-closed .studio-templates{display:none}.library-closed .studio-workspace{grid-template-columns:minmax(0,1fr) 23%}.tools-closed .studio-properties{display:none}.tools-closed .studio-workspace{grid-template-columns:23% minmax(0,1fr)}.library-closed.tools-closed .studio-workspace{grid-template-columns:1fr}
@media(max-width:760px){
 .ov-live-studio{padding:5px;border-radius:19px}.studio-frame-caption{padding:10px;gap:7px}.studio-frame-brand{font-size:20px}.studio-frame-brand small{font-size:6px}#studio-action{font-size:10px;max-width:130px}
 .studio-editor-toolbar{padding:8px;gap:4px;min-height:54px}.studio-editor-toolbar button:not(.demo-primary){min-width:31px;width:31px;height:35px;font-size:23px;padding:5px}.studio-editor-toolbar svg{width:20px;height:20px}.studio-toolbar-photo span{display:none}.studio-toolbar-divider{margin:0 4px}#studio-preview{font-size:11px;min-width:63px;min-height:35px;padding:5px 9px}
 .studio-workspace{grid-template-columns:90px minmax(0,1fr);min-height:330px}.studio-properties{grid-column:1/-1;border:0;border-top:1px solid #e5d6c8;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}
 .studio-properties .studio-panel-title{grid-column:1/-1;font-size:12px;padding:0 0 9px}.studio-dimensions,.studio-layer-heading{display:none}.studio-properties>label:not(.studio-toggle){margin:0;align-self:center}.studio-properties>input{font-size:16px}.studio-properties .studio-toggle{grid-column:1/-1}
 .studio-tool-tabs{grid-template-columns:repeat(2,1fr)}.studio-tool-tabs button{min-height:48px;font-size:8px;gap:3px}.studio-tool-tabs svg{width:16px;height:16px}
 #studio-templates{grid-template-columns:1fr;gap:9px;padding:7px;max-height:280px}.studio-template{min-height:122px;padding:5px;gap:4px}.studio-template img{width:100%;height:88px}.studio-template span{font-size:9px}
 .studio-worktop{padding:15px 12px 20px 22px;align-content:center;max-height:420px}.studio-page-label{font-size:8px;margin-bottom:10px}.studio-canvas-wrap{width:calc(100% * var(--studio-zoom,1))}.studio-ruler{width:100%}
 .studio-elements{grid-template-columns:1fr;padding:8px;gap:8px}.studio-elements button{font-size:34px;min-height:58px}.studio-library-panel{padding:7px}#studio-edit-text{padding:9px;font-size:25px}
 .studio-editor-footer{padding:8px 10px;font-size:9px}.studio-footer-copy{font-size:9px}.studio-editor-footer label{gap:5px}.studio-editor-footer input{width:55px}
 .library-closed .studio-workspace{grid-template-columns:1fr}.tools-closed .studio-workspace{grid-template-columns:90px minmax(0,1fr)}.library-closed.tools-closed .studio-workspace{grid-template-columns:1fr}
 .is-autoplay .studio-properties{display:none}
}

#studio-move-names.demo-selected{border-color:#a1788b;box-shadow:0 0 0 2px #fff9}#studio-move-names.demo-selected:after{content:'';position:absolute;right:-4px;bottom:-4px;width:7px;height:7px;background:white;border:1px solid #a1788b}

/* The invitation is the opening scene; the studio unfolds only on Try now. */
#overview-card{min-height:100svh}
#overview-card .cinema-try{display:inline-flex;margin-top:22px;padding:13px 31px;border-radius:50px;border:1px solid #ead6bb;background:#fff9ef;color:#68495c;font-size:15px;box-shadow:0 9px 24px #30232b22}
#overview-card.studio-open{grid-template-columns:1fr;gap:0;padding-inline:clamp(12px,4vw,60px)}
#overview-card.studio-open>.ov-copy,#overview-card.studio-open>.ov-visual{display:none}
#overview-card.studio-open>.ov-live-studio{grid-column:1/-1;width:100%;position:relative;z-index:4}
#overview-card .studio-demo{scroll-margin-top:100px}
#overview-card .studio-heading,#overview-card .studio-note{color:#604956}
.studio-template img{object-fit:contain;background:#f8f3ea}
@media(max-width:760px){#overview-card .cinema-try{margin-top:15px}#overview-card.studio-open{padding-top:95px;align-content:start}}