.credit-breakdown{flex-wrap:wrap;gap:24px;margin:20px 0;font-size:14px;display:flex}.credit-breakdown strong{font-variant-numeric:tabular-nums;font-size:24px;display:block}.credit-history{text-align:left;border-collapse:collapse;width:100%;font-size:12px}.credit-history td,.credit-history th{border-bottom:1px solid #ffffff14;padding:10px 6px}.deckly-watermark{z-index:12;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;background:#111318b8;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;bottom:10px;right:12px}section:has(.deckly-watermark) .dk-pie{padding-right:40px}.credit-costs{gap:6px;margin:12px 0 0;padding-left:1.1em;font-size:14px;line-height:1.55;list-style:outside;display:grid}.credit-price{font-weight:inherit;opacity:.78;white-space:nowrap}.credit-costs__note{opacity:.75;margin-top:10px;font-size:13px;line-height:1.55}.credit-topups{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.invite-card__label{color:var(--studio-secondary);margin-top:6px;font-size:12px;font-weight:450;display:block}.invite-card__row{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.invite-card__link{border:1px solid var(--studio-line);min-width:0;font:inherit;font-size:13px;font-family:var(--studio-mono);color:var(--studio-text);background:var(--studio-bg);border-radius:6px;flex:240px;padding:10px 12px}.invite-card__count{color:var(--studio-text);margin:14px 0 0;font-size:14px;font-weight:500}
.feedback-fab{z-index:60;border:1px solid var(--ui-line-strong);background:var(--ui-panel);width:40px;height:40px;color:var(--ui-muted);box-shadow:var(--shadow-lift);border-radius:999px;place-items:center;transition:color .15s,border-color .15s,transform .15s;display:grid;position:fixed;bottom:20px;right:20px}.feedback-fab:hover{color:var(--ui-fg);border-color:color-mix(in oklab, var(--ui-accent) 50%, var(--ui-line-strong));transform:translateY(-1px)}.feedback-fab:disabled{cursor:progress;opacity:.6}.workspace-toasts{bottom:72px}body:has(.hd-agent:not([style*=none])) .feedback-fab{--chat-w:var(--hd-agent-ancho,min(408px, calc(100vw - 32px)));--slide:cubic-bezier(.22, 1, .36, 1);transition:color .15s ease, border-color .15s ease, transform .15s ease, bottom .28s var(--slide), translate .42s var(--slide) .1s, rotate .42s var(--slide) .1s;bottom:92px;right:30px}body:has(.hd-agent[data-abierto]) .feedback-fab{translate:calc(-1 * var(--chat-w) - 2px) 0;transition:color .15s ease, border-color .15s ease, transform .15s ease, translate .36s var(--slide), rotate .36s var(--slide), bottom .34s cubic-bezier(.3, 1.25, .4, 1) .16s;bottom:20px;rotate:-180deg}@media (max-width:520px){body:has(.hd-agent[data-abierto]) .feedback-fab{display:none}}@media (prefers-reduced-motion:reduce){body:has(.hd-agent:not([style*=none])) .feedback-fab{transition:none}body:has(.hd-agent[data-abierto]) .feedback-fab{rotate:none}}@media (max-width:600px){.feedback-fab{right:14px;bottom:calc(96px + env(safe-area-inset-bottom))}.workspace-toasts{bottom:148px}}body:has(.studio-session[data-has-outline=true]) .feedback-fab{right:calc(var(--agent-surface-gutter) + 20px + var(--fab-generate-w,190px) + 12px);bottom:calc(var(--agent-surface-gutter) + 12px)}@media (max-width:800px),(max-height:500px) and (orientation:landscape){body:has(.studio-session[data-has-outline=true]) .feedback-fab{right:calc(var(--agent-surface-gutter) + 12px);bottom:calc(var(--agent-surface-gutter) + 58px + env(safe-area-inset-bottom))}}@media (max-height:500px) and (orientation:landscape){body:has(.studio-session[data-has-outline=true]) .feedback-fab{right:calc(var(--agent-surface-gutter) + 10px);bottom:calc(var(--agent-surface-gutter) + 7px + env(safe-area-inset-bottom))}}@media (max-width:767px){:root:has([data-piece-editor]){--feedback-fab-lift:70px;--feedback-fab-right:12px}:root:has(.html-editor .hd-agent:not([style*=none])){--feedback-fab-lift:142px;--feedback-fab-right:30px}body:has([data-piece-editor],.html-editor .hd-agent:not([style*=none])) .feedback-fab.feedback-fab{right:var(--feedback-fab-right,12px);bottom:calc(var(--feedback-fab-lift) + env(safe-area-inset-bottom,0px));z-index:40;translate:none;rotate:none}}@media (min-width:768px) and (max-width:1023px){body:has(.html-editor) .feedback-fab{z-index:44}}.fb-panel{z-index:90;border:1px solid var(--ui-line-strong);background:var(--ui-panel);width:min(380px,100vw - 24px);max-height:min(78vh,640px);color:var(--ui-fg);border-radius:20px;flex-direction:column;display:flex;position:fixed;bottom:72px;right:20px;overflow:auto;box-shadow:0 30px 60px -28px #0a12228c,0 2px 8px -4px #0a12222e}.fb-head{align-items:center;gap:12px;padding:18px 18px 6px;display:flex}.fb-head h2{letter-spacing:-.01em;flex:1;margin:0;font-size:17px;font-weight:600}.fb-close{width:30px;height:30px;color:var(--ui-muted);border-radius:999px;place-items:center;display:grid}.fb-close:hover{color:var(--ui-fg);background:color-mix(in oklab, var(--ui-fg) 6%, transparent)}.fb-body{flex-direction:column;gap:12px;padding:10px 18px 16px;display:flex}.fb-write textarea{resize:vertical;background:color-mix(in oklab, var(--ui-fg) 5%, transparent);width:100%;color:var(--ui-fg);font:inherit;border:0;border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.5}.fb-write textarea:focus{outline:2px solid color-mix(in oklab, var(--ui-accent) 70%, transparent);outline-offset:0}.fb-write ::placeholder{color:var(--ui-muted);opacity:.85}.fb-link{color:var(--ui-accent);align-self:flex-start;margin-left:6px;padding:2px 0;font-size:12.5px;font-weight:500}.fb-link:hover{text-decoration:underline}.fb-error{color:var(--ui-danger);margin:0;font-size:12.5px}.fb-foot{justify-content:space-between;align-items:center;gap:10px;padding-top:4px;display:flex}.fb-shot{min-width:0;color:var(--ui-muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.fb-send{background:var(--ui-accent);color:#fff;border-radius:999px;margin-left:auto;padding:9px 18px;font-size:13.5px;font-weight:600}.fb-send:disabled{opacity:.45;cursor:not-allowed}.fb-done{gap:8px;padding:8px 18px 18px;display:grid}.fb-done p{color:var(--ui-fg);margin:0;font-size:14px;line-height:1.5}.fb-done .fb-send{justify-self:end;margin-top:4px}@media (max-width:600px){.fb-panel{width:auto;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}}.feedback-kinds{background:var(--ui-bg);border-radius:10px;gap:4px;padding:3px;display:flex}.feedback-kinds button{color:var(--ui-muted);border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:13px;font-weight:600;display:inline-flex}.feedback-kinds button[aria-selected=true]{background:var(--ui-panel);color:var(--ui-fg);box-shadow:0 1px 3px #0000001f}.feedback-pill[data-urgency]:before{content:"";background:var(--dot);border-radius:999px;width:7px;height:7px}[data-urgency=critical]{--dot:#e5484d}[data-urgency=high]{--dot:#f76b15}[data-urgency=medium]{--dot:#d6a300}[data-urgency=low]{--dot:#8a96a8}.feedback-spinner{border:2px solid color-mix(in oklab, var(--ui-muted) 25%, transparent);border-top-color:var(--ui-accent);border-radius:999px;width:22px;height:22px;animation:.8s linear infinite feedback-spin}@keyframes feedback-spin{to{rotate:360deg}}.feedback-check{cursor:pointer;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:inline-flex}.feedback-check input{accent-color:var(--ui-accent)}.backlog-row{border-bottom:1px solid var(--ui-line)}.backlog-row>button{text-align:left;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:12px 16px;display:grid}.backlog-row>button:hover{background:color-mix(in oklab, var(--ui-fg) 3%, transparent)}.backlog-row[data-closed]>button{opacity:.55}.feedback-pill{color:var(--ui-fg);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.backlog-status{border:1px solid var(--ui-line-strong);color:var(--ui-muted);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11.5px;font-weight:600}.backlog-status[data-status=new]{color:var(--ui-selected-ink);border-color:color-mix(in oklab, var(--ui-accent) 40%, transparent)}.backlog-detail{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;padding:4px 16px 18px 126px;display:grid}.backlog-detail h3{letter-spacing:.12em;text-transform:uppercase;color:var(--ui-muted);margin:12px 0 4px;font-size:11px;font-weight:700}.backlog-detail h3:first-child{margin-top:0}.backlog-detail p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:1.55}.backlog-detail select{border:1px solid var(--ui-line-strong);background:var(--ui-control);color:var(--ui-fg);border-radius:8px;padding:6px 8px;font-size:13px}.backlog-shot img{border:1px solid var(--ui-line);border-radius:10px;width:100%}@media (max-width:760px){.backlog-row>button{grid-template-columns:minmax(0,1fr) auto}.backlog-row>button>:first-child{grid-column:1/-1}.backlog-detail{grid-template-columns:1fr;padding-left:16px}}
::view-transition{pointer-events:none}::view-transition-group(*){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}::view-transition-old(root){animation:.24s cubic-bezier(.4,0,1,1) both vt-fade-out}::view-transition-old(.page-exit){animation:.26s cubic-bezier(.4,0,1,1) both vt-recede}::view-transition-new(.page-enter){animation:.46s cubic-bezier(.16,1,.3,1) 90ms both vt-arrive}::view-transition-group(.deck-morph){z-index:50;border-radius:14px;animation-duration:.56s;animation-timing-function:cubic-bezier(.22,1,.36,1);overflow:clip;box-shadow:0 30px 80px -30px #00000073}::view-transition-old(.deck-morph){object-fit:cover;width:100%;height:100%}::view-transition-new(.deck-morph){object-fit:cover;width:100%;height:100%}::view-transition-old(.deck-morph){animation:.56s linear both vt-hold-then-out}::view-transition-new(.deck-morph){animation:.2s ease-out .34s both vt-fade-in}@keyframes vt-fade-in{0%{opacity:0}}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-recede{to{opacity:0;transform:scale(.985)}}@keyframes vt-arrive{0%{opacity:0;transform:translateY(10px)scale(.995)}}@keyframes vt-hold-then-out{0%,62%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}}
.deckly-app .workspace-sidebar{view-transition-name:app-sidebar;view-transition-class:anchor}.deckly-app .product-notices{view-transition-name:app-notices;view-transition-class:anchor}.deckly-app .feedback-fab{view-transition-name:app-feedback;view-transition-class:anchor}::view-transition-group(.anchor){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(.anchor){display:none}::view-transition-new(.anchor){animation:none}::view-transition-old(.anchor):only-child{animation:.24s cubic-bezier(.4,0,1,1) both vt-fade-out;display:block}::view-transition-new(.anchor):only-child{animation:.32s cubic-bezier(.16,1,.3,1) both vt-fade-in}::view-transition-old(app-sidebar.anchor):only-child{animation:.24s cubic-bezier(.4,0,1,1) both shell-sidebar-out}::view-transition-new(app-sidebar.anchor):only-child{animation:.36s cubic-bezier(.16,1,.3,1) both shell-sidebar-in}@keyframes shell-sidebar-out{to{opacity:0;transform:translate(-8px)}}@keyframes shell-sidebar-in{0%{opacity:0;transform:translate(-8px)}}@media (max-width:600px){@keyframes shell-sidebar-out{to{opacity:0;transform:translateY(8px)}}@keyframes shell-sidebar-in{0%{opacity:0;transform:translateY(8px)}}}.deckly-app .workspace-nav{position:relative}.workspace-nav-marker{pointer-events:none;background:var(--glass-selection);box-shadow:inset 0 1px 0 rgb(var(--ui-surface-rgb) / 80%), 0 3px 10px #131f350d;display:none;position:absolute;top:0;left:0}.workspace-nav[data-marker]>.workspace-nav-marker{display:block}.deckly-app .workspace-shell .workspace-nav[data-marker] .workspace-nav-item[aria-current]{box-shadow:none;background:0 0}:root:active-view-transition-type(sidebar-toggle)::view-transition-group(app-sidebar){border-radius:22px;animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1);overflow:clip}:root:active-view-transition-type(sidebar-toggle)::view-transition-old(app-sidebar){object-fit:none;object-position:left top;width:100%;height:100%;display:block;overflow:clip}:root:active-view-transition-type(sidebar-toggle)::view-transition-new(app-sidebar){object-fit:none;object-position:left top;width:100%;height:100%;display:block;overflow:clip}:root:active-view-transition-type(sidebar-toggle)::view-transition-old(app-sidebar){animation:.17s cubic-bezier(.4,0,1,1) both vt-fade-out}:root:active-view-transition-type(sidebar-toggle)::view-transition-new(app-sidebar){animation:.24s cubic-bezier(0,0,.2,1) .15s both vt-fade-in}:root:active-view-transition-type(sidebar-toggle)::view-transition-old(root){display:none}:root:active-view-transition-type(sidebar-toggle)::view-transition-new(root){animation:none}
::view-transition-group(.create-morph){z-index:50;border-radius:20px;animation-duration:.54s;animation-timing-function:cubic-bezier(.22,1,.36,1);overflow:clip;box-shadow:0 30px 80px -30px #0a142866}::view-transition-old(.create-morph){object-fit:cover;width:100%;height:100%}::view-transition-new(.create-morph){object-fit:cover;width:100%;height:100%}::view-transition-old(.create-morph){animation:.3s cubic-bezier(.4,0,1,1) 40ms both vt-fade-out}::view-transition-new(.create-morph){animation:.32s cubic-bezier(0,0,.2,1) .16s both vt-fade-in}::view-transition-group(.create-card-morph){border-radius:15px 15px 0 0}::view-transition-group(.landing-stage-morph){border-radius:0}
.agent-chat-surface{view-transition-name:agent-chat-surface}::view-transition-group(agent-chat-surface){z-index:45;animation:none}::view-transition-new(agent-chat-surface){animation:none}::view-transition-old(agent-chat-surface){display:none}::view-transition-old(agent-chat-surface):only-child{animation:.14s cubic-bezier(.4,0,1,1) both vt-fade-out;display:block}:root:active-view-transition-type(agent-handoff)::view-transition-group(*){animation:none}:root:active-view-transition-type(agent-handoff)::view-transition-new(*){animation:none}:root:active-view-transition-type(agent-handoff)::view-transition-old(*){display:none}
::view-transition-group(.deck-morph.project-morph){border-radius:22px}::view-transition-image-pair(.project-morph){animation:.56s linear both vt-project-surface}::view-transition-old(.deck-morph.project-morph){mix-blend-mode:normal;width:auto;height:auto}::view-transition-new(.deck-morph.project-morph){mix-blend-mode:normal;width:auto;height:auto}::view-transition-old(.deck-morph.project-morph){animation:.2s cubic-bezier(.4,0,1,1) both vt-fade-out}::view-transition-new(.deck-morph.project-morph){animation:.26s cubic-bezier(0,0,.2,1) .18s both vt-fade-in}::view-transition-group(.project-title-morph){z-index:51;animation-duration:.56s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(.project-title-morph){width:auto;height:100%}::view-transition-new(.project-title-morph){width:auto;height:100%}::view-transition-old(.project-title-morph){animation:.56s cubic-bezier(.22,1,.36,1) both vt-fade-out}::view-transition-new(.project-title-morph){animation:.56s cubic-bezier(.22,1,.36,1) both vt-fade-in}::view-transition-group(.deck-morph.theme-morph){box-shadow:none;border-radius:0}::view-transition-old(.deck-morph.theme-morph){object-position:top}::view-transition-new(.deck-morph.theme-morph){object-position:top}::view-transition-old(.deck-morph.theme-morph){animation:.3s cubic-bezier(.4,0,.2,1) 60ms both vt-fade-out}::view-transition-new(.deck-morph.theme-morph){animation:.3s cubic-bezier(.4,0,.2,1) 60ms both vt-fade-in}@media (max-width:1023.98px){[data-theme-morph]{view-transition-name:none!important}}@keyframes vt-project-surface{0%,to{background-color:#0000}25%,75%{background-color:var(--ui-header)}}@media (prefers-reduced-motion:reduce){::view-transition-image-pair(.project-morph){animation:none}}
[data-present-root]::backdrop{background:0 0}::view-transition-group(.brand-glide){z-index:60;animation-duration:.48s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(.brand-glide){object-fit:contain;height:100%}::view-transition-new(.brand-glide){object-fit:contain;height:100%}.shared-link-action{animation:.42s cubic-bezier(.16,1,.3,1) both present-rise}@keyframes present-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.shared-link-action{animation:none}}
