@font-face{font-family:Lobster Two;src:url(/fonts/LobsterTwo-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}:root{--paper:#f5f7f8;--surface:#e8eef1;--ink:#172b36;--muted:#576974;--line:#cfdbe1;--accent:#01b6fe;--accent-ink:#006b96;--display:"Lobster Two",Georgia,serif;--bg-card:var(--paper);--border-subtle:var(--line)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}button,input,textarea{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:inherit}h1,h2,h3,p{margin:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;min-height:40px;border:1px solid var(--line);background:transparent;color:var(--ink);text-decoration:none;border-radius:2px;font-size:12px}.button:hover{background:var(--surface)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--ink)}.button.primary:hover{background:#29c2ff}.iconbutton{display:inline-flex;align-items:center;justify-content:center;padding:7px}.iconbutton,.link{border:0;background:transparent;color:inherit}.link{padding:5px;text-decoration:underline;text-underline-offset:3px}.credit-cost{align-items:center;border:1px solid;border-radius:50%;display:inline-flex;flex:0 0 18px;font-family:Georgia,serif;font-style:italic;height:18px;justify-content:center;position:relative;text-transform:lowercase;width:18px}.credit-cost,.credit-cost>span{background:var(--ink);color:var(--paper);font-size:11px}.credit-cost>span{bottom:calc(100% + 9px);font-family:Arial,sans-serif;font-style:normal;left:50%;opacity:0;padding:7px 9px;pointer-events:none;position:absolute;text-transform:none;transform:translateX(-50%);transition:opacity .15s;white-space:nowrap;z-index:20}.credit-cost:focus>span,.credit-cost:hover>span{opacity:1}.credit-cost:focus-visible{outline:3px solid var(--paper);outline-offset:2px}.header{height:54px;justify-content:space-between;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:50;width:100%;background:var(--paper);border-bottom:1px solid var(--line)}.header,.identity{display:flex;align-items:center}.identity{gap:.75rem}.brandtitles{display:flex;flex-direction:column;gap:3px}.brandname{font-family:var(--display);font-size:26px;font-weight:700;font-style:italic;line-height:1}.brandsub{font-size:.58rem;font-weight:700;color:var(--accent-ink);letter-spacing:.14em;line-height:1.2}.brandmark{width:36px;height:36px;flex-shrink:0;justify-content:center;background:var(--accent);border-radius:4px}.brandmark,.status{display:flex;align-items:center;color:var(--ink)}.status{background:var(--surface);border:1px solid var(--line);border-radius:9999px;padding:.35rem 1.1rem;gap:.85rem;min-width:360px;max-width:520px;font-size:12px}.shortcuts{display:flex;align-items:center;gap:.65rem}.header .button{min-height:32px;height:32px;padding:.45rem .95rem;font-size:.82rem;gap:.45rem}.avatar{border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--ink);border:1px solid var(--line)}.hamburger{display:none}.ads-button{background:var(--accent);border:1px solid var(--ink);height:32px;padding:5px;width:38px}.ads-button svg{fill:none;height:22px;stroke:currentColor;stroke-linejoin:round;stroke-width:1.7;width:22px}.ads-button svg path:first-of-type{fill:currentColor;stroke:none}.workspace{display:flex;min-height:calc(100vh - 54px)}.sidebar{width:30%;min-width:380px;flex-shrink:0;border-right:1px solid var(--line);flex-direction:column;height:calc(100vh - 54px);top:54px;overflow:hidden;z-index:40}.sidebar,.sidebar nav{background:var(--paper);display:flex;position:-webkit-sticky;position:sticky}.sidebar nav{align-items:stretch;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 .5rem;gap:4px;top:0;z-index:25}.tab{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.75rem .35rem;background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer;position:relative;color:var(--muted);font-size:10px}.tab span{text-transform:uppercase;letter-spacing:.045em}.tab:hover,.tab[aria-pressed=true]{background:var(--surface)}.tab[aria-pressed=true]{color:var(--accent-ink);border-bottom-color:var(--accent)}.sidebody{padding:24px 20px;overflow-y:auto;flex:1 1;min-height:0}.backdrop,.drawerheading{display:none}.panel{display:flex;flex-direction:column;gap:22px;min-width:0}.panel h2{font-family:var(--display);font-weight:700;font-style:italic;font-size:27px;line-height:1.2;margin:6px 0 10px}.panel h3{font-size:14px}.panel li,.panel p{font-size:12px;line-height:1.65}.eyebrow,.panel p{color:var(--muted)}.eyebrow{font-size:10px!important;letter-spacing:.12em;text-transform:uppercase}.field{display:flex;flex-direction:column;gap:7px;font-size:12px}.field input,.field textarea{width:100%;min-width:0;border:1px solid var(--line);background:#eef3f5;padding:10px;color:var(--ink);border-radius:2px}.field textarea{resize:vertical;line-height:1.6}.field small{color:var(--muted);font-size:11px}.range{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.note{border-top:1px solid var(--line);padding-top:15px}.notice{padding:14px;background:var(--surface);border:1px solid var(--line);font-size:12px}.error{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eddfd5;color:#713320;border:1px solid #c9aa97;padding:14px;font-size:13px;margin-bottom:18px}.evidence{border-block:1px solid var(--line);padding:16px 0}.evidence h3{margin-bottom:8px}.evidence ul{padding-left:18px;margin:12px 0}.evidence a{font-size:11px}.stack{gap:12px}.project,.stack{display:flex;flex-direction:column}.project{gap:5px;text-align:left;padding:16px;border:1px solid var(--line);background:transparent;color:var(--ink)}.project[aria-pressed=true]{border-color:var(--accent);background:var(--surface)}.project small,.project span{color:var(--muted)}.settings{margin:0;font-size:12px}.settings div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.settings dt{color:var(--muted)}.settings dd{margin:0;text-align:right;overflow-wrap:anywhere}.main{flex:1 1;min-width:0;padding:40px 44px 80px}.heading{margin-bottom:28px}.heading h1{font-family:var(--display);font-size:34px;font-weight:700;font-style:italic;margin:8px 0}.heading p:last-child{font-size:13px;color:var(--muted)}.preview{display:flex;align-items:center;justify-content:center;min-height:440px;background:#e3ebef;border:1px solid var(--line);margin-top:20px}.preview video{display:block;width:100%;max-height:65vh;min-height:360px;background:#172b36;object-fit:contain}.empty{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;max-width:400px;padding:35px}.empty h2{font-family:var(--display);font-size:28px;font-weight:700;font-style:italic}.empty p{font-size:13px}.caption,.empty p{color:var(--muted)}.caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-size:12px}.script{border-top:1px solid var(--line);padding-top:24px;margin-top:18px}.script h2{font-size:13px;margin-bottom:10px}.script p{font-family:Georgia,serif;font-size:23px;line-height:1.5;max-width:700px}.script small{display:block;color:var(--muted);margin-top:14px}.skeleton{height:350px;background:var(--surface)}.modal{width:min(560px,calc(100vw - 32px));height:80vh;padding:16px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.modal::-webkit-backdrop{background:rgba(25,30,22,.5)}.modal::backdrop{background:rgba(25,30,22,.5)}.modal iframe{width:100%;height:calc(100% - 40px);border:0}.dialog{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:24px;border:1px solid var(--line);background:var(--paper);color:var(--ink);overflow-y:auto}.dialog::-webkit-backdrop{background:rgba(17,35,46,.5)}.dialog::backdrop{background:rgba(17,35,46,.5)}.dialogheading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.dialogheading h2{font-family:var(--display);font-size:28px;font-weight:700;font-style:italic}.dialog p{color:var(--muted);font-size:13px}.dialog .error{color:#713320}.actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:12px}.project strong{overflow-wrap:anywhere}.hamburger{color:var(--accent-ink)}.sources{display:flex;flex-direction:column;min-width:0}.source{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;grid-gap:12px 16px;gap:12px 16px;padding:16px;border:1px solid var(--line);border-radius:4px;background:var(--paper);cursor:pointer}.source:focus-within,.source:not([aria-disabled=true]):hover,.source[data-selected=true]{border-color:var(--accent);background:#e8f5fb}.source:focus-within{outline:2px solid var(--accent-ink);outline-offset:3px}.source[aria-disabled=true]{opacity:.55;cursor:default}.artwork{display:block;max-width:100%;height:auto}.sourcecopy{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.sourcecopy strong{font-size:16px;font-weight:600;line-height:1.3}.sourcecopy>span:last-child{font-size:12px;color:var(--muted);line-height:1.5}.sourcecopy .sourceaction{margin-top:4px;padding:6px 10px;background:var(--accent);border:1px solid var(--accent);color:var(--ink)!important;border-radius:2px;font-weight:600}.source small{grid-column:1/-1;font-size:11px;line-height:1.6;color:var(--muted)}.source .url{grid-column:1/-1;width:100%;min-width:0;padding:11px;border:1px solid var(--line);border-radius:2px;background:var(--paper);color:var(--ink);font-size:12px}.concealed{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.either{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 24px;color:var(--accent-ink)}.either:after,.either:before{content:"";flex:1 1;height:5px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transform:skewY(-3deg)}.either:after{transform:skewY(3deg)}.either span{font-family:var(--display);font-size:29px;font-weight:700;font-style:italic;line-height:1.3;transform:rotate(-6deg)}.intro{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;grid-gap:10px 14px;gap:10px 14px}.intro img{width:72px;height:auto}.intro>p{grid-column:1/-1}.intro h2{margin:5px 0}.chapter{min-width:0;margin:0;padding:18px 16px 16px;border:1px solid var(--line);border-radius:4px;display:flex;flex-direction:column;gap:16px}.chapter legend{padding:0 7px;font-size:11px;font-weight:600;color:var(--accent-ink)}.chapter .evidence{padding:14px 0 0;border-bottom:0}.chapter .evidence h3{margin-top:8px}.engine{padding:16px;border:1px solid var(--line);border-radius:4px;display:flex;flex-direction:column;gap:16px}.engineheading{display:flex;align-items:center;gap:14px}.engineheading h3{margin:4px 0 8px}.badge{display:inline-block;font-size:10px!important;line-height:1.4;padding:3px 7px;border:1px solid var(--line);background:var(--surface);color:var(--ink)!important;white-space:nowrap}.badge[data-ready=true]{background:#e8f5fb;border-color:var(--accent);color:var(--accent-ink)!important}.guide{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);background:var(--surface);border-radius:4px;min-width:0}.guide strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.guide p,.script .guide p{margin:5px 0 0;font:12px/1.65 Arial,Helvetica,sans-serif;color:var(--muted)}.guide .button{background:var(--paper);flex-shrink:0}.guide .button:hover{border-color:var(--accent);background:#e8f5fb}.guide .button svg{color:var(--accent-ink)}.nextstep .guide{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.nextstep{margin:0 0 22px}.script .guide{margin-top:20px}.launch{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-align:left;border-radius:4px}.launch:focus-visible,.launch:hover:not(:disabled){background:#e8f5fb;border-color:var(--accent)}.launch img{flex-shrink:0}.launch>span{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.launch strong{font-size:15px}.launch span span{font-size:12px;line-height:1.6;color:var(--muted)}.launch .sourceaction{padding:5px 10px;background:var(--accent);color:var(--ink);font-weight:600}.collection{display:flex;flex-direction:column;gap:12px}.project:hover:not(:disabled){background:#e8f5fb;border-color:var(--accent)}.projectheading{display:flex;align-items:center;gap:9px;width:100%;color:var(--ink)!important}.projectheading strong{flex:1 1;min-width:0}.projectheading svg{flex-shrink:0;color:var(--accent-ink)}.choices{border:0;margin:0;padding:0;min-width:0}.choices legend{font-size:12px;font-weight:600;margin-bottom:12px;padding:0}.choicegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:4px;background:var(--paper);cursor:pointer}.choice input{position:absolute;top:12px;right:10px;accent-color:var(--accent-ink);width:15px;height:15px;margin:0}.choice strong{padding-right:16px;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.choice span{font-size:11px;color:var(--muted);line-height:1.5}.choice:not([aria-disabled=true]):hover,.choice[data-selected=true]{background:#e8f5fb;border-color:var(--accent)}.choice:focus-within{outline:2px solid var(--accent-ink);outline-offset:2px}.choice[aria-disabled=true]{opacity:.6;cursor:default}.field select{font:inherit;width:100%;padding:10px;border:1px solid var(--line);border-radius:2px;color:var(--ink);background:var(--paper)}.field select:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.status{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.guidance{display:flex;align-items:flex-start;gap:12px;min-width:0}.guidemark{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--accent-ink);background:var(--paper);border:1px solid var(--line);border-radius:3px}.guidance>div{min-width:0}.avatar{box-sizing:border-box;width:32px;height:32px;min-width:32px;min-height:32px;flex-shrink:0;overflow:hidden;padding:0}iframe.avatar{border:0;background:transparent}.clips{display:grid;grid-gap:12px;gap:12px}.clip{border:1px solid var(--border,#c5dce6);padding:10px;display:grid;grid-gap:10px;gap:10px}.clip.selected{background:#d6f1fc;border-color:#01b6fe}.clipchoice{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:0;background:transparent;color:inherit;cursor:pointer;padding:4px}.clipchoice small,.clipchoice strong{display:block}.clipchoice small{margin-top:5px;font-size:11px}.clipimage{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;background:#c5eafb}.clipchoice:focus-visible{outline:2px solid #0087be;outline-offset:3px}.sourceaction,:is(button,a,[role=button]):is(.primary,.btn-primary,.btn-brand,.studio-btn-primary,.header-primary-neon-btn,.composer-hero-action-btn,.extension-mini-pill-btn),button[class*=applyFenceBtn],button[class*=downloadBtn],button[class*=inpaintBtn],button[class*=primaryBtn],button[class*=runInpaintBtn]{text-transform:uppercase}label,legend{text-transform:capitalize}.choice>span,label :is(input,textarea,select,option,small,p,code,pre,.description,.hint,.help){text-transform:none}.progress{margin-bottom:20px;padding:16px;border:1px solid var(--line);background:var(--paper)}.progressheading{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.progress progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:9px;border:0;background:var(--surface);accent-color:var(--accent)}.progress progress::-webkit-progress-bar{background:var(--surface)}.progress progress::-webkit-progress-value{background:var(--accent);-webkit-transition:width .2s;transition:width .2s}.progress progress::-moz-progress-bar{background:var(--accent)}.progress p{font-size:12px;margin-top:8px;color:var(--muted)}.legal{width:min(760px,calc(100% - 32px));margin:48px auto;padding:24px;border:1px solid var(--line);background:var(--surface)}.legal p{margin:0;color:var(--muted)}.driver-popover.hookboy-tour{width:min(390px,calc(100vw - 28px));max-width:none;padding:0;overflow:hidden;border:1px solid #0087be;border-radius:10px;background:#f5fbfe;color:var(--ink);box-shadow:0 22px 70px rgba(1,96,137,.35);font-family:Arial,Helvetica,sans-serif}.driver-popover.hookboy-tour .driver-popover-title{padding:22px 22px 0;color:#06344a;font-family:var(--display);font-size:27px;font-style:italic;line-height:1.15}.driver-popover.hookboy-tour .driver-popover-description{padding:12px 22px 4px;color:#294b5b;font-size:13px;line-height:1.65}.driver-popover.hookboy-tour .driver-popover-description strong{color:#006b96}.driver-popover.hookboy-tour .hookboy-tour-art{float:right;width:92px;height:82px;margin:-6px -2px 8px 14px;object-fit:contain;filter:drop-shadow(0 9px 11px rgb(1 182 254/20%))}.driver-popover.hookboy-tour .driver-popover-footer{min-height:62px;padding:12px 22px 18px;border-top:1px solid #c5eafb;background:#e8f7fd}.driver-popover.hookboy-tour .driver-popover-progress-text{color:#006b96;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.driver-popover.hookboy-tour .driver-popover-footer button{min-height:34px;padding:7px 13px;border:1px solid #0087be;border-radius:3px;background:transparent;color:#06344a;font-size:11px;font-weight:700;text-shadow:none;text-transform:uppercase}.driver-popover.hookboy-tour .driver-popover-footer .driver-popover-next-btn{background:var(--accent);border-color:var(--accent)}.driver-popover.hookboy-tour .driver-popover-footer button:focus-visible,.driver-popover.hookboy-tour .driver-popover-footer button:hover{background:#c5eafb;color:#06344a}.driver-popover.hookboy-tour .driver-popover-close-btn{position:static;width:auto;height:auto;margin:12px 16px 0 auto;padding:3px 7px;color:#466674;font-size:10px;font-weight:700;line-height:1.4;text-transform:uppercase}.driver-popover.hookboy-tour .driver-popover-arrow-side-left{border-left-color:#0087be}.driver-popover.hookboy-tour .driver-popover-arrow-side-right{border-right-color:#0087be}.driver-popover.hookboy-tour .driver-popover-arrow-side-top{border-top-color:#0087be}.driver-popover.hookboy-tour .driver-popover-arrow-side-bottom{border-bottom-color:#0087be}.driver-active-element{outline:3px solid var(--accent)!important;outline-offset:4px}.credit-cost{background:transparent;color:currentColor;flex-basis:13.5px;width:13.5px;height:13.5px;font-size:8.25px;cursor:help}.credit-cost:focus-visible{outline-color:currentColor}.credit-cost:after{content:"";position:absolute;inset:-7px}.credit-cost[aria-expanded=true]>span{opacity:1}.header .patchman-ads-control,.patchman-ads-control{display:inline-grid;place-items:center;width:32px;height:32px;min-height:32px;flex-shrink:0;padding:0;border:0;background:transparent;cursor:pointer}.patchman-ads-control:focus-visible{outline:2px solid currentColor;outline-offset:2px}.paid-control{display:flex;gap:12px;align-items:center}.paid-control>button{flex:1 1}.credit-cost>span{width:min(270px,calc(100vw - 32px));right:0;left:auto;transform:none;white-space:normal;line-height:1.55;padding:12px;border:1px solid #7396a5}.credit-balance,.header .credit-balance{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;color:inherit;padding:0 4px;min-height:32px;font:11px Arial,sans-serif;cursor:pointer}.credit-balance svg{flex-shrink:0}.credit-balance:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:767px){.credit-balance,.header .credit-balance{display:none}}.credit-receipt{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;padding:12px 16px;margin-bottom:18px;background:#e9f5ec;border:1px solid #659c75;font-size:12px}.credit-receipt span{color:#263e33}.reference-heading{display:flex;align-items:center;gap:12px}.reference-heading>img{width:66px;height:auto;flex:none}.reference-heading>div{flex:1 1;min-width:0}.reference-heading h3{font-size:16px;margin:0 0 5px}.reference-heading p{font-size:12px;color:var(--muted)}.reference-count{font-size:28px;font-weight:700;white-space:nowrap;color:var(--accent-ink)}.reference-count small{font-size:12px;font-weight:400;color:var(--muted);margin-left:4px}.reference-input{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.reference-tile{padding:4px;text-align:left;min-width:0;background:var(--surface);border:2px solid transparent;color:var(--ink)}.reference-tile[aria-pressed=true]{border-color:var(--accent-ink);background:#d8f1fc}.reference-tile img{display:block;width:100%;height:92px;object-fit:contain;background:var(--paper)}.reference-tile>span{display:flex;align-items:center;gap:7px;font-size:11px;padding:8px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-tile b{font-size:10px;color:var(--accent-ink)}.reference-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:130px;padding:12px;background:var(--paper);border:1px dashed var(--accent-ink);color:var(--ink)}.reference-add>span{font-size:32px;line-height:1;color:var(--accent-ink)}.reference-add strong{font-size:12px}.reference-add small{font-size:10px;color:var(--muted);text-align:center}.reference-hint{font-size:11px;color:var(--muted)}.reference-detail{padding:14px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:12px}.reference-detail-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.reference-detail-heading strong{font-size:12px;overflow-wrap:anywhere}.reference-actions{display:flex;gap:8px;flex-wrap:wrap}.reference-actions .button{font-size:11px;padding:8px 10px;min-height:36px}.reference-delivery{font-size:12px;line-height:1.6}.reference-delivery summary{cursor:pointer;font-weight:600;color:var(--accent-ink)}.reference-delivery p{margin-top:10px}.reference-delivery small{display:block;margin-top:7px;color:var(--muted)}.brand-identity{margin:16px 0;padding:14px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.brand-identity-heading{display:flex;align-items:center;gap:12px;font-size:12px}.brand-identity-heading img{object-fit:contain;max-width:72px}.brand-swatches{display:flex;gap:10px;flex-wrap:wrap}.brand-swatches>span{display:flex;flex-direction:column;gap:4px}.brand-swatches i{height:25px;width:52px;border:1px solid var(--line)}.brand-swatches code{font-size:10px}.brand-swatches small{font-size:9px}.brand-fonts{font-size:11px}.brand-identity>small{font-size:10px;color:var(--muted)}.reference-grid[data-empty=true]{grid-template-columns:minmax(0,1fr)}.reference-grid[data-empty=true] .reference-add{min-height:112px}.reference-expand{align-self:flex-start}.reference-heading{display:grid;grid-template-columns:66px minmax(0,1fr) auto;grid-gap:10px 12px;gap:10px 12px}.reference-heading>div{display:contents}.reference-heading>img{grid-row:1;grid-column:1}.reference-heading h3{grid-row:1;grid-column:2;margin:0}.reference-heading>div>p{grid-row:2;grid-column:1/-1}.reference-heading .reference-count{grid-row:1;grid-column:3;align-self:center}@media(min-width:768px) and (max-width:1024px){.header{padding:0 1rem}.header .status{min-width:0;max-width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hamburger{display:inline-flex}.sidebar{position:fixed;top:54px;left:0;width:380px;min-width:0;height:calc(100dvh - 54px);transform:translateX(-100%);z-index:60}.sidebar.open{transform:translateX(0)}.drawerheading{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--line)}.backdrop{display:block;position:fixed;inset:54px 0 0;background:rgba(25,30,22,.4);z-index:55;border:0}.main{padding:32px}.header .button .label{display:inline}.reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-tile img{height:85px}}@media(max-width:767px){.nextstep .guide{flex-direction:column;align-items:flex-start;gap:12px}.chapter{padding:16px 12px}.launch{padding:14px;gap:10px}.launch img{width:64px;height:auto}.source{grid-template-columns:80px minmax(0,1fr);gap:10px 12px;padding:14px}.sourcecopy strong{font-size:15px}.sourcecopy .sourceaction{padding:6px 8px}.header{height:52px;padding:0 .85rem;gap:10px}.brandname{font-size:23px}.brandsub{font-size:.52rem}.shortcuts{gap:.45rem}.header .button{width:32px;height:32px;padding:0}.header .label,.header .status{display:none}.hamburger{display:inline-flex}.workspace{min-height:calc(100dvh - 52px)}.sidebar{position:fixed;top:52px;left:0;width:92vw;min-width:0;height:calc(100dvh - 52px);transform:translateX(-100%);z-index:60}.sidebar.open{transform:translateX(0)}.drawerheading{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-size:11px}.backdrop{display:block;position:fixed;inset:52px 0 0;background:rgba(25,30,22,.4);z-index:55;border:0}.sidebody{padding:24px 16px 80px}.tab{font-size:9px;padding:.75rem .2rem}.main{padding:26px 18px 80px}.heading h1{font-size:28px}.preview{min-height:340px}.preview video{min-height:280px;max-height:60vh}.caption{flex-wrap:wrap}.caption,.error{align-items:flex-start}.script p{font-size:21px}}@media(max-width:380px){.header{padding:0 10px;gap:6px}.identity{gap:6px;min-width:0}.brandname{font-size:20px}.brandmark{width:32px;height:32px}.shortcuts{gap:4px}.iconbutton.hamburger{width:24px;min-width:24px;padding:0}}@media(max-width:767px){.reference-heading{align-items:flex-start;gap:9px}.reference-heading>img{width:52px}.reference-heading h3{font-size:14px}.reference-count{font-size:24px}.reference-tile img{height:90px}.reference-actions .button{flex:1 1}.reference-hint{line-height:1.6}.reference-heading{grid-template-columns:52px minmax(0,1fr) auto}}.app-error-host{box-sizing:border-box;position:fixed;inset:auto max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) auto;z-index:20;width:min(360px,calc(100vw - 32px));max-height:min(50dvh,340px);margin:0;padding:0;border:0;background:transparent;color:inherit;display:grid;grid-gap:8px;gap:8px;overflow:auto;pointer-events:none}.app-error-host[popover]:not(:popover-open){display:none}.app-error-host::-webkit-backdrop{background:transparent;pointer-events:none}.app-error-host::backdrop{background:transparent;pointer-events:none}.app-error-notice{box-sizing:border-box;display:grid;grid-template-columns:18px minmax(0,1fr) 28px;align-items:start;grid-gap:9px;gap:9px;padding:12px 10px 12px 12px;border:1px solid #ccadb5;background:#fff8f2;color:#302932;font-family:inherit;font-size:13px;font-weight:500;line-height:1.45;overflow-wrap:anywhere;pointer-events:auto;text-align:left}.app-error-symbol{box-sizing:border-box;display:grid;place-items:center;width:18px;height:18px;margin-top:1px;border:1.5px solid #a53550;border-radius:50%;color:#a53550;font:700 12px/1 sans-serif}.app-error-copy{min-width:0;padding-top:1px}.app-error-notice p{max-height:7.25em;overflow:auto;margin:0;font:inherit;color:inherit}.app-error-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.app-error-actions :is(button,a){display:inline-flex;align-items:center;min-height:30px;max-width:100%;padding:2px 0;border:0;background:transparent;color:#603dad;font:inherit;font-size:12px;font-weight:700;line-height:1.4;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.app-error-close{display:grid;place-items:center;width:28px;height:28px;margin:-4px 0 0;padding:0;border:0;background:transparent;color:#725e6a;cursor:pointer}.app-error-close:hover{background:#f0e2e4;color:#462a3b}.app-error-actions :is(button,a):focus-visible,.app-error-close:focus-visible{outline:2px solid #7045ff;outline-offset:2px}@media(max-width:480px){.app-error-host{inset:auto 12px max(12px,env(safe-area-inset-bottom)) auto;width:calc(100vw - 24px);max-height:min(50dvh,300px)}.app-error-notice{font-size:12px}}.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:focus,.driver-popover-close-btn:hover{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:focus,.driver-popover-footer-btn:hover{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-none,.driver-popover-arrow-side-center{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}