@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/pixelify-sans-cyrillic-700-normal.1nhjllya49qqp.woff2)format("woff2"),url(../media/pixelify-sans-cyrillic-700-normal.2sx03-kqifpl1.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/pixelify-sans-latin-ext-700-normal.1a0le-w5c4cmd.woff2)format("woff2"),url(../media/pixelify-sans-latin-ext-700-normal.1o8otrkv6i-c1.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/pixelify-sans-latin-700-normal.25s_0vgazni8n.woff2)format("woff2"),url(../media/pixelify-sans-latin-700-normal.2lg4rdbe1qsnn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.inset-0{inset:0}.bottom-5{bottom:1.25rem}.left-1\/2{left:50%}.z-50{z-index:50}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-10{height:2.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.min-h-24{min-height:6rem}.w-8{width:2rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-line{--tw-border-opacity:1;border-color:rgb(222 216 207/var(--tw-border-opacity,1))}.border-stone-900{--tw-border-opacity:1;border-color:rgb(28 25 23/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.bg-ink{--tw-bg-opacity:1;background-color:rgb(23 20 18/var(--tw-bg-opacity,1))}.bg-panel{--tw-bg-opacity:1;background-color:rgb(247 244 239/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-stone-900{--tw-bg-opacity:1;background-color:rgb(28 25 23/var(--tw-bg-opacity,1))}.bg-stone-950\/35{background-color:#0c0a0959}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.text-ink{--tw-text-opacity:1;color:rgb(23 20 18/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-stone-500{--tw-text-opacity:1;color:rgb(120 113 108/var(--tw-text-opacity,1))}.text-stone-700{--tw-text-opacity:1;color:rgb(68 64 60/var(--tw-text-opacity,1))}.text-stone-800{--tw-text-opacity:1;color:rgb(41 37 36/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-soft{--tw-shadow:0 18px 45px #1c18141a;--tw-shadow-colored:0 18px 45px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#062237;--pixel:"Pixelify Sans", monospace;background:#003b3f}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth}body{color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #38a3ff}button{color:inherit}h1,h2,p{margin:0}.bandju-workshop{--accent:#19d37a;--secondary:#ffcf3d;background:#003b3f;min-height:100vh}.workshop-header{z-index:20;color:#fff9e9;background:#003b3f;border-bottom:4px solid #152a2b;position:relative}.header-inner{align-items:center;gap:22px;max-width:1600px;min-height:74px;margin:auto;padding:7px 32px;display:flex}.bandju-brand{white-space:nowrap;font-family:var(--pixel);color:#fff9e9;text-shadow:3px 3px #092326,-2px -2px #092326,2px -2px #092326,-2px 2px #092326;align-items:center;gap:8px;font-size:42px;font-weight:700;line-height:1;display:inline-flex}.bandju-brand b{text-shadow:2px 2px #a91423;background:#ed2833;border-top:3px solid #ff6870;border-bottom:3px solid #a91522;padding:1px 7px 4px;font-size:35px;display:inline-block;box-shadow:3px 0 #b52029,-3px 0 #b52029}.brand-avatar{flex:none;width:57px;height:57px;position:relative;overflow:hidden}.brand-avatar canvas{width:100%;height:100%;image-rendering:pixelated}.header-tagline{white-space:pre-line;max-width:220px;font-size:13px;line-height:1.45}.header-tagline svg{color:#ffd45c;margin-left:5px;display:inline}.header-inner nav{white-space:nowrap;align-items:center;gap:23px;margin-left:auto;display:flex}.header-inner nav a{align-items:center;gap:7px;min-height:45px;font-size:14px;font-weight:700;display:flex;position:relative}.header-inner nav a:after{content:"";background:0 0;height:4px;position:absolute;bottom:0;left:0;right:0}.header-inner nav a:hover:after,.header-inner nav .nav-active:after{background:var(--accent);box-shadow:0 2px #087147}.header-inner nav svg{color:#ffdd58;stroke-width:2.6px;filter:drop-shadow(2px 2px #062427);width:21px;height:21px}.header-inner nav a:first-child svg{color:#f5ffec;fill:#23bd86}.header-inner nav a:nth-child(2) svg{color:#b8d6e2}.header-inner nav a:nth-child(3) svg{color:#ffc3d5;fill:#f85382}.header-inner nav a:nth-child(4) svg{fill:#ffce4b}.locale-picker select{color:#f6f5de;background:#073237;border:1px solid #397175;border-radius:3px;width:84px;padding:8px 6px;font-size:12px}.workshop-scene{aspect-ratio:1565/1005;isolation:isolate;width:100%;max-width:1600px;margin:auto;position:relative}.workshop-background{z-index:-2;width:100%;height:100%;image-rendering:pixelated;-o-object-fit:fill;object-fit:fill;transition:filter .3s;position:absolute;inset:0}.brand-sign{color:#fff7df;text-align:center;width:40.4%;height:18.2%;font-family:var(--pixel);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:4.2%;left:20.9%}.brand-sign h1{-webkit-text-stroke:7px #291909;paint-order:stroke fill;text-shadow:5px 7px #452815;white-space:nowrap;font-size:102px;font-weight:700;line-height:.98}.brand-sign h2{-webkit-text-stroke:4px #372310;paint-order:stroke fill;text-shadow:2px 3px #372310;text-wrap:balance;margin:10px 0 12px;font-size:30px;font-weight:700;line-height:1.12}.brand-sign p{-webkit-text-stroke:3px #39230e;paint-order:stroke fill;align-items:center;gap:7px;font-size:24px;font-weight:700;line-height:1.12;display:flex}.brand-sign p span{color:#83d229;font-size:21px}.scene-label{pointer-events:none;position:absolute}.forest-poster{color:#fff3ba;text-align:center;white-space:pre-line;width:7.8%;font:700 21px/1.16 var(--pixel);text-shadow:2px 2px #154f37;top:10.6%;left:4.8%}.pixel-smile{color:#ffcf3d;padding-top:4px;font-size:34px;display:block}.red-case{color:#fff5c9;width:8%;height:7%;font:700 19px/1 var(--pixel);white-space:pre-line;text-align:center;top:27.1%;left:14.2%}.red-case svg{color:#ffd15c;margin-left:5px;display:inline}.desk-checklist{width:8.4%;margin:0;padding:0;list-style:none;top:48.9%;left:2.4%;transform:rotate(-5deg)}.desk-checklist li{align-items:center;gap:5px;margin:0 0 10px;font-size:13px;font-weight:600;line-height:1.1;display:flex}.desk-checklist svg{color:#165a32;stroke-width:3px;flex:none;width:15px;height:15px;box-shadow:inset -1px -1px #736230}.window-signs{grid-template-rows:repeat(3,1fr);row-gap:10px;width:10.2%;height:16.8%;display:grid;top:11.4%;left:87.3%}.window-signs span{color:#402814;font:700 23px/1 var(--pixel);justify-content:center;align-items:center;gap:9px;display:flex}.window-signs svg{stroke-width:2.5px;flex:none;width:22px;height:22px}.window-signs span:nth-child(2) svg{color:#006750;fill:#10a477}.mug-label{white-space:pre-line;text-align:center;width:4.8%;font:700 13px/1.05 var(--pixel);color:#082333;top:32.4%;left:82.65%}.mug-label b{color:#e42a38;margin-bottom:3px;font-size:21px;display:block}.book-labels{color:#ffffe8;width:10.8%;height:20.3%;font:700 21px/1 var(--pixel);text-shadow:2px 2px #173d38;grid-template-rows:repeat(5,1fr);gap:5px;display:grid;top:42.65%;left:88.3%}.book-labels span{justify-content:center;align-items:center;display:flex;transform:rotate(5deg)}.book-labels span:nth-child(2){transform:rotate(6deg)}.book-labels span:nth-child(3){transform:rotate(3deg)}.book-labels span:last-child{font-size:19px;transform:rotate(7deg)}:lang(ru) .red-case{font-size:15px}:lang(ru) .window-signs span{font-size:19px}:lang(ru) .mug-label{font-size:9px}:lang(ru) .forest-poster{font-size:18px}:lang(ru) .desk-checklist li{font-size:11px}.mascot-stage{z-index:2;width:22%;height:28%;position:absolute;top:7.2%;left:59.7%}.panda-interaction{aspect-ratio:1;transform-origin:55% 95%;background:0 0;border:0;width:100%;padding:0;display:block;position:absolute;bottom:-1%}.panda-sprite{width:100%;height:100%;image-rendering:pixelated;display:block}.mascot-idle .panda-sprite{animation:3s steps(3,end) infinite panda-breathe}.mascot-working .panda-interaction{animation:.23s steps(2,end) infinite panda-work}.speech-bubble{z-index:4;color:#072137;text-align:center;background:#fffdf7;border:4px solid #172020;width:61%;padding:13px 11px;font-size:17px;font-weight:700;line-height:1.14;position:absolute;top:-5%;right:-2%;box-shadow:3px 3px #888980,inset -3px -3px #e5e5dd}.speech-bubble:after{content:"";background:#fffdf7;border-bottom:4px solid #172020;border-right:4px solid #172020;width:19px;height:19px;position:absolute;bottom:-14px;left:20px;transform:skewY(-35deg)}.mascot-done .speech-bubble{display:none}.ready-label{text-align:center;width:52%;font:700 27px/1 var(--pixel);color:#076c50;position:absolute;top:9%;left:23%;transform:rotate(-1deg)}.pixel-smoke{opacity:0;pointer-events:none;background:#e1dfce;width:19px;height:19px;position:absolute;bottom:14%;left:28%;box-shadow:8px -5px #aaa899,-5px 8px #aaa899}.mascot-working .pixel-smoke{animation:1.1s steps(5,end) infinite workshop-smoke}.mascot-working .smoke-two{animation-delay:.4s;left:48%}.mascot-working .smoke-three{animation-delay:.75s;left:18%}.celebration{pointer-events:none;position:absolute;inset:0}.celebration i{background:#ffcc36;width:7px;height:9px;animation:1s steps(9,end) forwards confetti-pop;position:absolute;top:45%;left:50%}.celebration i:nth-child(3n){background:#21cb8a}.celebration i:nth-child(3n+1){background:#ff6480}.workbench-panel{z-index:5;background:#faf8f1;border:3px solid #bca689;grid-template-columns:55% 45%;width:62.4%;height:25.5%;padding:11px 13px 13px;display:grid;position:absolute;top:37.6%;left:17%;box-shadow:inset 0 3px #fffdf7,inset -3px -3px #e5decd,0 0 0 5px #6b432a,0 0 0 10px #bc854a,5px 9px 0 10px #50311d}.upload-column{border-right:1px solid #d5cdc0;flex-direction:column;min-width:0;padding-right:13px;display:flex}.step-title{align-items:center;gap:10px;min-height:28px;font-size:15px;font-weight:700;line-height:1.16;display:flex}.step-title>span{color:#fff8d6;width:27px;height:27px;font:700 27px/1 var(--pixel);clip-path:polygon(13% 0,100% 0,100% 86%,87% 100%,0 100%,0 13%);background:#034e49;border:2px solid #77ceac;flex:none;place-items:center;display:grid;box-shadow:2px 2px #042d2d,-2px -1px #103b36}.drop-zone{background:#fdfdfc;border:3px dashed #a7c9e9;border-radius:5px;flex:1;min-height:0;margin-top:10px;transition:background .15s,border-color .15s;position:relative}.drop-zone:hover,.drop-active{background:#f0faf4;border-color:#1cad75}.upload-target{background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;height:100%;min-height:0;padding:10px 18px;display:flex}.upload-target strong{overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:16px;line-height:1.2}.upload-target>span:not(.upload-cloud):not(.file-badge){color:#356294;text-align:center;max-width:440px;font-size:12px;line-height:1.35}.upload-cloud{color:#2e98f2;filter:drop-shadow(2px 2px #afd5f9);flex:none;place-items:center;width:65px;height:48px;min-height:48px;display:grid}.upload-cloud svg{width:58px;height:48px;display:block}.choose-file-link{color:#006b53;text-underline-offset:3px;align-items:center;gap:5px;font-size:11px;text-decoration:underline;display:flex}.remove-file{background:#fff;border:1px solid #cabda7;border-radius:3px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:6px;right:6px}.conversion-column{flex-direction:column;min-width:0;padding-left:13px;display:flex}.format-title{justify-content:space-between;align-items:center;gap:3px;display:flex;position:relative}.conversion-settings{color:#687879;background:0 0;border:0;place-items:center;padding:5px;display:grid}.engine-options{z-index:12;background:#fffdf3;border:2px solid #60432c;gap:7px;width:245px;padding:12px;font-size:13px;display:grid;position:absolute;top:34px;right:0;box-shadow:3px 3px #7b664b}.engine-options select{background:#fff;border:1px solid #b1bbbf;width:100%;padding:8px}.engine-options p{font-size:12px;line-height:1.5}.external-consent{align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.external-consent input{flex-shrink:0;margin-top:4px}.upload-target small{color:#50677b;font-size:11px}.download-dialog{color:#163d3b;background:#fffdf3;border:4px solid #67442b;width:min(560px,100% - 32px);max-height:85dvh;margin:auto;padding:20px;box-shadow:6px 6px #b5854e}.download-dialog::backdrop{background:#052d36b8}.download-dialog header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.download-dialog h2{font:700 26px var(--pixel)}.download-dialog header button{flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.download-files{border-block:1px solid #b7b9a6;max-height:50dvh;overflow:auto}.download-files a{border-bottom:1px solid #dde1d4;align-items:center;gap:12px;min-height:52px;padding:10px 0;display:flex}.download-files a:hover{background:#e6f8e8}.download-files svg{flex-shrink:0}.download-files strong{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px}.download-files span{white-space:nowrap;font-size:11px}.download-dialog footer a{align-items:center;gap:8px;min-height:44px;margin-top:10px;font-size:13px;text-decoration:underline;display:inline-flex}.download-dialog footer p{color:#506b67;font-size:12px}.admin-login{background:#fff9ec;border:3px solid #8b704a;gap:24px;max-width:440px;margin:10vh auto;padding:24px;display:grid}.admin-login h1{font:700 28px var(--pixel)}.admin-login p{font-size:13px;line-height:1.5}.format-fields{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:end;gap:6px;padding:9px 0 12px;display:grid}.format-field{gap:4px;min-width:0;font-size:12px;font-weight:700;display:grid}.format-select-wrap{background:#fff;border:2px solid #c4ccd3;border-radius:3px;align-items:center;height:44px;display:flex;position:relative}.format-select-wrap>.file-badge{pointer-events:none;position:absolute;left:10px}.format-select-wrap>svg{pointer-events:none;position:absolute;right:8px}.format-select-wrap select{appearance:none;color:#102438;background:0 0;border:0;width:100%;height:100%;padding:0 24px 0 45px;font-size:14px;font-weight:700}.format-select-wrap select:disabled{opacity:1;cursor:default}.conversion-arrow{color:#08b969;justify-content:center;align-items:center;margin-bottom:9px;font-size:21px;display:flex}.convert-action{border-top:1px solid #d7cec0;flex-direction:column;flex:1;padding-top:6px;display:flex}.big-convert{color:#fff;width:100%;min-height:56px;font:700 33px/1 var(--pixel);text-shadow:2px 2px #078443;clip-path:polygon(2% 0,98% 0,98% 4%,100% 4%,100% 96%,98% 96%,98% 100%,2% 100%,2% 96%,0 96%,0 4%,2% 4%);background:#08ad54;border:3px solid #003a2b;flex:1;justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:6px 13px;display:flex;box-shadow:0 0 0 2px #37d977,inset 3px 3px #8bf8ae,inset -3px -3px #005838,2px 3px #153c2c}.big-convert svg{stroke-width:3px;flex:none;width:27px;height:27px}.big-convert span{text-align:center;overflow-wrap:anywhere}.big-convert:hover:not(:disabled){background:#16c46b}.big-convert:active:not(:disabled){transform:translateY(2px)}.big-convert:disabled{background:#149952}.workbench-panel[aria-busy=true] .big-convert{font-size:20px}.convert-another{color:#086147;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:11px;text-decoration:underline;display:flex}.conversion-complete .big-convert{min-height:42px;font-size:26px}.conversion-error{color:#9c2634;background:#fff5e8;border:2px solid #ab3940;padding:7px 12px;font-size:12px;font-weight:600;position:absolute;top:calc(100% + 13px);left:0;right:0;box-shadow:2px 3px #673a26}.file-badge{background:#fffefb;border:1px solid #ddd9d1;border-radius:4px;flex:none;place-items:center;width:48px;height:47px;display:grid;position:relative;box-shadow:0 2px #e2ddd4}.file-sheet{background:var(--file-color);color:#fff;clip-path:polygon(0 0,66% 0,100% 27%,100% 100%,0 100%);border:2px solid #ffffff70;flex-direction:column;justify-content:flex-end;align-items:center;width:30px;height:37px;padding-bottom:3px;display:flex;position:relative;box-shadow:1px 2px #55606a}.file-sheet:after{content:"";background:#ffffffb5;width:9px;height:9px;position:absolute;top:0;right:0}.file-sheet svg{stroke-width:2px;width:14px;height:13px;margin-top:4px}.file-sheet b{font:700 10px/1 var(--pixel)}.file-badge-compact{width:22px;height:28px;box-shadow:none;background:0 0;border:0}.file-badge-compact .file-sheet{border-width:1px;width:22px;height:28px}.file-badge-compact .file-sheet b{font-size:8px}.file-badge-compact .file-sheet svg{width:10px;height:8px}.workshop-tools{flex-direction:column;width:73.6%;height:29.6%;scroll-margin-top:20px;display:flex;position:absolute;top:65.9%;left:6.5%}.tools-heading{justify-content:space-between;align-items:center;gap:12px;height:42px;min-height:42px;margin-bottom:10px;display:flex}.tools-heading h2{color:#fff8e7;font:700 25px/1 var(--pixel);white-space:nowrap;text-shadow:2px 2px #39220f;background:#67371a;border:3px solid #402613;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:inset 1px 2px #a16933,3px 3px #b77737}.tools-heading h2 svg{color:#d1d5d7;width:24px;height:24px}.tools-heading p{color:#fff3d0;text-shadow:1px 2px #4b2816;justify-content:flex-end;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.1;display:flex}.tools-heading p svg{color:#fff2be;flex:none;width:18px;height:18px}.conversion-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-height:0;display:grid}.conversion-tool{background:#fbf7ec;border:3px solid #b8a17e;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:6px 9px;transition:background .15s;display:flex;position:relative;box-shadow:inset 2px 2px #fffdf7,inset -2px -2px #e7deca,0 0 0 2px #513822}.conversion-tool:hover{background:#ecfff1;border-color:#41b874}.conversion-tool[aria-pressed=true]{background:#e5ffe7;border-color:#0ea653;box-shadow:inset 2px 2px #a4f7af,inset -2px -2px #b4e3bb,0 0 0 2px #125e35,0 0 0 5px #53cd64}.tool-files{justify-content:center;align-items:center;gap:9px;margin-bottom:4px;display:flex}.conversion-tool strong{font-size:14px;line-height:1.1}.tool-description{text-align:center;max-width:160px;margin-top:2px;font-size:12px;line-height:1.1}.instant-gift{text-align:center;flex-direction:column;justify-content:space-between;width:13.5%;height:27%;padding:0 5px;display:flex;position:absolute;top:66.7%;left:83.1%}.instant-gift h2{white-space:pre-line;font-size:18px;font-weight:800;line-height:1.16}.gift-art{flex:1}.gift-bottom p{font-size:15px;font-weight:600;line-height:1.15}.gift-bottom a{font:700 16px/1.1 var(--pixel);color:#075f3d;justify-content:center;align-items:center;gap:5px;padding:6px 2px 0;text-decoration:underline;display:inline-flex}.gift-unlocked{animation:.6s steps(5,end) gift-bounce}.gift-unlocked .gift-bottom p{display:none}.workshop-footer{color:#edf5e8;background:#003b3f;border-top:4px solid #173e39}.footer-main{justify-content:space-between;align-items:center;gap:20px;max-width:1600px;min-height:84px;margin:auto;padding:10px 32px;display:flex}.brand-small{gap:8px;font-size:25px}.brand-small .brand-avatar{width:44px;height:44px}.brand-small b{border-width:2px;padding:0 3px 2px;font-size:21px}.footer-brand{min-width:255px;position:relative}.footer-brand p{color:#b9d6d4;margin-top:-7px;margin-left:53px;font-size:12px}.footer-brand p svg{color:#fa625a;margin-left:6px;display:inline}.footer-feature{align-items:center;gap:12px;display:flex}.footer-feature>svg{color:#ffd150;fill:#ffd150;filter:drop-shadow(2px 3px #092329);flex:none;width:29px;height:29px}.footer-feature:nth-child(3)>svg{color:#4ce4b4;fill:#008e66}.footer-feature:nth-child(4)>svg{color:#ffa2bc;fill:#ee447b}.footer-feature:nth-child(5)>svg{color:#ffda72;fill:#ee4547}.footer-feature div{gap:3px;display:grid}.footer-feature b{font-size:13px;font-weight:600}.footer-feature span{color:#b9d6d4;max-width:225px;font-size:11px}.footer-settings{color:#b3d2d1;border-top:1px solid #18565a;align-items:center;gap:16px;max-width:1600px;margin:auto;padding:9px 32px;font-size:11px;display:flex}.footer-settings>a{align-items:center;gap:6px;margin-left:auto;display:flex}.footer-settings label{align-items:center;gap:6px;display:flex}.footer-settings input{accent-color:#18be84}.day-switch{display:flex}.day-switch button{color:#99bdbc;background:0 0;border:1px solid #377478;place-items:center;padding:6px 9px;display:grid}.day-switch button[aria-pressed=true]{color:#ffe078;background:#246465}.workshop-night .workshop-background{filter:brightness(.63)saturate(.84)}.workshop-night .brand-sign{filter:brightness(.9)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes panda-breathe{50%{transform:translateY(-3px)}}@keyframes panda-work{50%{transform:translate(3px,2px)rotate(1deg)}}@keyframes workshop-smoke{0%{opacity:.8;transform:translate(0)scale(.5)}to{opacity:0;transform:translate(-25px,-115px)scale(1.8)}}@keyframes confetti-pop{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(150deg)}}@keyframes gift-bounce{50%{transform:translateY(-7px)rotate(2deg)}}.motion-off *,.motion-off :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.admin-room{background:#073c40;min-height:100vh;padding:28px}.admin-header{background:#fff9ec;border:3px solid #8b704a;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:1200px;margin:0 auto 20px;padding:18px;display:grid}.admin-header p{font:700 20px var(--pixel);text-align:center;color:#087557}.admin-header h1{font:700 32px var(--pixel)}.admin-back,.admin-save{background:#fff;border:2px solid #254946;align-items:center;gap:7px;padding:10px;font-size:13px;display:inline-flex}.admin-back{justify-self:start}.admin-save{background:#16bd78;justify-self:end}.admin-grid{grid-template-columns:.85fr 1.15fr;gap:18px;max-width:1200px;margin:auto;display:grid}.admin-panel{background:#fff9ec;border:3px solid #a08662;padding:20px}.panel-title{align-items:center;gap:8px;margin-bottom:18px;font-weight:700;display:flex}.admin-field{gap:7px;font-size:12px;font-weight:600;display:grid}.admin-field input,.admin-field select,.admin-field textarea{color:#12352f;background:#fff;border:1px solid #b7c0bc;border-radius:3px;width:100%;min-width:0;padding:10px}.admin-field input[type=color]{min-height:44px;padding:4px}.admin-field textarea{resize:vertical;min-height:80px}.admin-panel>.admin-field+.admin-field{margin-top:12px}.admin-color-row,.sign-editor-grid,.copy-editor-grid{gap:14px;display:grid}.admin-color-row{margin:12px 0}.admin-color-row,.sign-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.copy-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.copy-panel{grid-column:1/-1}.admin-status{background:#fff3c4;border:2px solid #baa276;max-width:1200px;margin:20px auto 0;padding:15px;font-size:13px}@media (min-width:1500px){.brand-sign h1{font-size:112px}.brand-sign h2{font-size:32px}.workbench-panel{padding:14px 16px}.upload-target{gap:12px}}@media (max-width:1300px){.header-inner{gap:15px;padding-inline:22px}.header-tagline{display:none}.header-inner nav{gap:22px}.brand-sign h1{font-size:88px}.brand-sign h2{margin:7px 0 10px;font-size:26px}.brand-sign p{font-size:20px}.forest-poster{font-size:18px}.red-case{font-size:16px}.window-signs span{gap:6px;font-size:19px}.book-labels{font-size:17px}.book-labels span:last-child{font-size:16px}.mug-label{font-size:11px}.desk-checklist li{margin-bottom:8px;font-size:11px}.speech-bubble{padding:10px;font-size:15px}.step-title{gap:7px;min-height:24px;font-size:13px}.step-title>span{width:24px;height:24px;font-size:23px}.workbench-panel{padding:9px}.upload-target{gap:7px;padding:8px}.upload-target strong{font-size:14px}.upload-target>span:not(.upload-cloud):not(.file-badge){font-size:11px}.upload-cloud{height:37px}.format-fields{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);padding:5px 0 8px}.format-select-wrap{height:38px}.format-select-wrap>.file-badge{left:6px}.format-select-wrap select{padding-left:32px;padding-right:21px;font-size:12px}.format-select-wrap>svg{right:4px}.big-convert{min-height:47px;margin-top:6px;font-size:29px}.tools-heading{height:33px;min-height:33px;margin-bottom:9px}.tools-heading h2{padding:4px 8px;font-size:21px}.tools-heading p{font-size:12px}.tool-files{gap:6px}.file-badge{width:41px;height:41px}.file-badge-compact{width:21px;height:26px}.conversion-tool strong{font-size:12px}.tool-description{font-size:11px}.instant-gift h2{font-size:18px}.gift-bottom p{font-size:13px}.footer-main{gap:18px;padding-inline:22px}.footer-feature{gap:8px}.footer-brand{min-width:215px}.footer-feature b{font-size:12px}.footer-feature span{font-size:10px}}@media (max-width:1250px) and (min-width:761px){.header-inner nav{gap:16px}.header-inner nav a{font-size:12px}.header-inner nav a:nth-child(3){display:none}.bandju-brand{font-size:33px}.bandju-brand b{font-size:28px}.brand-avatar{width:47px;height:47px}.brand-sign h1{-webkit-text-stroke-width:5px;font-size:71px}.brand-sign h2{-webkit-text-stroke-width:3px;font-size:21px}.brand-sign p{font-size:17px}.workshop-scene{aspect-ratio:auto;min-height:850px}.workshop-background{-o-object-fit:cover;object-fit:cover;height:100%}.brand-sign{height:17%;top:4%}.workbench-panel{width:74%;height:26%;left:13%}.workshop-tools{width:75%;left:5%}.tools-heading p{display:none}.conversion-grid{gap:8px}.file-badge{width:35px;height:37px}.file-badge-compact{width:21px;height:26px}.tool-files{gap:3px}.conversion-tool{padding:5px}.conversion-tool strong{font-size:11px}.tool-description{font-size:10px}.desk-checklist{width:9%;left:1.5%}.desk-checklist li{gap:3px;font-size:10px}.desk-checklist svg{width:10px}.window-signs span{font-size:16px}.window-signs svg{width:16px;height:16px}.forest-poster{font-size:16px}.book-labels{width:9%;font-size:15px;left:90%}.book-labels span:last-child{font-size:13px}.mug-label{display:none}.instant-gift h2{font-size:17px}.gift-bottom p{font-size:12px}.footer-feature:nth-child(3){display:none}}@media (max-width:1250px){.header-inner{justify-content:space-between;gap:10px;min-height:65px;padding:7px 14px}.bandju-brand{gap:6px;font-size:31px}.bandju-brand b{font-size:25px}.brand-avatar{width:45px;height:45px}.header-inner nav{display:none}.locale-picker select{width:81px;padding-block:10px;font-size:11px}.workshop-scene{aspect-ratio:auto;background:#80512f;padding:344px 18px 24px}.workshop-background{-o-object-fit:cover;object-fit:cover;-o-object-position:48% top;object-position:48% top;height:800px}.brand-sign{background:url(/art/workshop.png) 34.7% 3.8%/235% 498%;border:4px solid #472719;width:90%;height:145px;padding:9px 12px;top:23px;left:5%;box-shadow:3px 4px #3c2416,inset 2px 2px #eda357}.brand-sign h1{-webkit-text-stroke-width:5px;text-shadow:3px 4px #452815;font-size:60px;line-height:1}.brand-sign h2{-webkit-text-stroke-width:3px;margin:4px 0 10px;font-size:22px}.brand-sign p{-webkit-text-stroke-width:2px;gap:3px;font-size:17px}.brand-sign p span{font-size:13px}.scene-label{display:none}.mascot-stage{width:184px;height:181px;top:161px;left:auto;right:8%}.speech-bubble{width:145px;padding:10px;font-size:14px;top:38px;left:-126px;right:auto}.speech-bubble:after{left:auto;right:14px}.panda-interaction{bottom:-4px}.ready-label{font-size:21px}.workbench-panel{grid-template-columns:1fr;gap:16px;width:100%;height:auto;min-height:413px;padding:13px;position:relative;top:auto;left:auto;box-shadow:inset 0 3px #fffdf7,inset -3px -3px #e5decd,0 0 0 4px #6b432a,0 0 0 8px #bc854a,3px 6px 0 8px #50311d}.upload-column{border:0;padding:0}.step-title{min-height:25px;font-size:13px}.drop-zone{flex:none;min-height:155px;margin-top:10px}.upload-target{gap:8px;min-height:150px;padding:12px}.upload-cloud{height:41px}.upload-target strong{font-size:14px}.upload-target>span:not(.upload-cloud):not(.file-badge){font-size:11px}.conversion-column{padding:0}.format-fields{grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);padding:8px 0 12px}.format-select-wrap{height:42px}.format-select-wrap select{padding-left:40px;font-size:14px}.format-select-wrap>.file-badge{left:8px}.big-convert{min-height:54px;margin-top:10px;font-size:30px}.conversion-error{grid-column:1;margin-top:0;position:static}.workshop-tools{width:100%;height:auto;margin-top:27px;position:relative;top:auto;left:auto}.tools-heading{height:auto;min-height:40px;margin-bottom:12px}.tools-heading h2{white-space:normal;text-align:center;justify-content:center;width:100%;padding:8px;font-size:23px}.tools-heading h2 svg{flex:none}.tools-heading p{display:none}.conversion-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:124px;gap:12px}.conversion-tool{padding:10px 8px}.tool-files{gap:10px;margin-bottom:7px}.file-badge{width:45px;height:43px}.file-badge-compact{width:22px;height:28px}.conversion-tool strong{font-size:13px}.tool-description{margin-top:3px;font-size:11px}.instant-gift{text-align:left;background:#fff1c3;border:3px solid #d6ad64;width:100%;height:145px;margin-top:20px;padding:17px 120px 15px 14px;position:relative;top:auto;left:auto;box-shadow:3px 4px #543721,inset 2px 2px #fff9dc}.instant-gift h2{font-size:20px}.gift-art{width:104px;height:99px;image-rendering:pixelated;background:url(/art/workshop.png) 93.5% 86%/1130% 743%;position:absolute;top:27px;right:8px}.gift-bottom p{font-size:12px;font-weight:500}.gift-bottom a{font-size:13px}.footer-main{grid-template-columns:1fr 1fr;gap:20px 16px;padding:18px;display:grid}.footer-brand{grid-column:1/-1}.footer-feature{align-items:flex-start}.footer-feature>svg{width:24px;height:24px}.footer-feature b{font-size:12px}.footer-feature span{font-size:10px;line-height:1.4}.footer-settings{flex-wrap:wrap;gap:12px;padding:12px 18px}.footer-settings>span{display:none}.brand-small{font-size:25px}.admin-room{padding:16px}.admin-header{grid-template-columns:1fr auto;padding:12px}.admin-header>div{grid-area:1/1/auto/-1}.admin-header h1{text-align:center;font-size:28px}.admin-grid,.copy-editor-grid{grid-template-columns:1fr}.copy-panel{grid-column:auto}}@media (max-width:380px){.bandju-brand{gap:3px;font-size:27px}.bandju-brand b{font-size:23px}.brand-avatar{width:36px;height:36px}.brand-sign h1{font-size:49px}.brand-sign h2{font-size:20px}.brand-sign p{font-size:15px}.mascot-stage{right:5%}.speech-bubble{width:122px;font-size:13px;left:-95px}.workshop-scene{padding-inline:14px}.workbench-panel{padding:11px}.step-title{font-size:12px}.tools-heading h2{font-size:21px}.instant-gift{padding-right:107px}.gift-art{width:91px}}@media (min-width:761px) and (max-width:1250px){.header-inner{padding-inline:24px}.header-inner nav{margin-left:auto;display:flex}.header-inner nav a:nth-child(3){display:none}.header-inner nav a{font-size:12px}.brand-sign{width:65%;height:181px;top:28px;left:4%}.brand-sign h1{font-size:84px}.brand-sign h2{font-size:27px}.brand-sign p{font-size:22px}.workshop-scene{min-height:0;padding:340px 30px 26px}.mascot-stage{width:230px;height:230px;top:108px;right:3%}.speech-bubble{width:147px;top:-23px;left:auto;right:0}.workbench-panel{grid-template-columns:55% 45%;gap:0;min-height:248px}.upload-column{border-right:1px solid #ddd2bd;padding-right:15px}.drop-zone{flex:1}.upload-target{height:100%}.conversion-column{padding-left:15px}.conversion-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:124px}.conversion-tool{padding:6px}.tool-files{gap:4px}.file-badge{width:38px;height:40px}.file-badge-compact{width:22px;height:28px}.instant-gift{max-width:500px;margin-inline:auto}.footer-brand{grid-column:auto}.footer-feature:nth-child(3){display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (min-width:1251px){.mascot-idle .panda-interaction,.mascot-working .panda-interaction{clip-path:inset(0 0 16%);bottom:-20%}.speech-bubble{top:-15%}}.placeholder\:text-stone-400::placeholder{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-stone-100:hover{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity,1))}.hover\:bg-stone-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 249/var(--tw-bg-opacity,1))}.hover\:bg-stone-800:hover{--tw-bg-opacity:1;background-color:rgb(41 37 36/var(--tw-bg-opacity,1))}.focus\:border-stone-500:focus{--tw-border-opacity:1;border-color:rgb(120 113 108/var(--tw-border-opacity,1))}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-stone-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(231 229 228/var(--tw-ring-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}