@property --fx-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.fx-aura,.fx-ring{position:absolute;inset:var(--fx-inset,-4px);z-index:-1;padding:var(--fx-border,2.5px);border-radius:inherit;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.fx-aura{inset:-2px;z-index:2;--fx-border:2px}.fx-halo{position:absolute;inset:-9px;z-index:-1;border-radius:inherit;pointer-events:none;filter:blur(14px);opacity:.24}.fx-contour{background:conic-gradient(from var(--fx-angle),#22d3ee,#7c3aed,#ec4899,#22d3ee);animation:fx-spin 5.8s linear infinite}.fx-relay{background:conic-gradient(from var(--fx-angle),#fb7185,#fbbf24,#34d399,#38bdf8,#a78bfa,#fb7185);animation:fx-spin 7.5s linear infinite}.fx-aperture{background:conic-gradient(from var(--fx-angle),#0369a1,#7dd3fc,#e0f2fe,#38bdf8,#0369a1);animation:fx-spin 8s linear infinite,fx-breathe 3.4s ease-in-out infinite}.fx-duplex{background:conic-gradient(from var(--fx-angle),#ec4899 0 11%,transparent 20% 48%,#22d3ee 50% 61%,transparent 70% 98%,#ec4899);animation:fx-spin 4.2s linear infinite}.fx-marquee{background:conic-gradient(from var(--fx-angle),transparent 0 55%,#38bdf8 76%,#fff 88%,#a5f3fc 93%,transparent 100%);animation:fx-spin 1.8s linear infinite}.fx-etched{background:conic-gradient(from var(--fx-angle),#7c2d12,#ea580c,#fbbf24,#fff7cc,#ea580c,#7c2d12);animation:fx-spin 6.8s linear infinite,fx-breathe 3.4s ease-in-out infinite}.fx-satin{background:conic-gradient(from var(--fx-angle),#64748b,#f8fafc,#bae6fd,#fff,#64748b);animation:fx-spin 4.8s linear infinite}.fx-gilt{background:conic-gradient(from var(--fx-angle),#6b4612,#d8aa45,#fff1b8,#b7791f,#fff8dc,#6b4612);animation:fx-spin 5.5s linear infinite}@keyframes fx-spin{to{--fx-angle:360deg}}@keyframes fx-breathe{0%,to{opacity:.5}50%{opacity:1}}.profile-scene-art{position:absolute;inset:0;width:100%;height:100%;max-height:900px;z-index:0;overflow:hidden;pointer-events:none;fill:none;stroke:#64748b;stroke-width:1;opacity:.32;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}.profile-scene-art circle,.profile-scene-art path,.profile-scene-art rect{vector-effect:non-scaling-stroke}.scene-drawing{stroke:#38bdf8;stroke-dasharray:28 72;animation:scene-draw 18s linear infinite}.scene-drawing:nth-child(3n+2){stroke:#a78bfa}.scene-drawing:nth-child(3n){stroke:#f472b6}.scene-current{stroke:#f59e0b;stroke-linecap:round;stroke-width:2;stroke-dasharray:30 70;animation:scene-draw 5s ease-in-out infinite,scene-glimmer 3s ease-in-out infinite}.scene-candle{animation:scene-candle 9s ease-in-out infinite}.scene-candle:nth-child(odd){color:#16a34a;stroke:currentColor}.scene-candle:nth-child(2n){color:#dc2626;stroke:currentColor}.scene-candle__body{fill:currentColor}.scene-prism{stroke:#8b5cf6;filter:drop-shadow(0 0 3px rgb(139 92 246/.28));transform-box:fill-box;transform-origin:center;animation:scene-turn 45s linear infinite}.scene-orbit{stroke:#0ea5e9;animation:scene-turn 30s linear infinite}.scene-orbit__guide{opacity:.22}.scene-orbit__point{fill:currentColor;stroke:none}.scene-contour{stroke:#d97706;stroke-dasharray:55 45;animation:scene-draw 24s linear infinite}.ps-paper-current{opacity:.38}.ps-market-rhythm{opacity:.32}.ps-contour-map,.ps-orbital-map,.ps-prism-field{opacity:.3}@keyframes scene-draw{to{stroke-dashoffset:-100}}@keyframes scene-candle{0%,to{transform:translateY(-7px);opacity:.55}50%{transform:translateY(7px);opacity:1}}@keyframes scene-turn{to{transform:rotate(1turn)}}@keyframes scene-glimmer{0%,to{opacity:.25}50%{opacity:.9}}[data-animation-paused=true]>.fx-aura,[data-animation-paused=true]>.fx-halo,[data-animation-paused=true]>.fx-ring,[data-animation-paused=true]>.profile-scene-art *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.fx-aura,.fx-halo,.fx-ring,.profile-scene-art *{animation:none!important}}.motion-studio{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px}.motion-preview-panel{position:sticky;top:100px;align-self:start;min-width:0}.motion-profile-preview{padding:16px 0 24px;margin-top:12px}.motion-preview-cover{border:1px solid var(--border);border-radius:3px}.motion-banner-image{position:relative;aspect-ratio:3/1;width:100%;overflow:hidden;background:#eaecea;border-radius:2px}.motion-preview-person{position:relative;z-index:2;display:flex;align-items:flex-start;gap:16px;margin-top:-24px}.motion-preview-person>div{min-width:0;padding-top:32px;overflow-wrap:anywhere}.motion-preview-person strong{display:block;font-size:15px;font-weight:500}.motion-preview-person span{font-size:11px;color:var(--fg-muted)}.motion-preview-avatar{box-shadow:0 0 0 4px var(--bg-elevated)}.motion-library-heading p,.motion-preview-note,.motion-save-status{color:var(--fg-muted);font-size:12px;line-height:1.7}.motion-library{min-width:0}.motion-surface-nav{display:flex;gap:24px;border-bottom:1px solid var(--border)}.motion-surface-nav button{min-height:48px;padding:8px 0;font-size:13px;color:var(--fg-muted);border-bottom:2px solid transparent}.motion-surface-nav button[aria-pressed=true]{color:var(--fg);border-color:var(--fg)}.motion-library-heading{padding:28px 0 12px}.motion-library-heading h2{font-size:18px;font-weight:500;margin-bottom:8px}.motion-library-heading p{max-width:48ch}.motion-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:28px;column-gap:28px}.motion-choice{min-width:0;display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:center;padding:22px 0;min-height:116px;border-bottom:1px solid var(--border);text-align:left}.motion-choice[aria-checked=true]{border-bottom-color:var(--fg)}.motion-choice:disabled{cursor:default}.motion-choice:focus-visible,.motion-surface-nav button:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.motion-choice-sample{display:flex;align-items:center;justify-content:center;min-height:70px}.motion-choice-copy{min-width:0}.motion-choice-copy strong{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:500}.motion-choice-copy>span{display:block;margin-top:6px;font-size:11px;color:var(--fg-muted);line-height:1.6}.motion-choice-copy small{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:10px;color:var(--fg-muted)}.motion-sample-banner{width:88px}.motion-sample-scene{width:88px;height:70px;background:#f4f5f3;overflow:hidden;border:1px solid var(--border)}.motion-sample-scene .profile-scene-art{opacity:.55}.motion-sample-content{display:grid;place-items:center;width:88px;height:70px;font-size:18px;color:#7c8280}.motion-save-status{min-height:60px;padding-top:20px}.motion-save-status [role=alert]{color:var(--loss)}@media (max-width:1199px){.motion-studio{grid-template-columns:220px minmax(0,1fr);gap:32px}.motion-choice-list{grid-template-columns:1fr}}@media (max-width:767px){.motion-studio{grid-template-columns:1fr;gap:24px}.motion-preview-panel{position:static}.motion-profile-preview{max-width:430px}.motion-preview-note{max-width:40ch}.motion-surface-nav{justify-content:space-between;gap:12px}.motion-choice{grid-template-columns:96px minmax(0,1fr);min-height:112px}}.profile-motion-art{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);overflow:visible;z-index:2;pointer-events:none;fill:none;stroke:#8b8174;stroke-width:1.3px;opacity:.72;border-radius:inherit}.profile-motion-art path{vector-effect:non-scaling-stroke}.profile-motion-guide{opacity:.16}.profile-motion-stroke{stroke-dasharray:18 82;animation:pm-trace 22s linear infinite}.pm-portrait-reveal .profile-motion-stroke{stroke-dasharray:36 64;animation:pm-reveal 18s ease-in-out infinite}.pm-portrait-tide .profile-motion-stroke{stroke-dasharray:12 38;animation:pm-trace 26s linear infinite reverse}.pm-portrait-linen{stroke:#b1a38e}.pm-portrait-linen .profile-motion-stroke{stroke-dasharray:1 7;animation-duration:36s}.pm-portrait-compass .profile-motion-stroke{stroke-dasharray:3 22;animation-duration:48s}.pm-portrait-ellipse .profile-motion-stroke{stroke-dasharray:65 35;animation:pm-soften 16s ease-in-out infinite}.pm-portrait-crescent{stroke:#a58b6c}.pm-portrait-crescent .profile-motion-stroke{stroke-dasharray:22 78;animation-duration:32s}.pm-portrait-folio .profile-motion-stroke{stroke-dasharray:8 2 8 82;animation:pm-reveal 24s ease-in-out infinite}.pm-portrait-pendulum .profile-motion-stroke{stroke-dasharray:28 72;animation:pm-pendulum 20s ease-in-out infinite}.pm-portrait-seal .profile-motion-stroke{stroke-dasharray:none;animation:pm-soften 24s ease-in-out infinite}.pm-portrait-hour .profile-motion-stroke{stroke-dasharray:2 98;stroke-width:2px;animation-duration:60s}.pm-banner-horizon .profile-motion-stroke{stroke-dasharray:72 28;animation-duration:34s}.pm-banner-columns .profile-motion-stroke{stroke-dasharray:15 35;animation:pm-reveal 28s ease-in-out infinite}.pm-banner-fold .profile-motion-stroke{stroke-dasharray:none;animation:pm-settle 22s ease-in-out infinite}.pm-banner-margin .profile-motion-stroke{stroke-dasharray:40 60;animation:pm-reveal 30s ease-in-out infinite}.pm-banner-rail .profile-motion-stroke{stroke-dasharray:8 12;animation-duration:40s}.pm-banner-vellum{stroke:#b5aa97}.pm-banner-vellum .profile-motion-stroke{stroke-dasharray:none;animation:pm-soften 26s ease-in-out infinite}.pm-banner-window .profile-motion-stroke{stroke-dasharray:18 7;animation:pm-reveal 24s ease-in-out infinite}.pm-banner-weave .profile-motion-stroke{stroke-dasharray:1 5;animation-duration:42s}.pm-banner-tangent .profile-motion-stroke{stroke-dasharray:25 25;animation:pm-pendulum 32s ease-in-out infinite}.pm-banner-counterpoint .profile-motion-stroke{stroke-dasharray:none;animation:pm-soften 18s ease-in-out infinite}.pm-frame-graphite{stroke:#767b7e}.pm-frame-graphite .profile-motion-stroke{stroke-dasharray:22 78;animation-duration:38s}.pm-frame-ivory{stroke:#b7aa93}.pm-frame-ivory .profile-motion-stroke{stroke-dasharray:35 15;animation:pm-reveal 32s ease-in-out infinite}.pm-frame-brackets .profile-motion-stroke{stroke-dasharray:10 15;animation:pm-soften 22s ease-in-out infinite}.pm-frame-ledger .profile-motion-stroke{stroke-dasharray:1 2 1 21;animation-duration:44s}.pm-frame-ribbon .profile-motion-stroke{stroke-dasharray:30 70;stroke-width:2px;animation-duration:28s}.pm-frame-miter .profile-motion-stroke{stroke-dasharray:9 16;animation:pm-reveal 36s ease-in-out infinite}.pm-frame-pewter{stroke:#8f9698}.pm-frame-pewter .profile-motion-guide{stroke-width:3px}.pm-frame-pewter .profile-motion-stroke{stroke-dasharray:50 50;animation:pm-settle 30s ease-in-out infinite}.pm-frame-chapter .profile-motion-stroke{stroke-dasharray:40 10;animation:pm-pendulum 38s ease-in-out infinite}.pm-frame-register .profile-motion-stroke{stroke-dasharray:none;animation:pm-settle 28s ease-in-out infinite}.pm-frame-keystone .profile-motion-stroke{stroke-dasharray:15 10;animation:pm-reveal 40s ease-in-out infinite}@keyframes pm-trace{to{stroke-dashoffset:-100}}@keyframes pm-reveal{0%,to{stroke-dashoffset:0;opacity:.55}50%{stroke-dashoffset:28;opacity:.9}}@keyframes pm-soften{0%,to{opacity:.4}50%{opacity:.85}}@keyframes pm-pendulum{0%,to{stroke-dashoffset:0}50%{stroke-dashoffset:12}}@keyframes pm-settle{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(.5px);opacity:.85}}[data-animation-paused=true]>.profile-motion-art *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.profile-motion-art *{animation:none!important}}.profile-motion-art.pm-study{inset:0;width:100%;height:100%;overflow:hidden;opacity:.85}.pm-study .pm-study-layer{animation-duration:var(--study-duration,28s);animation-delay:var(--study-delay,0s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;transform-box:view-box;opacity:var(--study-opacity,.7);stroke-linecap:round}.pm-study .pm-study-trace{animation-name:study-trace;animation-timing-function:linear}.pm-study .pm-study-draw{animation-name:study-draw}.pm-study .pm-study-breathe{animation-name:study-breathe}.pm-study .pm-study-rise{animation-name:study-rise}.pm-study .pm-study-slide{animation-name:study-slide}.pm-study .pm-study-orbit{animation-name:study-orbit;animation-timing-function:linear}.pm-study .pm-study-swing{animation-name:study-swing}.pm-study .pm-study-hinge-x{animation-name:study-hinge-x}.pm-study .pm-study-hinge-y{animation-name:study-hinge-y}.pm-study .pm-study-scale{animation-name:study-scale}.pm-study .pm-study-shuttle{animation-name:study-shuttle}.pm-study .pm-study-corner{animation-name:study-corner}.pm-study .pm-study-crossfade{animation-name:study-crossfade}.pm-study .pm-study-step{animation-name:study-step}.pm-study .pm-study-sweep{animation-name:study-sweep}.pm-study .pm-study-settle{animation-name:study-settle}@keyframes study-trace{to{stroke-dashoffset:-100}}@keyframes study-draw{0%,to{stroke-dashoffset:0;opacity:calc(var(--study-opacity)*.55)}45%,55%{stroke-dashoffset:23;opacity:var(--study-opacity)}}@keyframes study-breathe{0%,to{opacity:calc(var(--study-opacity)*.4)}50%{opacity:var(--study-opacity)}}@keyframes study-rise{0%,to{transform:translateY(.7px)}50%{transform:translateY(-.7px)}}@keyframes study-slide{0%,to{transform:translateX(-.7px)}50%{transform:translateX(.7px)}}@keyframes study-orbit{to{transform:rotate(1turn)}}@keyframes study-swing{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes study-hinge-x{0%,to{transform:scaleX(.975)}50%{transform:scaleX(1)}}@keyframes study-hinge-y{0%,to{transform:scaleY(.975)}50%{transform:scaleY(1)}}@keyframes study-scale{0%,to{transform:scale(.98)}50%{transform:scale(1)}}@keyframes study-shuttle{0%,20%,to{transform:translateX(-.8px);opacity:calc(var(--study-opacity)*.55)}45%,65%{transform:translateX(.8px);opacity:var(--study-opacity)}}@keyframes study-corner{0%,to{transform:translate(-.5px,.5px)}50%{transform:translate(.5px,-.5px)}}@keyframes study-crossfade{0%,20%,to{opacity:calc(var(--study-opacity)*.25)}45%,65%{opacity:var(--study-opacity)}}@keyframes study-step{0%,15%,to{stroke-dashoffset:0}35%,45%{stroke-dashoffset:8}65%,75%{stroke-dashoffset:16}}@keyframes study-sweep{0%,to{transform:scaleX(.96);opacity:calc(var(--study-opacity)*.5)}50%{transform:scaleX(1);opacity:var(--study-opacity)}}@keyframes study-settle{0%,to{transform:translateY(.5px);opacity:calc(var(--study-opacity)*.4)}50%{transform:translateY(0);opacity:var(--study-opacity)}}.motion-choice:not(:hover):not(:focus-visible):not([aria-checked=true]) *{animation-play-state:paused!important}.motion-library-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;margin:20px 0}.motion-library-search label{grid-column:1/-1;font-size:12px;color:var(--fg-muted)}.motion-library-search input{min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm,4px);background:var(--surface,#fff);color:var(--fg);font:inherit;font-size:13px}.motion-library-search input:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.motion-library-search>span{align-self:center;color:var(--fg-muted);font-size:12px}.motion-search-empty{margin:16px 0;color:var(--fg-muted);font-size:13px}.certificate-editor{min-width:0}.certificate-editor-body{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:40px;align-items:start}.certificate-controls{grid-column:2;grid-row:1;border-left:1px solid var(--border);padding-left:28px;min-width:0}.certificate-preview-area{grid-column:1;grid-row:1;min-width:0;background:#f0f1ec;padding:32px}.studio-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:0 0 28px;margin-bottom:32px;border-bottom:1px solid var(--border)}.studio-toolbar-title{width:100%;display:flex;align-items:baseline;gap:24px}.studio-toolbar-title h2{font-size:22px}.studio-save-label{font-size:10px;color:var(--fg-muted)}.studio-toolbar>label{font-size:11px;flex:1}.studio-toolbar>label select{max-width:250px}.studio-mode-switch{display:flex}.studio-mode-switch button{min-height:44px;border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;color:var(--fg-muted)}.studio-mode-switch button[aria-pressed=true]{border-color:var(--fg);color:var(--fg)}.studio-history{display:flex;gap:8px}.studio-history button,.studio-reset-standard{min-height:44px;padding:10px 12px;font-size:11px;color:var(--fg-muted)}.studio-history button:disabled,.studio-reset-standard:disabled{opacity:.4}.studio-inspector{min-width:0;width:100%;border:0;padding:0}.studio-inspector>legend{font-size:10px;color:var(--fg-muted);padding:0;margin-bottom:12px}.studio-inspector-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:24px}.studio-inspector-tabs button{flex:1;min-height:44px;font-size:11px;border-bottom:2px solid transparent;color:var(--fg-muted)}.studio-inspector-tabs button[aria-selected=true]{border-color:var(--fg);color:var(--fg)}.studio-layout-panel{display:none}.studio-inspector[data-editor-tab=layout] .studio-layout-panel{display:block}.studio-inspector[data-editor-tab=branding] :is(.studio-design-options,.studio-visibility-options),.studio-inspector[data-editor-tab=layout] :is(.studio-design-options,.studio-visibility-options){display:none}.studio-inspector[data-editor-tab=layout]>details{display:none}.studio-design-options{display:flex;flex-direction:column}.studio-design-options>label{flex-direction:column;align-items:stretch;gap:8px;padding:0 0 20px}.studio-design-options>label>select{max-width:none}.studio-visibility-options{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:8px}.studio-visibility-options>label{min-height:44px}.studio-inspector>details summary{min-height:48px;padding:16px 0;font-size:12px;font-weight:500}.studio-inspector details>.grid{grid-template-columns:1fr}.studio-inspector details label{flex-direction:column;align-items:stretch;padding:12px 0;gap:8px;min-width:0}.studio-inspector details :is(input:not([type=checkbox]),select){width:100%;max-width:100%;min-width:0;min-height:44px;font-size:12px}.studio-inspector input[type=color]{padding:4px;max-width:80px}.studio-inspector input[type=checkbox]{accent-color:var(--fg)}.studio-style-selector{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.studio-style-selector>span{display:block;font-size:10px;color:var(--fg-muted);margin-bottom:16px}.studio-style-selector>div{display:flex;flex-direction:column;align-items:stretch;gap:4px}.studio-style-option{min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:3px}.studio-section-heading,.studio-style-option{display:flex;align-items:center;gap:12px;font-size:12px}.studio-section-heading{justify-content:space-between;margin:20px 0}.studio-section-heading>span{display:flex;gap:8px}.studio-help{font-size:11px;line-height:1.8;color:var(--fg-muted);margin-bottom:20px}.studio-layer-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border)}.studio-layer-list button{display:flex;justify-content:space-between;gap:12px;min-height:44px;padding:12px 8px;font-size:11px;text-align:left;border-bottom:1px solid var(--border)}.studio-layer-list button[aria-pressed=true]{background:var(--bg-subtle)}.studio-position-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.studio-position-grid label{display:flex;flex-wrap:wrap;gap:8px;font-size:10px}.studio-position-grid label span{flex:1}.studio-position-grid input{width:100%;min-width:0;min-height:44px;order:2;accent-color:var(--fg)}.studio-position-grid output{font-variant-numeric:tabular-nums}.studio-layer-color{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:20px 0}.studio-layer-color input{width:60px;height:44px}.studio-layer-actions{display:flex;flex-wrap:wrap;gap:8px}.studio-layer-actions button{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--border);padding:10px;font-size:11px;border-radius:3px}.studio-preview-frame{margin-inline:auto;background:#fff;border:1px solid var(--border);border-radius:2px;box-shadow:0 4px 16px rgb(0 0 0/.04)}.certificate-format{min-width:0;display:flex;flex-direction:column;align-items:center;gap:24px}.certificate-format>div.text-center{text-align:left;width:100%}.certificate-format>p{font-size:11px;line-height:1.8;color:var(--fg-muted)}.certificate-collection .certificate-editor-body{display:block}.certificate-collection .certificate-preview-area{display:grid;grid-template-columns:1fr 1fr;gap:64px 48px;background:transparent;padding:0}.certificate-collection .certificate-format--landscape{grid-column:1/-1;padding:36px;background:#f0f1ec}.certificate-collection .certificate-preview-area>p{grid-column:1/-1;text-align:left;max-width:680px}.certificate-empty{padding:56px 0;border-block:1px solid var(--border)}.certificate-empty>p:first-child{font-size:28px}.certificate-empty>p:last-child{font-size:13px;line-height:1.8;color:var(--fg-muted);margin:20px 0 0;max-width:440px}.studio-canvas-overlay{position:absolute;inset:0;overflow:hidden}.studio-layer-box{position:absolute;touch-action:none;cursor:grab;outline:1px solid transparent}.studio-layer-box.selected,.studio-layer-box:focus-visible{outline:1px solid var(--fg);background:rgb(32 32 30/.03);z-index:2}.studio-layer-box:active{cursor:grabbing}.studio-layer-box>span,.studio-layer-move>span{display:none;position:absolute;top:-18px;left:0;background:var(--fg);color:#fff;font-size:9px;padding:2px 5px;white-space:nowrap}.studio-layer-box.selected .studio-layer-move>span,.studio-layer-box.selected>span,.studio-layer-box:hover .studio-layer-move>span,.studio-layer-box:hover>span{display:block}.studio-layer-move{width:100%;height:100%;background:transparent;touch-action:none;cursor:grab;text-align:left}.studio-layer-box:has(.studio-layer-move:focus-visible){outline:1px solid var(--fg)}@media (max-width:1199px){.certificate-editor-body{display:flex;flex-direction:column;gap:32px}.certificate-preview-area{order:0;width:100%;padding:24px}.certificate-controls{order:1;width:100%;border-left:0;border-top:1px solid var(--border);padding:28px 0 0}.studio-design-options{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.studio-style-selector>div{flex-direction:row;flex-wrap:wrap}.studio-inspector details>.grid{grid-template-columns:1fr 1fr;gap:0 24px}}@media (max-width:767px){.studio-toolbar{gap:12px}.studio-toolbar-title{flex-direction:column;align-items:start;gap:8px}.studio-toolbar>label{flex-basis:100%}.studio-toolbar>label select{max-width:none}.studio-mode-switch{width:100%}.studio-mode-switch button{flex:1}.certificate-preview-area{padding:16px}.certificate-collection .certificate-preview-area{grid-template-columns:1fr;gap:48px}.certificate-collection .certificate-format--landscape{padding:16px}.studio-design-options,.studio-inspector details>.grid{grid-template-columns:1fr}.studio-inspector :is(input:not([type=checkbox]),select){font-size:16px}.certificate-format .studio-preview-frame{max-width:100%}.certificate-editor .certificate-format:has(canvas[aria-label*=story]) .studio-preview-frame{max-width:240px}}@media (min-width:1200px){.certificate-editor-body{grid-template-columns:minmax(0,1fr) clamp(300px,27%,390px);gap:clamp(24px,3vw,48px)}.certificate-controls{padding-left:clamp(20px,2vw,32px)}.certificate-preview-area{display:flex;flex-direction:column;align-items:center;justify-content:center}.certificate-preview-area>*{max-width:100%}.certificate-collection .certificate-preview-area{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:clamp(24px,3vw,48px);column-gap:clamp(24px,3vw,48px);align-items:start}.certificate-collection .certificate-format--landscape{padding:32px}}@media (min-width:768px){.certificate-collection .certificate-format{justify-self:center;width:100%;max-width:760px}.certificate-collection .certificate-preview-area>p{justify-self:center;text-align:center}}@media (max-width:767px){.certificate-editor-body{gap:24px}.certificate-preview-area{display:flex;flex-direction:column;align-items:center;min-width:0}.certificate-collection .certificate-preview-area{display:grid;justify-items:center;gap:32px}.certificate-collection .certificate-format{width:100%;min-width:0;max-width:520px}.certificate-controls{padding-top:20px}.certificate-empty{padding:36px 0;text-align:center}.certificate-empty>p:last-child{margin-inline:auto}}