@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/bricolage-grotesque-vietnamese-wght-normal.96a5d80f.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/bricolage-grotesque-latin-ext-wght-normal.232ded7b.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/bricolage-grotesque-latin-wght-normal.3e340e57.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_next/static/media/dm-sans-latin-ext-wght-normal.fbf4c1a6.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_next/static/media/dm-sans-latin-wght-normal.bfe8c811.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--pt-cream:#fff9e9;--pt-butter:#efd76b;--pt-butter-light:#f7e7a0;--pt-butter-deep:#d2b950;--pt-ink:#4d2844;--pt-ink-light:#65415c;--pt-ink-deep:#391c32;--pt-paper:#fffcf4;--pt-muted:#785e70;--pt-line:#e2d6cf;--pt-control-border:#9b8290;--pt-focus:var(--pt-ink);--pt-soft:#f4ecdf;--pt-surface:#f1e9dc;--pt-error:#a52d38;--pt-error-soft:#fff0ed;--pt-success:#37634b;--pt-radius-small:8px;--pt-radius-control:14px;--pt-radius-tile:16px;--pt-radius-stage:28px;--pt-space-1:4px;--pt-space-2:8px;--pt-space-3:12px;--pt-space-4:16px;--pt-space-5:24px;--pt-space-6:32px;--pt-space-7:48px;--pt-space-8:64px;--pt-font-body:"DM Sans Variable",sans-serif;--pt-font-display:"Bricolage Grotesque Variable",sans-serif;--pt-ease:cubic-bezier(0.16,1,0.3,1);--pt-time-press:140ms;--pt-time-change:240ms;--pt-time-reveal:460ms;--pt-shade-light:rgb(255 255 255/88%);--pt-shade-dark:rgb(184 160 154/58%);--pt-raise-small:-3px -3px 7px var(--pt-shade-light),3px 3px 7px var(--pt-shade-dark);--pt-raise:-6px -6px 14px var(--pt-shade-light),6px 6px 14px var(--pt-shade-dark);--pt-raise-large:-10px -10px 24px var(--pt-shade-light),10px 10px 24px var(--pt-shade-dark);--pt-press:inset 3px 3px 6px var(--pt-shade-dark),inset -3px -3px 6px var(--pt-shade-light);--pt-well:inset 5px 5px 10px var(--pt-shade-dark),inset -5px -5px 10px var(--pt-shade-light);--pt-press-ink:inset 3px 3px 6px rgb(20 6 16/55%),inset -3px -3px 6px rgb(255 255 255/10%);--pt-press-butter:inset 3px 3px 6px rgb(150 118 30/42%),inset -3px -3px 6px rgb(255 255 255/50%)}.pt-theme{color:var(--pt-ink);font-family:var(--pt-font-body)}.pt-theme *,.pt-theme :after,.pt-theme :before{box-sizing:border-box}.pt-theme :is(button,input,textarea){font:inherit}.pt-theme button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pt-theme :is(button,a,input,textarea):focus-visible{outline:3px solid var(--pt-focus);outline-offset:4px}.pt-theme ::selection{background:var(--pt-butter);color:var(--pt-ink-deep)}.pt-theme :is(input,textarea){caret-color:var(--pt-ink)}.pt-theme svg{flex-shrink:0;vertical-align:middle}.pt-sr-only{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}.pt-brand{display:block;width:174px;aspect-ratio:1070/340;position:relative;overflow:hidden;flex-shrink:0}.pt-brand img{position:absolute;width:117.196%;height:auto;max-width:none;left:-8.411%;top:-80.882%}.pt-avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;overflow:hidden;border-radius:calc(var(--pt-radius-control) - 5px);background:var(--pt-butter-light);color:var(--pt-ink);font-family:var(--pt-font-display);font-size:14px;font-weight:650;line-height:1}.pt-avatar img{display:block;width:100%;height:100%;object-fit:cover}.pt-button{--button-ground:var(--pt-ink);--button-text:var(--pt-cream);--button-press:var(--pt-press-ink);position:relative;vertical-align:middle;min-height:48px;max-width:100%;padding:12px 22px;border:1px solid transparent;border-radius:var(--pt-radius-control);color:var(--button-text);background:var(--button-ground);box-shadow:var(--pt-raise-small);cursor:pointer;text-decoration:none;font-size:14px;line-height:1.4;font-weight:650;letter-spacing:-.01em;transition:transform var(--pt-time-press) var(--pt-ease),box-shadow var(--pt-time-change) var(--pt-ease),background-color var(--pt-time-change),color var(--pt-time-change)}.pt-button,.pt-button__content{display:inline-flex;align-items:center;justify-content:center}.pt-button__content{gap:10px}.pt-button__icon{display:inline-flex}.pt-button__arrow{transition:transform var(--pt-time-change) var(--pt-ease)}.pt-button--butter{--button-ground:var(--pt-butter);--button-text:var(--pt-ink);--button-press:var(--pt-press-butter)}.pt-button--secondary{--button-ground:var(--pt-surface);--button-text:var(--pt-ink);--button-press:var(--pt-press)}.pt-button--quiet{--button-ground:transparent;--button-text:var(--pt-ink);--button-press:var(--pt-press);box-shadow:none;padding-inline:10px}.pt-button--small{min-height:44px;padding:10px 15px;font-size:13px;border-radius:11px}.pt-button--large{min-height:56px;padding:16px 27px;font-size:16px}.pt-theme .pt-photo-picker-button{padding:10px 15px;min-height:44px;font-size:13px;line-height:1.4;font-weight:650}.pt-button[aria-busy=true]{cursor:progress;min-width:154px}.pt-button:disabled:not([aria-busy=true]){background:var(--pt-surface);color:var(--pt-muted);border-color:var(--pt-line);box-shadow:none;cursor:not-allowed}.pt-button__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px}.pt-spinner{animation:pt-spin 1s linear infinite}@keyframes pt-spin{to{transform:rotate(1turn)}}.pt-icon-button{border:1px solid transparent;width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;background:var(--pt-surface);color:var(--pt-ink);box-shadow:var(--pt-raise-small);cursor:pointer;transition:background-color var(--pt-time-change),box-shadow var(--pt-time-change) var(--pt-ease),transform var(--pt-time-press) var(--pt-ease)}.pt-icon-button[aria-pressed=true]{background:var(--pt-butter);box-shadow:var(--pt-press-butter)}.pt-icon-button:disabled{opacity:.55;box-shadow:none;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.pt-button:not(:disabled):hover{box-shadow:var(--pt-raise)}.pt-button--quiet:not(:disabled):hover{background:var(--pt-surface);box-shadow:var(--pt-raise-small)}.pt-button:not(:disabled):hover .pt-button__arrow{transform:translateX(2px)}.pt-icon-button:not(:disabled):not([aria-pressed=true]):hover{box-shadow:var(--pt-raise)}}.pt-button:not(:disabled):active{transform:scale(.985);box-shadow:var(--button-press);transition-duration:80ms}.pt-icon-button:not(:disabled):active{transform:scale(.96);box-shadow:var(--pt-press);transition-duration:80ms}.pt-field{display:grid;grid-gap:var(--pt-space-2);gap:var(--pt-space-2);width:100%}.pt-field>label,.pt-format legend{font-size:14px;font-weight:650;line-height:1.4}.pt-input{width:100%;min-height:50px;border:1px solid transparent;border-radius:var(--pt-radius-control);background:var(--pt-surface);color:var(--pt-ink);padding:13px 16px;box-shadow:var(--pt-well);transition:border-color var(--pt-time-change),background-color var(--pt-time-change)}.pt-input::placeholder{color:var(--pt-muted);opacity:1}.pt-input:focus{border-color:var(--pt-ink)}.pt-input[aria-invalid=true]{border-color:var(--pt-error);background:var(--pt-error-soft)}.pt-input:disabled{opacity:.7;cursor:not-allowed}.pt-textarea{resize:vertical;min-height:112px;line-height:1.6}.pt-field__hint{margin:0;color:var(--pt-muted);font-size:12px;line-height:1.5}.pt-error{color:var(--pt-error);font-size:13px;line-height:1.5;display:flex;align-items:flex-start;gap:7px;margin:0}.pt-error svg{margin-top:2px}.pt-chip{display:inline-flex;gap:6px;align-items:center;min-height:38px;padding:8px 13px 8px 10px;border-radius:50px;border:1px solid transparent;background:var(--pt-surface);color:var(--pt-ink);font-size:13px;box-shadow:var(--pt-raise-small);cursor:pointer;transition:background-color var(--pt-time-change),box-shadow var(--pt-time-change) var(--pt-ease)}.pt-chip__check{width:14px;height:14px;display:grid;place-items:center}.pt-chip[aria-pressed=true]{background:var(--pt-butter-light);box-shadow:var(--pt-press-butter)}.pt-chip:not(:disabled):active{box-shadow:var(--pt-press)}.pt-chip:disabled{opacity:.55;box-shadow:none;cursor:not-allowed}.pt-toggle{display:inline-flex;align-items:center;gap:10px;position:relative;cursor:pointer;font-size:13px;min-height:44px}.pt-toggle input{position:absolute;left:0;width:38px;height:24px;opacity:0}.pt-toggle__track{width:38px;height:24px;padding:3px;border-radius:24px;background:var(--pt-surface);box-shadow:inset 2px 2px 4px var(--pt-shade-dark),inset -2px -2px 4px var(--pt-shade-light);display:flex;transition:background-color var(--pt-time-change),box-shadow var(--pt-time-change)}.pt-toggle__track>span{width:18px;height:18px;border-radius:50%;background:var(--pt-surface);box-shadow:-1px -1px 2px var(--pt-shade-light),2px 2px 4px var(--pt-shade-dark);transition:background-color var(--pt-time-change)}.pt-toggle input:checked+.pt-toggle__track{background:var(--pt-ink);box-shadow:inset 2px 2px 4px rgb(20 6 16/55%)}.pt-toggle input:checked+.pt-toggle__track>span{background:var(--pt-butter);box-shadow:1px 1px 3px rgb(20 6 16/45%)}.pt-toggle input:focus-visible+.pt-toggle__track{outline:3px solid var(--pt-focus);outline-offset:4px}.pt-toggle input:disabled~span{opacity:.55;cursor:not-allowed}.pt-format{border:0;padding:0;margin:0;min-width:0}.pt-format legend{margin-bottom:var(--pt-space-3)}.pt-format__options{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--pt-space-3);gap:var(--pt-space-3)}.pt-format__option{position:relative;min-width:0;cursor:pointer;border-radius:var(--pt-radius-tile)}.pt-format__option input{position:absolute;opacity:0;width:1px;height:1px}.pt-format__surface{display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;min-height:135px;border-radius:var(--pt-radius-tile);padding:18px;background:var(--pt-surface);box-shadow:var(--pt-raise);transition:box-shadow var(--pt-time-change) var(--pt-ease)}.pt-format__selected{position:absolute;inset:0;z-index:-1;background:var(--pt-butter-light);border-radius:inherit;box-shadow:var(--pt-press-butter);opacity:0;transition:opacity .18s var(--pt-ease)}.pt-format input:checked+.pt-format__surface{box-shadow:none}.pt-format input:checked+.pt-format__surface .pt-format__selected{opacity:1}.pt-format__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.pt-format__check{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;border:1px solid var(--pt-muted);transition:background-color .18s,border-color .18s}.pt-format__check>span{display:grid;place-items:center}.pt-format input:checked+.pt-format__surface .pt-format__check{background:var(--pt-ink);border-color:var(--pt-ink);color:var(--pt-butter)}.pt-format__surface strong{font-family:var(--pt-font-display);font-size:18px;font-weight:650}.pt-format__detail{font-size:12px;line-height:1.5;margin-top:5px;color:var(--pt-muted)}.pt-format input:focus-visible+.pt-format__surface{outline:3px solid var(--pt-focus);outline-offset:4px}.pt-format:disabled{opacity:.55}.pt-format:disabled label{cursor:not-allowed}.pt-segments{display:flex;border:0;padding:4px;gap:4px;min-width:0;margin:0;border-radius:var(--pt-radius-control);background:var(--pt-surface);box-shadow:var(--pt-press);isolation:isolate}.pt-segments__option{position:relative;display:grid;flex:1 1;min-width:0;min-height:44px;place-items:center;padding:10px 16px;cursor:pointer;border-radius:10px;border:1px solid transparent}.pt-segments__option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.pt-segments__selection{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--pt-paper);box-shadow:var(--pt-raise-small)}.pt-segments__label{font-size:13px;font-weight:600;text-align:center;pointer-events:none}.pt-segments__option:has(input:focus-visible){outline:3px solid var(--pt-focus);outline-offset:3px}.pt-segments:disabled{opacity:.55}.pt-segments:disabled label{cursor:not-allowed}.pt-tile{position:relative;aspect-ratio:1;perspective:1000px;border-radius:var(--pt-radius-tile);isolation:isolate}.pt-tile__face{position:absolute;inset:0;border-radius:inherit;padding:6px;background:var(--pt-surface);box-shadow:var(--pt-raise);transform-origin:50% 50%;transition:background-color var(--pt-time-change)}.pt-tile__window{position:relative;width:100%;height:100%;border-radius:11px;overflow:hidden;background:var(--pt-surface)}.pt-tile__content{position:absolute;inset:-5px;display:grid}.pt-tile__content>img{width:100%;height:100%;object-fit:cover;grid-area:1/1;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pt-tile[data-selected] .pt-tile__face{background:var(--pt-butter)}.pt-tile__overlay{position:absolute;inset:0;pointer-events:none}.pt-tile__overlay button{pointer-events:auto}.pt-upload-wrapper{width:100%}.pt-upload{position:relative;border-radius:var(--pt-radius-tile);background:var(--pt-surface);border:1.5px solid transparent;box-shadow:var(--pt-well);transition:border-color var(--pt-time-change),background-color var(--pt-time-change)}.pt-upload:has(input:focus-visible){outline:3px solid var(--pt-focus);outline-offset:4px}.pt-upload[data-dragging]{background:var(--pt-butter-light);border-color:var(--pt-ink);box-shadow:var(--pt-press-butter)}.pt-upload[data-disabled]{opacity:.6}.pt-upload__empty{min-height:315px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:26px;text-align:center}.pt-upload__tile{position:relative;display:grid;place-items:center;width:68px;height:68px;background:var(--pt-butter);border-radius:18px;box-shadow:var(--pt-raise-small);margin-bottom:24px}.pt-upload__tile>span{position:absolute;bottom:-4px;right:-5px;background:var(--pt-ink);color:var(--pt-cream);width:25px;height:25px;border-radius:9px;display:grid;place-items:center;border:3px solid var(--pt-surface)}.pt-upload__empty strong{font-family:var(--pt-font-display);font-size:24px;line-height:1.15;letter-spacing:-.025em}.pt-upload__description{font-size:13px;color:var(--pt-muted);margin:9px 0 20px;line-height:1.5}.pt-upload__drop{font-size:12px;color:var(--pt-muted);margin-top:12px}.pt-upload-wrapper>.pt-field__hint{margin-top:10px;text-align:center}.pt-upload__preview{position:relative;margin:8px;height:265px;overflow:hidden;border-radius:10px;background:var(--pt-surface)}.pt-upload__preview>img{width:100%;height:100%;object-fit:contain}.pt-upload__remove{position:absolute;top:8px;right:8px}.pt-upload__ready{position:absolute;left:12px;bottom:12px;background:var(--pt-surface);box-shadow:var(--pt-raise-small);color:var(--pt-ink);display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:7px 10px;border-radius:20px}.pt-upload__file{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 12px 8px 20px}.pt-upload__file>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;min-width:0}.pt-upload__error{margin-top:10px}.pt-card{min-width:0}.pt-card__save{position:absolute;top:12px;right:12px}.pt-tile__overlay>.pt-badge{position:absolute;bottom:14px;left:14px}.pt-card__saved{display:none}.pt-card__saved[data-visible]{display:inline}.pt-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:650;line-height:1.3;background:var(--pt-surface);box-shadow:var(--pt-raise-small);border-radius:30px;color:var(--pt-ink)}.pt-card__details{padding-top:23px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.pt-card h3{font-family:var(--pt-font-display);font-size:23px;font-weight:650;line-height:1.1;letter-spacing:-.03em;margin:8px 0 0}.pt-toast-region{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;max-width:calc(100% - 32px);width:max-content}.pt-toast{--pt-focus:var(--pt-butter);display:flex;align-items:center;gap:12px;background:var(--pt-ink);color:var(--pt-cream);padding:10px 10px 10px 18px;border-radius:var(--pt-radius-control);box-shadow:var(--pt-raise);font-size:14px}.pt-toast>svg{color:var(--pt-butter)}.pt-toast .pt-icon-button{background:transparent;color:var(--pt-cream);box-shadow:none}@media (prefers-reduced-motion:reduce){.pt-theme *,.pt-theme :after,.pt-theme :before{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.pt-theme .pt-button,.pt-theme .pt-button__arrow,.pt-theme .pt-format__surface,.pt-theme .pt-icon-button,.pt-theme .pt-tile__content,.pt-theme .pt-tile__face{transform:none!important}}.pt-theme[data-reduced-motion=true] *,.pt-theme[data-reduced-motion=true] :after,.pt-theme[data-reduced-motion=true] :before{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.pt-theme[data-reduced-motion=true] :is(.pt-button,.pt-icon-button,.pt-button__arrow),.pt-theme[data-reduced-motion=true] :is(.pt-tile__face,.pt-tile__content,.pt-format__surface){transform:none!important}html{scroll-behavior:smooth;scroll-padding-top:32px;scrollbar-color:#ac929e var(--pt-surface)}body{margin:0;background:var(--pt-surface)}a{color:inherit;text-underline-offset:4px}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;z-index:50;background:var(--pt-ink);color:var(--pt-cream);border-radius:10px}.skip-link:focus{top:12px}.workshop-header{max-width:1344px;margin:auto;padding:29px 48px;display:flex;align-items:center;gap:46px;border-bottom:1px solid var(--pt-line)}.workshop-header>a{display:block}.workshop-header nav{display:flex;gap:28px;flex:1 1;font-size:13px;font-weight:600}.workshop-header nav a{text-decoration:none}.workshop-header nav a:hover{text-decoration:underline}.workshop-main{max-width:1344px;padding:0 48px;margin:auto}.workshop-intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;padding:58px 0 42px}.workshop-intro h1{font-family:var(--pt-font-display);font-size:clamp(36px,4.2vw,62px);font-weight:650;letter-spacing:-.04em;line-height:1.02;margin:0;text-wrap:balance}.workshop-intro h1>span{color:var(--pt-muted)}.workshop-intro>div{padding-bottom:3px}.workshop-intro p{font-size:14px;line-height:1.6;color:var(--pt-muted);margin:12px 0 0}.workshop-mode{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650}.workshop-mode>span{width:6px;height:6px;border-radius:50%;background:var(--pt-success)}.workshop-lead{display:grid;grid-template-columns:1.52fr 1fr;grid-gap:24px;gap:24px}.button-workbench{background:var(--pt-paper);border-radius:var(--pt-radius-stage);padding:32px}.section-heading h2{font-family:var(--pt-font-display);font-size:28px;font-weight:650;line-height:1.15;letter-spacing:-.03em;margin:0}.section-heading p{font-size:13px;color:var(--pt-muted);margin:8px 0 0;line-height:1.5}.button-display{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:32px 0;border-bottom:1px solid var(--pt-line)}.button-details{padding:25px 0}.specimen-label{font-size:11px;color:var(--pt-muted);display:block;margin-bottom:12px}.control-row{align-items:center;gap:8px}.control-row,.state-row{display:flex;flex-wrap:wrap}.state-row{gap:28px;margin-top:25px}.workbench-note{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--pt-muted);padding-top:16px;border-top:1px solid var(--pt-line)}.keyboard-key{border:1px solid var(--pt-line);box-shadow:0 1px 1px rgb(77 40 68/10%);padding:3px 6px;border-radius:5px;color:var(--pt-ink);font-size:10px}.motion-workbench{background:var(--pt-butter);border-radius:var(--pt-radius-stage);padding:24px 26px;display:flex;flex-direction:column;position:relative;overflow:hidden}.motion-title{display:flex;align-items:center;justify-content:space-between}.motion-title h2{font-family:var(--pt-font-display);font-size:25px;margin:0;font-weight:650;letter-spacing:-.03em}.motion-title .pt-icon-button{background:rgb(255 249 233/60%);box-shadow:none}.product-stage{position:relative;display:grid;place-items:center;flex:1 1;min-height:285px;padding:22px 12px}.product-stage__tile{width:235px;max-width:100%}.product-stage__tile .pt-tile__window{background:var(--pt-butter-light)}.product-stage img{display:block;grid-area:1/1;width:100%;height:100%;object-fit:contain}.product-stage .product-stage__photo{width:100%;height:100%;object-fit:cover}.product-stage .product-stage__cutout{padding:12px}.motion-workbench__bottom{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:8px}.motion-workbench__bottom>span:first-child{font-weight:650}.motion-workbench__bottom>span:last-child{font-size:11px}.motion-format-switch{margin-top:18px}.tile-hint{text-align:center;margin:14px 0 0;font-size:11px}@media (hover:none){.tile-hint{display:none}}.creation-workbench,.gallery-workbench,.small-details{padding-top:66px;scroll-margin-top:32px}.section-heading--wide{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.local-note{font-size:11px;color:var(--pt-muted);line-height:1.5}.creation-layout{display:grid;grid-template-columns:1fr 1.12fr;grid-gap:56px;gap:56px;margin-top:28px;padding:30px 0 40px;border-top:1px solid var(--pt-line);border-bottom:1px solid var(--pt-line);align-items:center}.creation-controls{display:grid;grid-gap:24px;gap:24px}.chip-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:-10px}.creation-action{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.creation-action>span{font-size:11px;color:var(--pt-muted)}.field-examples{display:grid;grid-template-columns:1fr 1fr 1.2fr;grid-gap:28px;gap:28px;align-items:center;margin-top:28px}.dark-sample{--pt-focus:var(--pt-butter);background:var(--pt-ink);border-radius:var(--pt-radius-tile);padding:24px;color:var(--pt-cream)}.dark-sample p{font-family:var(--pt-font-display);font-size:22px;letter-spacing:-.025em;line-height:1.15;margin:0 0 20px;font-weight:500}.dark-sample strong{color:var(--pt-butter);font-weight:500}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:28px}.workshop-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--pt-line);margin-top:72px;padding:32px 0 38px;font-size:11px;color:var(--pt-muted)}.workshop-footer .pt-brand{width:126px}.palette-dots{display:flex;align-items:center;gap:6px}.palette-dots span{display:block;width:16px;height:16px;border-radius:50%}.palette-dots span:first-child{background:var(--pt-paper);border:1px solid var(--pt-line)}.palette-dots span:nth-child(2){background:var(--pt-butter)}.palette-dots span:nth-child(3){background:var(--pt-ink)}@media (max-width:1050px){.workshop-header{gap:30px}.workshop-header,.workshop-main{padding-inline:32px}.workshop-lead{grid-template-columns:1.3fr 1fr}.button-workbench{padding:26px}.button-display{gap:14px}.button-display .pt-button{width:100%}.creation-layout{gap:32px}.field-examples{grid-template-columns:1fr 1fr}.dark-sample{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.dark-sample p{margin:0}}@media (max-width:700px){.workshop-header{padding:19px 20px;justify-content:space-between;gap:16px}.workshop-header .pt-brand{width:139px}.workshop-header nav{display:none}.workshop-header .pt-toggle{font-size:11px;gap:7px}.workshop-main{padding:0 20px}.workshop-intro{padding:34px 0 28px;display:block}.workshop-intro h1{font-size:clamp(32px,8.5vw,48px)}.workshop-intro>div{margin-top:20px}.workshop-intro p{margin-top:7px;font-size:13px}.workshop-intro p br{display:none}.workshop-lead{grid-template-columns:1fr;gap:20px}.button-workbench{padding:24px 20px 20px;border-radius:22px}.section-heading h2{font-size:25px}.button-display{padding:26px 0}.control-row{gap:6px}.control-row>.pt-button{padding-inline:10px}.state-row{gap:18px}.state-row .pt-button{font-size:12px;padding-inline:14px}.motion-workbench{padding:20px;border-radius:22px}.product-stage{min-height:250px}.creation-workbench,.gallery-workbench,.small-details{padding-top:44px}.section-heading--wide{display:block}.section-heading--wide .local-note{display:block;margin-top:12px}.creation-layout{grid-template-columns:1fr;margin-top:22px;gap:28px;padding:24px 0 30px}.pt-format__surface{padding:15px}.pt-format__surface strong{font-size:17px}.pt-format__detail{font-size:11px}.field-examples{grid-template-columns:1fr;gap:24px}.dark-sample{display:block}.dark-sample p{margin-bottom:20px}.gallery-grid{grid-template-columns:1fr;gap:30px}.pt-card__details{padding-top:10px}.pt-card h3{font-size:24px}.workshop-footer{margin-top:44px;flex-wrap:wrap}.workshop-footer>span{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html:has([data-reduced-motion=true]){scroll-behavior:auto}