.patina-page{padding-bottom:2.5rem}.patina-page-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:1.25rem}.patina-page-header h1{color:#202621;font-size:1.75rem;font-weight:600;line-height:1.15;margin:.3rem 0 .4rem}.patina-page-header p{color:#68736d;font-size:.9rem;line-height:1.6;margin:0;max-width:42rem}.patina-page-header p i{color:#00784b;margin-right:.35rem}.patina-kicker{color:#00784b;font-family:Consolas,"Liberation Mono",monospace;font-size:.7rem;font-weight:700}.patina-workbench{background:#fff;border:1px solid #ccd5d0;border-radius:4px;box-shadow:0 .6rem 1.8rem rgba(26,44,34,.08);display:grid;grid-template-columns:minmax(0, 1.52fr) minmax(21rem, 0.86fr);overflow:visible}.patina-preview-panel{align-self:start;background:#1d2721;border-radius:3px 0 0 3px;min-width:0;padding:.9rem;position:sticky;top:.75rem}.patina-stage-header,.patina-stage-footer{align-items:center;color:rgba(238,247,241,.62);display:flex;font-family:Consolas,"Liberation Mono",monospace;font-size:.68rem;justify-content:space-between;min-height:2rem}.patina-stage-header>span:first-child{align-items:center;display:flex;font-weight:700}.patina-stage-header i{background:#009a61;border-radius:50%;box-shadow:0 0 0 4px rgba(0,154,97,.12);display:inline-block;height:.45rem;margin-right:.55rem;width:.45rem}.patina-preview{align-items:center;background-color:#151b18;background-image:linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);background-size:2rem 2rem;border:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;min-height:clamp(28rem,56vh,38rem);overflow:hidden;position:relative}.patina-preview::before,.patina-preview::after{border-color:rgba(255,255,255,.24);border-style:solid;content:"";height:1.25rem;pointer-events:none;position:absolute;width:1.25rem;z-index:1}.patina-preview::before{border-width:1px 0 0 1px;left:.75rem;top:.75rem}.patina-preview::after{border-width:0 1px 1px 0;bottom:.75rem;right:.75rem}#patina-canvas,#patina-gif-preview{display:none;max-height:calc(clamp(28rem,56vh,38rem) - 3rem);max-width:calc(100% - 3rem);-o-object-fit:contain;object-fit:contain;outline:1px solid rgba(255,255,255,.32);box-shadow:0 1.25rem 3rem rgba(0,0,0,.3)}.patina-preview.has-image #patina-canvas,.patina-preview.has-gif #patina-gif-preview{display:block}.patina-workbench[data-output=pop] .patina-stage-header>span:last-child::after{content:" / POP"}.patina-workbench[data-output=gif] .patina-stage-header>span:last-child::after{content:" / RENDER"}.patina-drop{align-items:center;background:rgba(20,27,23,.92);border:1px dashed rgba(255,255,255,.42);border-radius:4px;color:#f1f7f3;cursor:pointer;display:flex;flex-direction:column;grid-gap:.55rem;gap:.55rem;justify-content:center;min-height:13rem;padding:1.5rem;text-align:center;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;width:min(78%,27rem)}.patina-drop>i{color:#8fd1b1;font-size:1.8rem}.patina-drop>strong{font-size:.95rem}.patina-drop>span:not(.btn){color:rgba(241,247,243,.64);font-size:.78rem}.patina-drop.is-dragging,.patina-drop.focus-visible{background:rgba(0,91,57,.82);border-color:#79d5ac;outline:2px solid rgba(121,213,172,.34);outline-offset:3px;transform:translateY(-2px)}.patina-drop.is-dragging,.patina-drop:focus-visible{background:rgba(0,91,57,.82);border-color:#79d5ac;outline:2px solid rgba(121,213,172,.34);outline-offset:3px;transform:translateY(-2px)}.patina-drop:hover{background:rgba(0,91,57,.82);border-color:#79d5ac}.patina-preview.has-image .patina-drop,.patina-preview.has-gif .patina-drop{display:none}.patina-preview-progress{background:rgba(255,255,255,.08);bottom:0;height:2px;left:0;overflow:hidden;position:absolute;right:0;z-index:3}.patina-preview-progress span{background:#66d2a2;display:block;height:100%;opacity:0;transform:scaleX(0);transform-origin:left;width:100%}.patina-workbench.is-busy .patina-preview-progress span{animation:patina-progress 1.15s ease-in-out infinite;opacity:1}.patina-stage-footer{grid-gap:1rem;gap:1rem;padding:.35rem .15rem 0}.patina-file-info{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patina-file-picker{align-items:center;display:inline-flex;flex:0 0 auto;min-height:2.75rem;white-space:nowrap}.patina-controls{background:#fff;border-radius:0 3px 3px 0;min-width:0}.patina-controls-header{align-items:center;border-bottom:1px solid #dfe5e1;display:flex;justify-content:space-between;padding:1rem 1.15rem}.patina-controls-header>div{align-items:center;display:flex}.patina-controls-header h2{color:#202621;font-size:1rem;font-weight:600;margin:0}.patina-section-index,.patina-section-heading>span{color:#009a61;font-family:Consolas,"Liberation Mono",monospace;font-size:.68rem;font-weight:700;margin-right:.65rem}#patina-reset{align-items:center;display:inline-flex;grid-gap:.4rem;gap:.4rem;min-height:2.75rem}.patina-control-section{border-bottom:1px solid #dfe5e1;padding:1.1rem 1.15rem}.patina-control-section:last-child{border-bottom:0}.patina-control-section .form-group:last-child{margin-bottom:0}.patina-range-group label{align-items:center;color:#202621;display:flex;font-size:.8rem;font-weight:500;justify-content:space-between;margin-bottom:.3rem}.patina-range-group output{color:#00784b;font-family:Consolas,"Liberation Mono",monospace;font-size:.72rem;font-weight:700}.patina-range-group>small{color:#68736d;display:block;font-size:.68rem;line-height:1.45;margin-top:.15rem}.patina-range-group .custom-range{height:1.35rem}.patina-range-group .custom-range.focus-visible{outline:2px solid rgba(0,154,97,.55);outline-offset:3px}.patina-range-group .custom-range:focus-visible{outline:2px solid rgba(0,154,97,.55);outline-offset:3px}.patina-range-group .custom-range::-webkit-slider-runnable-track{background:#dfe6e2;border-radius:2px;height:.25rem}.patina-range-group .custom-range::-webkit-slider-thumb{background:#009a61;box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(0,154,97,.18);margin-top:-0.35rem}.patina-range-group .custom-range::-moz-range-track{background:#dfe6e2;border-radius:2px;height:.25rem}.patina-range-group .custom-range::-moz-range-thumb{background:#009a61;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,154,97,.18)}.patina-switch-grid{display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(2, minmax(0, 1fr))}.patina-switch-grid .custom-control,.patina-pop-row{align-items:center;background:#f5f8f6;border:1px solid #e4e9e6;border-radius:4px;display:flex;min-height:2.8rem;padding:.55rem .7rem .55rem 2.75rem}.patina-switch-grid .custom-control-label,.patina-pop-row .custom-control-label{color:#202621;font-size:.78rem;font-weight:500}.patina-switch-grid .custom-control-input.focus-visible~.custom-control-label,.patina-pop-row .custom-control-input.focus-visible~.custom-control-label{outline:2px solid rgba(0,154,97,.55);outline-offset:3px}.patina-switch-grid .custom-control-input:focus-visible~.custom-control-label,.patina-pop-row .custom-control-input:focus-visible~.custom-control-label{outline:2px solid rgba(0,154,97,.55);outline-offset:3px}.patina-pop-row{display:grid;grid-gap:.85rem;gap:.85rem;grid-template-columns:minmax(0, 1fr) auto;margin-top:.85rem;padding-left:.75rem}.patina-pop-row .custom-control{min-width:4.7rem}.patina-advanced-toggle{align-items:center;background:#fbfcfb;border:0;border-bottom:1px solid #dfe5e1;color:#00784b;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;justify-content:space-between;min-height:3rem;padding:.65rem 1.15rem;transition:background-color .18s ease,color .18s ease;width:100%}.patina-advanced-toggle:hover,.patina-advanced-toggle.focus-visible{background:#eef7f2;color:#009a61;outline:2px solid rgba(0,154,97,.28);outline-offset:-2px}.patina-advanced-toggle:hover,.patina-advanced-toggle:focus-visible{background:#eef7f2;color:#009a61;outline:2px solid rgba(0,154,97,.28);outline-offset:-2px}.patina-advanced-toggle>span i{margin-right:.45rem}.patina-advanced-toggle>i{transition:transform .22s ease}.patina-advanced-toggle[aria-expanded=true]>i{transform:rotate(180deg)}.patina-advanced:not([hidden]){animation:patina-reveal .26s ease-out both}.patina-section-heading{align-items:center;display:flex;margin-bottom:.9rem}.patina-section-heading h3{color:#202621;font-size:.82rem;font-weight:700;margin:0}.patina-controls label:not(.custom-control-label){color:#202621;font-size:.78rem;font-weight:500}.patina-controls .form-control,.patina-controls .custom-select{border-color:#ccd6d0;border-radius:4px;font-size:.8rem;min-height:2.75rem}.patina-controls .form-control.focus-visible,.patina-controls .custom-select.focus-visible{border-color:#009a61;box-shadow:0 0 0 .18rem rgba(0,154,97,.14)}.patina-controls .form-control:focus-visible,.patina-controls .custom-select:focus-visible{border-color:#009a61;box-shadow:0 0 0 .18rem rgba(0,154,97,.14)}.patina-action-dock{background:#fff;padding:1rem 1.15rem 1.15rem}.patina-status{color:#68736d;font-size:.72rem;line-height:1.5;margin:0 0 .7rem;min-height:1.1rem;padding-left:1rem;position:relative}.patina-status::before{background:#009a61;border-radius:50%;content:"";height:.4rem;left:0;position:absolute;top:.32rem;width:.4rem}.patina-workbench.is-busy .patina-status::before{animation:patina-pulse 1s ease-in-out infinite}.patina-related-links{align-items:center;border-top:1px solid #dfe5e1;display:flex;flex-wrap:wrap;grid-gap:.75rem 1.5rem;gap:.75rem 1.5rem;margin-top:1.5rem;padding-top:1rem}.patina-related-links a{color:#00784b;font-size:.84rem;font-weight:600;text-decoration:none}.patina-related-links a:hover,.patina-related-links a.focus-visible{color:#009a61;text-decoration:underline}.patina-related-links a:hover,.patina-related-links a:focus-visible{color:#009a61;text-decoration:underline}.patina-related-links i{font-size:.72rem;margin-left:.2rem}.patina-guide-page{max-width:52rem;padding-bottom:3rem}.patina-guide-page h1,.patina-guide-page h2{color:#202621}.patina-guide-page h1{font-size:1.75rem;font-weight:600;line-height:1.25;margin:.3rem 0 .75rem}.patina-guide-page h2{border-top:1px solid #dfe5e1;font-size:1.1rem;font-weight:600;margin:2rem 0 .75rem;padding-top:1.25rem}.patina-guide-page p,.patina-guide-page li{color:#68736d;line-height:1.75}.patina-guide-page ul,.patina-guide-page ol{padding-left:1.25rem}.patina-guide-page a{color:#00784b}.patina-action-dock .btn{border-radius:4px;font-size:.86rem;font-weight:600;min-height:2.8rem;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.patina-action-dock .btn:active,.patina-file-picker:active{transform:translateY(1px)}.patina-action-dock .btn-success,.patina-file-picker.btn-success{background-color:#009a61;border-color:#009a61}.patina-action-dock .btn-success:hover,.patina-file-picker.btn-success:hover{background-color:#00784b;border-color:#00784b}.patina-controls.is-busy input,.patina-controls.is-busy select,.patina-controls.is-busy textarea{cursor:wait}.patina-controls.is-busy .patina-status{color:#202621}@keyframes patina-progress{0%{transform:translateX(-100%) scaleX(0.28)}50%{transform:translateX(15%) scaleX(0.55)}100%{transform:translateX(100%) scaleX(0.28)}}@keyframes patina-pulse{0%,100%{opacity:.35;transform:scale(0.8)}50%{opacity:1;transform:scale(1)}}@keyframes patina-reveal{from{opacity:0;transform:translateY(-0.35rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion: no-preference){.patina-workbench{animation:patina-reveal .35s ease-out both}.patina-preview.has-image #patina-canvas,.patina-preview.has-gif #patina-gif-preview{animation:patina-reveal .25s ease-out both}}@media(max-width: 991.98px){.patina-workbench{grid-template-columns:minmax(0, 1.25fr) minmax(19rem, 0.9fr)}.patina-preview-panel{position:static}}@media(max-width: 767.98px){.patina-page-body #fixed-bar{display:none}.patina-page{padding-bottom:4.5rem}.patina-page-header{align-items:stretch;display:grid;grid-gap:.85rem;gap:.85rem}.patina-page-header h1{font-size:1.5rem}.patina-workbench{display:block}.patina-preview-panel{border-radius:3px 3px 0 0;padding:.7rem}.patina-preview{min-height:22rem}#patina-canvas,#patina-gif-preview{max-height:19rem;max-width:calc(100% - 1.5rem)}.patina-drop{min-height:11rem;width:calc(100% - 1.5rem)}.patina-controls-header,.patina-control-section,.patina-action-dock{padding-left:1rem;padding-right:1rem}.patina-switch-grid .custom-control,.patina-pop-row,.patina-advanced-toggle,.patina-action-dock .btn,#patina-reset{min-height:2.75rem}.patina-related-links{align-items:flex-start;flex-direction:column;grid-gap:.65rem;gap:.65rem}}@media(max-width: 399.98px){.patina-page{padding-bottom:4.5rem}.patina-page-header p{font-size:.84rem}.patina-switch-grid{grid-template-columns:1fr}.patina-stage-header>span:last-child{display:none}.patina-advanced .form-row>.col-6,.patina-advanced .form-row>.col-4{flex:0 0 100%;max-width:100%}.patina-advanced .form-row>.form-group:not(:last-child){margin-bottom:1rem}}@media(prefers-reduced-motion: reduce){.patina-workbench,.patina-preview.has-image #patina-canvas,.patina-preview.has-gif #patina-gif-preview,.patina-advanced:not([hidden]),.patina-workbench.is-busy .patina-preview-progress span,.patina-workbench.is-busy .patina-status::before{animation:none}.patina-drop,.patina-advanced-toggle>i,.patina-action-dock .btn{transition:none}}