/* StudioDD / Winter light. Holiday character without getting in the work's way. */
:root{--ground:#F9F5EB;--surface:#FFFEF9;--ink:#233A32;--muted:#627269;--soft:#475E52;--lead:#2A3B33;--line:#E6E5D8;--line2:#D7DCCB;--chip:#EEEDE1;--blue:#285D49;--blue-d:#173E30;--blue-l:#ECF2E7;--sun:#B56C33;--sun-l:#FAEED9;--r:20px}
body{background-image:radial-gradient(circle at 8% 10%,#dbe5d845 0,transparent 25%),radial-gradient(circle at 95% 65%,#e9d7ba3b 0,transparent 25%)}
button:focus-visible,a:focus-visible{outline:3px solid #C78B4B;outline-offset:3px}
.app{position:relative;isolation:isolate}
.app:before,.app:after{content:'';position:fixed;z-index:-1;pointer-events:none;width:180px;height:400px;top:170px;opacity:.4;background:repeating-linear-gradient(145deg,transparent 0 35px,#577D5E1c 35px 40px,transparent 40px 64px);clip-path:polygon(60% 0,100% 100%,0 100%)}
.app:before{left:-120px;transform:rotate(20deg)}.app:after{right:-125px;transform:rotate(-30deg)}
.topbar{border-bottom-color:#D9DCCB;background:#FFFEF9f5;backdrop-filter:blur(10px)}
.topbar .logo span{font-family:var(--display);letter-spacing:-.6px;color:#244D3B}
.topbar .cta{background:#8C3C39!important;color:#fff!important}
.bottomnav{background:#FFFEF9f5;backdrop-filter:blur(9px)}
.bottomnav .fab{background:#8C3C39;box-shadow:0 4px 13px #8C3C3933}
.card,.tile,.action{box-shadow:0 4px 20px #3f513304}
.display{letter-spacing:-.5px}
.season-eyebrow{font-family:var(--body);font-weight:700;font-size:10px;letter-spacing:2px;color:#96743E;display:block}
.winter-hero{position:relative;overflow:hidden;border-radius:24px;min-height:330px;background:#173F32;color:#fff8e8;display:flex;align-items:center;padding:30px 25px;isolation:isolate}
.winter-hero:before{content:'';position:absolute;inset:10px;border:1px solid #DCC39160;border-radius:18px;pointer-events:none;z-index:-1}
.winter-hero:after{content:'';position:absolute;right:15%;top:-130px;width:300px;height:300px;border-radius:50%;background:#d6bc6710;z-index:-1}
.winter-copy{position:relative;z-index:2;max-width:70%}
.winter-hero .season-eyebrow{color:#D8C593;font-size:9px;letter-spacing:1.5px}
.winter-hero h1{font-family:var(--display);font-size:29px;line-height:1.55;font-weight:700;margin:14px 0 10px;letter-spacing:-1px}
.winter-hero p{font-size:12px;line-height:1.9;color:#E5E9D7;margin:0 0 18px}
.winter-hero-link{display:inline-flex;align-items:center;gap:4px;padding:9px 12px;border:1px solid #D8C59385;border-radius:22px;color:#F2DCB1;font-size:12px;background:#234D3D}
.winter-scene{position:absolute;right:-5px;top:0;bottom:0;width:43%;pointer-events:none;opacity:.95}
.ornament{position:absolute;top:0;width:61px;height:61px;border-radius:50%;border:2px solid #DDC590;background:#9B4B44;color:#F5DAA7;display:flex;align-items:center;justify-content:center;box-shadow:inset -10px -6px 0 #00000012}
.ornament:before{content:'';position:absolute;bottom:100%;left:50%;width:1px;height:120px;background:#D7C393}
.ornament:after{content:'';position:absolute;width:17px;height:9px;top:-8px;border:2px solid #DDC590;border-radius:4px 4px 0 0;background:#DDC590}
.ornament i{position:absolute;width:100%;height:25px;border-top:1px solid #efd9ae88;border-bottom:1px solid #efd9ae88;left:0;top:16px;transform:rotate(-20deg)}
.ornament span{font-size:22px;position:relative}
.ornament-one{top:80px;right:18px;transform:rotate(13deg)}
.ornament-two{width:46px;height:46px;right:92px;top:35px;background:#D3BB77;color:#305945}
.ornament-two i{height:19px;top:12px;border-color:#234D3D66}.ornament-two span{font-size:17px}
.winter-star{position:absolute;color:#D7C393;font-size:21px}.star-one{top:160px;right:98px}.star-two{bottom:31px;right:27px;font-size:25px}.star-three{top:24px;right:10px;font-size:14px}
.winter-tree{position:absolute;bottom:25px;right:24px;width:115px;height:166px}
.winter-tree i{position:absolute;left:0;bottom:10px;width:100%;height:90px;background:#6C9975;clip-path:polygon(50% 0,0 100%,100% 100%);border-radius:14px}
.winter-tree i:nth-child(2){bottom:55px;width:88px;height:75px;left:14px;background:#88A981}.winter-tree i:nth-child(3){bottom:96px;width:60px;height:61px;left:28px;background:#A8BB8B}
.winter-tree b{position:absolute;bottom:0;left:51px;width:13px;height:20px;background:#D6B47A}.winter-tree em{position:absolute;left:44px;top:-21px;font-style:normal;color:#E3C378;font-size:32px}
.collection-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.collection-links a{position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-height:117px;padding:13px 4px;background:#FFFEF9;border:1px solid #DDDFCE;border-radius:18px;color:#345642;text-align:center}
.collection-symbol{font-size:25px;line-height:1.3;color:#9D4E42}.collection-links a:nth-child(2) .collection-symbol{color:#B87877}.collection-links a:nth-child(3) .collection-symbol{color:#B4984E}
.collection-links b{font-size:13px}.collection-links small{font-size:10px;color:#74806F;letter-spacing:-.5px}
.action{min-height:145px;border:1px solid #D7DDCB;background:#FFFEF9}.action.blue{background:#375E4E;border-color:#375E4E}
.chip{background:#FFFEF9;border-color:#DCDFCF}.chip.on{border-color:#315842;background:#EDF2E5}
.catalog-switch{display:flex;align-self:flex-start;border-radius:15px;padding:4px;gap:3px;background:#E8EDDF;border:1px solid #D9E0CC;max-width:100%}
.catalog-switch button{border:0;background:transparent;border-radius:11px;min-height:43px;padding:9px 14px;font-size:13px;color:#5D6F61;white-space:normal}
.catalog-switch button.on{background:#315E48;color:#fffdf7;box-shadow:0 2px 7px #32563a15;font-weight:700}
.tile{background:#FFFEFA;border:1px solid #E3E5D7;transition:border-color .15s,transform .15s}
.tile:hover{transform:translateY(-2px);border-color:#739078}
.tile .im{background:#F4F3EB;border-radius:13px;overflow:hidden}
.tile .im img.main{background:#FFFEFA;object-fit:contain;aspect-ratio:1}
.preview-small{position:absolute;right:5px;bottom:5px;background:#FFFEFA;border:1px solid #D8DFD0;border-radius:12px;padding:3px 3px 2px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #25443012}
.tile .im .preview-small img.th{position:static;width:46px;height:46px;border:0;border-radius:8px;object-fit:contain;background:#fff}
.preview-small>span{font-size:9px;line-height:1.5;color:#596F5C}
.tile b{font-size:14px;line-height:1.65;margin-top:9px}
.tile .meta{font-size:11px;align-items:center;flex-wrap:wrap}
.viewer{display:flex;flex-direction:column;align-items:stretch;gap:14px}
.viewer>.seg{align-self:center}
.detail-preview-pair{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:10px;align-items:start}
.detail-preview-pair .stage{min-width:0;width:100%;aspect-ratio:1}
.detail-preview-pair .stage img{max-width:100%;max-height:100%;object-fit:contain}
.detail-compare{border:1px solid #DCE2D2;border-radius:13px;background:#fffefa;padding:5px;display:flex;flex-direction:column;gap:5px;align-items:center;min-width:0}
.detail-compare span{display:block;width:100%;aspect-ratio:1;background:#fff}.detail-compare span svg{width:100%;height:100%;display:block}
.detail-compare b{font-size:10px;font-weight:500;line-height:1.5;color:#5B705B}
.work-art-card{padding:12px;background:#FFFDF7}.work-sidebar{display:flex;flex-direction:column;gap:14px}
.work-progress-label{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:7px}
.work-instruction{padding:18px;display:flex;flex-direction:column;gap:12px}.work-instruction p{margin:0;line-height:1.75;font-size:13px}
.work-next-film{display:flex;align-items:center;gap:10px}.work-next-film>div{flex:1}.work-next-film .muted{font-size:12px;margin-top:4px}.work-next-film .sw{vertical-align:-3px}
.finished-card{padding:20px;display:flex;flex-direction:column;gap:12px;border:2px solid #769673;background:#F1F7EC}.finished-card>b{font-size:18px}.finished-card>span{font-size:13px}
.lead-legend{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center;padding:13px 2px 4px;color:#5C6E5F;font-size:12px}
.lead-legend span{display:flex;gap:5px;align-items:center}.lead-swatch{width:20px;height:4px;background:#B9C4B8;border-radius:5px}.lead-swatch.complete{background:#263D31}.lead-swatch.current{background:#C06121}
.lead-upcoming{stroke:#B9C4B8;stroke-width:7}.lead-completed{stroke:#263D31;stroke-width:10}.lead-halo{stroke:#FFFEFA;stroke-width:23}.lead-current{stroke:#C06121;stroke-width:13}
.lead-start{fill:#C06121;stroke:#FFFEFA;stroke-width:5}.lead-end{fill:#FFFEFA;stroke:#C06121;stroke-width:5}.lead-arrow-halo{stroke:#FFFEFA;stroke-width:16;fill:none;stroke-linecap:round;stroke-linejoin:round}.lead-arrow{stroke:#C06121;stroke-width:7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.lead-step-heading{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#5F715E}.lead-step-heading b{font-size:17px;font-variant-numeric:tabular-nums;color:#AA501E}
.lead-instruction h2{font-size:19px;line-height:1.5;margin:0}.lead-instruction .lead-message{background:#F7F0E0;padding:12px 14px;border-radius:12px;color:#5C513B;font-size:14px}
.lead-nav{display:flex;gap:8px}.lead-nav .btn:last-child{flex:1;white-space:normal}
.lead-tools{display:flex;flex-wrap:wrap;gap:9px 13px}.lead-tools button{background:transparent;border:0;padding:9px 0;font-size:12px;color:#426448;text-decoration:underline;text-underline-offset:4px;min-height:40px}
.lead-tools button:disabled{opacity:.4;cursor:default}.lead-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(43px,1fr));gap:6px}.lead-index button{min-height:43px;border:1px solid #DDE3D2;border-radius:9px;background:#FCFEF8;color:#405741;font-size:12px}.lead-index button.done{background:#EAF2E2}.lead-index button.on{border:2px solid #B26932;color:#9C4A1E}
.lead-tip{border-top:1px solid #E4E5D6;padding-top:12px;font-size:13px}.lead-tip summary{cursor:pointer;color:#3D6245;min-height:26px}.lead-tip p{font-size:12px;color:#657360}
.lead-junction{display:flex;align-items:center;gap:18px;justify-content:center;margin:17px 0}.lead-junction>div{display:flex;flex-direction:column;align-items:center;gap:9px;flex:1}.lead-junction b{font-size:12px}.lead-junction>span{color:#B16A32}
.join-before,.join-after{display:block;position:relative;width:100%;max-width:100px;height:78px;background:#EEF1E5;border-radius:8px;overflow:hidden}.join-before i,.join-after i{position:absolute;bottom:0;left:calc(50% - 7px);width:14px;height:55px;background:#739579;border:1px solid #55785C}.join-after em{position:absolute;left:0;top:14px;width:100%;height:15px;background:#304F3B;border:1px solid #1E3B29}
.work-instruction p.lead-method{font-size:11px;color:#76816E}
.bg-controls{padding:16px;margin-top:14px;display:flex;flex-direction:column;gap:12px}.bg-controls b{font-size:16px}.bg-controls p{margin:5px 0 0;font-size:12px;line-height:1.8}.bg-controls #bgstatus{color:#657956;min-height:22px}
.bg-actions{display:flex;flex-wrap:wrap;gap:8px}.bg-actions .btn{font-size:13px}.selbox{background-color:#fff;background-image:linear-gradient(45deg,#e8ece1 25%,transparent 25%),linear-gradient(-45deg,#e8ece1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8ece1 75%),linear-gradient(-45deg,transparent 75%,#e8ece1 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.winter-login{background-color:#F7F3E7;background-image:radial-gradient(circle at 5% 90%,#315E4833 0,transparent 35%),radial-gradient(circle at 95% 5%,#9D4D3C20 0,transparent 30%)}
.winter-login form{position:relative;overflow:hidden;border:1px solid #D8DEC9;box-shadow:0 16px 60px #244B3210}.winter-login form:before{content:'✦';position:absolute;right:18px;top:18px;font-size:44px;color:#D8BD7C;opacity:.6;pointer-events:none}.winter-login form>.logo{color:#28583E}.winter-login h1{color:#31583D}.winter-login .btn{background:#315E48}
@media(min-width:700px){.winter-hero{min-height:350px;padding:38px 45px}.winter-hero h1{font-size:39px}.winter-hero p{font-size:14px}.winter-hero-link{font-size:13px}.winter-scene{right:9%;width:30%}.winter-tree{transform:scale(1.25);bottom:40px;right:34px}.ornament-one{width:80px;height:80px;right:20px;top:54px}.ornament-two{width:55px;height:55px;right:131px;top:30px}.collection-links{gap:16px}.collection-links a{min-height:105px;display:grid;grid-template-columns:45px 1fr;grid-template-rows:1fr 1fr;text-align:left;padding:20px;column-gap:15px;row-gap:2px}.collection-symbol{grid-row:span 2;text-align:center;font-size:30px}.collection-links b{font-size:16px;align-self:end}.collection-links small{font-size:12px;align-self:start}.detail-preview-pair{grid-template-columns:minmax(0,1fr) 92px}}
@media(min-width:960px){.winter-hero{min-height:340px}.winter-copy{max-width:65%}.winter-hero h1{font-size:42px}.winter-scene{right:13%;width:30%}.catalog-switch button{padding:9px 22px;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.home-pc>.wrap{padding-top:25px!important}.editor .center{flex-basis:430px}.editor .left{flex-basis:180px;max-width:215px}.editor .right{flex-basis:270px;max-width:310px}}
@media(max-width:360px){.wrap,.pad{padding-left:14px;padding-right:14px}.winter-hero{padding:27px 18px;min-height:320px}.winter-hero h1{font-size:25px}.winter-copy{max-width:73%}.winter-scene{right:-20px;opacity:.75}.winter-hero p{font-size:11px}.winter-hero-link{font-size:11px;padding:8px}.collection-links{gap:6px}.collection-links b{font-size:12px}.collection-links small{font-size:9px}.catalog-switch button{padding:8px 10px;font-size:12px}.detail-preview-pair{grid-template-columns:minmax(0,1fr) 62px;gap:6px}.grid{gap:9px}.tile b{font-size:12px}.preview-small .th{width:38px!important;height:38px!important}}
@media(prefers-reduced-motion:reduce){.tile{transition:none}.tile:hover{transform:none}}
@media(min-width:960px){.photo-pc:has(>div:nth-child(2):empty){grid-template-columns:minmax(0,1fr) 380px}.photo-pc>div:nth-child(2):empty{display:none}}