.dw-live-preview{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:30px;background:#9ab6bd;box-shadow:0 28px 70px #28434e2b;isolation:isolate}
.dw-live-preview>.signature-shell{position:absolute!important;inset:0 auto auto 0;width:1600px!important;max-width:none!important;height:900px!important;min-height:900px!important;margin:0!important;transform-origin:0 0}
@scope (.dw-live-preview){
*{box-sizing:border-box}
button,input,select{font:inherit}
main{margin:0}
header{display:flex;align-items:flex-start;justify-content:space-between}
.header-actions{display:flex;align-items:flex-start;gap:10px}
/* Tucon product dashboard */
.signature-shell{--tucon-accent:#96b5ff;color:#f5f4f2;background:#080a0b}.tucon-shell{max-width:1600px;min-height:100vh;padding:40px 48px 64px;background:radial-gradient(circle at 14% 10%,#47201955,transparent 28%),radial-gradient(circle at 78% 0,#12214166,transparent 35%),radial-gradient(circle at 78% 92%,#38301233,transparent 26%),#080a0b}.tucon-header{align-items:center;margin:0 0 36px}.tucon-wordmark{display:flex;align-items:center;gap:13px}.tucon-wordmark img{width:210px;height:auto;filter:invert(1) grayscale(1) brightness(3)}.tucon-wordmark span{max-width:72px;color:#f4f1ed;font-size:12px;font-weight:700;line-height:1.05}.welcome{margin:0 0 28px}.welcome h1{margin:0;font-size:clamp(34px,3.2vw,52px)}.welcome p{margin:7px 0 0;color:#777673}.system-status{position:relative;display:grid;min-width:210px;padding:13px 42px 13px 18px;border:1px solid #2e302d;border-radius:20px;background:#171816}.system-status span{color:#777873;font-size:10px}.system-status strong{margin-top:3px;font-size:12px}.system-status i{position:absolute;top:15px;right:18px;width:8px;height:8px;border-radius:50%;background:#d76c65}.system-status.online i{background:#3dc34d;box-shadow:0 0 12px #3dc34d}.setup-button{border-color:#383a39;background:#171817;color:#bebdb9}.error,.warning{position:relative;z-index:4;max-width:760px}.tucon-shell>header,.tucon-shell>.welcome{opacity:1;animation:none}.orientation-portrait.tucon-shell{max-width:820px}@media(max-width:900px){.tucon-shell{padding:24px 22px 50px}.tucon-wordmark img{width:160px}.tucon-wordmark span{display:none}.tucon-header{align-items:flex-start;gap:18px}.header-actions{align-items:flex-end;flex-direction:row}.system-status{min-width:170px}.welcome{margin-top:8px}}@media(max-width:640px){.tucon-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%;align-items:center;flex-wrap:wrap}.system-status{margin-left:auto}.welcome h1{font-size:34px}}

.tucon-wordmark .partner-logo{width:auto;filter:none;max-width:120px;height:34px;margin-left:14px;object-fit:contain;border-radius:4px;background:#fff}

.dashboard-rooms{display:grid;gap:50px}.room-section .section-title p{margin:5px 0 0;color:#748791;font-size:12px}.entity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.entity-card{position:relative;display:flex;min-width:0;min-height:220px;overflow:hidden;flex-direction:column;border:1px solid #2a3c45;border-radius:20px;background:linear-gradient(145deg,#172831,#101a20);box-shadow:0 16px 42px #050a0d44;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.entity-card:hover{transform:translateY(-3px);border-color:#3f5d68;box-shadow:0 22px 50px #050a0d77}.entity-card>footer{display:flex;justify-content:space-between;margin-top:auto;padding:12px 17px;border-top:1px solid #263740;color:#667983;font-size:9px}.entity-card>footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-card>footer b{text-transform:uppercase;letter-spacing:.06em}.entity-card>footer b.available{color:#6dc8a0}.entity-card>footer b.unavailable{color:#d37770}.entity-card h3{margin:7px 0 4px}.entity-card button:disabled,.entity-card input:disabled,.entity-card select:disabled{cursor:not-allowed;opacity:.45}.entity-card-heading{display:flex;align-items:center;justify-content:space-between;padding:18px}.entity-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#20333b;color:#9aadb5;font-size:22px}.toggle-card.active{border-color:#c7ad5366;box-shadow:0 18px 48px #40330f55}.toggle-card.active .entity-icon{background:#54471f;color:#ffe084;box-shadow:0 0 25px #e7c75633}.toggle{width:48px;height:27px;padding:3px;border:0;border-radius:999px;background:#34464e;cursor:pointer}.toggle i{display:block;width:21px;height:21px;border-radius:50%;background:#9aabb2;transition:transform .22s ease,background .22s ease}.toggle.on{background:#3f8f83}.toggle.on i{transform:translateX(21px);background:#e9fffb}.entity-copy{padding:0 18px 17px}.entity-copy>span,.scene-card>div>span{color:#53c5b5;font-size:10px;font-weight:800;letter-spacing:.12em}.entity-copy p,.scene-card p{margin:0;color:#81939c;font-size:12px}.brightness{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:0 18px 17px;color:#8da0a9;font-size:11px}.brightness strong{color:#eaf1f3}.brightness input{grid-column:1/-1;width:100%;accent-color:#e6c85d}.media-card{grid-column:span 2;min-height:262px}.media-card.playing{border-color:#55c5b566;box-shadow:0 20px 55px #123f3a55}.media-card.playing .art img{animation:artwork-breathe 5s ease-in-out infinite}.media-card .secondary-action{border:1px solid #31434d;color:#b9c8ce;background:#142129;border-radius:10px;padding:10px 14px;cursor:pointer}.sensor-card{padding-top:18px}.sensor-label{display:flex;align-items:center;justify-content:space-between;padding:0 18px}.sensor-label span{color:#53c5b5;font-size:10px;font-weight:800;letter-spacing:.12em}.sensor-label i{padding:4px 7px;border-radius:6px;background:#1d2d34;color:#81949d;font-style:normal;font-size:9px;text-transform:uppercase}.sensor-value{padding:21px 18px 0;font-size:38px;letter-spacing:-.04em}.sensor-card>h3,.climate-card>h3{padding:0 18px}.sensor-card.active{border-color:#55c5b555}.temperature{display:flex;align-items:flex-end;gap:7px;padding:20px 18px 12px}.temperature strong{font-size:38px}.temperature span,.climate-controls span{padding-bottom:5px;color:#7f929b;font-size:10px}.climate-controls{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:10px;padding:0 18px 12px}.climate-controls button{height:38px;border:1px solid #354851;border-radius:50%;background:#16252c;color:#dce7ea;cursor:pointer}.climate-controls div{text-align:center}.climate-controls strong,.climate-controls span{display:block}.climate-controls span{padding:0}.climate-card select{margin:0 18px;padding:8px;border:1px solid #354851;border-radius:8px;background:#142129;color:#dce7ea}.cover-card{justify-content:flex-start}.cover-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 18px 18px}.cover-controls button{padding:9px 4px;border:1px solid #344750;border-radius:8px;background:#142129;color:#bdcbd0;font-size:11px;cursor:pointer}.scene-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:18px 18px 0}.scene-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#3e3567,#25565b);font-size:25px}.scene-card button{grid-column:1/-1;padding:11px;border:0;border-radius:9px;background:#55c5b5;color:#09201d;font-weight:800;cursor:pointer}.scene-card footer{grid-column:1/-1;margin:0 -18px}.unknown-card{padding:18px}.unknown-card>span{color:#d37770;font-size:10px;font-weight:800;letter-spacing:.12em}.unknown-card p{color:#81939c;font-size:12px}.unknown-card footer{margin:0 -18px -18px}.dashboard-empty{display:grid;place-items:center;padding:70px 20px;border:1px dashed #31434d;border-radius:22px;text-align:center}.dashboard-empty>div{font-size:35px;color:#55c5b5}.dashboard-empty h2{margin:12px 0 6px}.dashboard-empty p{max-width:500px;margin:0;color:#81939c}.dashboard-empty button{margin-top:20px;padding:11px 16px;border:0;border-radius:10px;background:#55c5b5;color:#09201d;font-weight:800;cursor:pointer}
@media(max-width:1100px){.entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.entity-grid{grid-template-columns:1fr}.media-card{grid-column:auto}.dashboard-rooms{gap:38px}}

.tucon-dashboard{display:grid;gap:34px}.dashboard-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;padding:8px;border:1px solid #2d2f2d;border-radius:22px;background:#171817;box-shadow:0 18px 35px #0008}.dashboard-nav button{min-height:48px;border:0;border-radius:16px;background:transparent;color:#92928e;font-weight:750;cursor:pointer}.dashboard-nav button.active{border:1px solid #50514e;background:linear-gradient(145deg,#454643,#282926);color:#fff;box-shadow:0 5px 18px #0008}.dashboard-nav button:disabled{opacity:.4}.dashboard-rooms{gap:28px}.room-section{padding:22px;border:1px solid #2b2d2b;border-radius:25px;background:linear-gradient(145deg,#1b1c1d,#0f1010);box-shadow:0 20px 50px #0006}.room-section .section-title{margin-bottom:18px;opacity:1;animation:none}.section-title span{color:var(--tucon-accent)}.section-title h2{font-size:25px}.section-title button{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;font-size:22px}.entity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.entity-card{min-height:204px;border-color:#343634;border-radius:24px;background:linear-gradient(145deg,#202222,#111212);box-shadow:0 16px 40px #0007}.entity-card:hover{border-color:#555853}.entity-card>footer{border-top-color:#2d2f2e}.entity-card>footer span{display:none}.entity-card>footer b{margin-left:auto}.media-card{grid-column:span 2;background:linear-gradient(135deg,#273033,#191b1b)}.media-card .art{background:#9a9c9a}.media-card .controls{margin-top:auto}.track-controls .play{background:var(--tucon-accent);color:#101215}.toggle-card.active{border-color:color-mix(in srgb,var(--tucon-accent),transparent 55%);box-shadow:0 18px 48px color-mix(in srgb,var(--tucon-accent),transparent 82%)}.toggle.on{background:var(--tucon-accent)}.toggle.on i{background:#fff}.sensor-label span,.entity-copy>span,.scene-card>div>span{color:var(--tucon-accent)}.sensor-value,.temperature strong{font-size:52px;font-weight:600}.cover-controls button{min-height:58px;border-radius:14px;background:#262725}.scene-card button{background:var(--tucon-accent)}.dashboard-empty{border-color:#333532;background:#151615}@media(max-width:1200px){.entity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.media-card{grid-column:span 2}}@media(max-width:900px){.tucon-dashboard{gap:22px}.dashboard-nav{overflow-x:auto;grid-template-columns:repeat(5,minmax(105px,1fr))}.room-section{padding:16px}.entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.entity-grid{grid-template-columns:1fr}.media-card{grid-column:auto}}

.integration-section{margin-bottom:34px}.integration-value-card{min-height:210px}.integration-value-card .sensor-value{overflow-wrap:anywhere}.integration-value-card.stale{border-color:#8d713e}.integration-value-card.stale::after{content:'Laatst bekende waarde';display:block;margin:0 22px 18px;color:#d7b76d;font-size:12px}

.studio-card{min-width:0}.studio-card>.entity-card{height:100%;box-sizing:border-box}.studio-card.size-compact{grid-column:span 1}.studio-card.size-normal{grid-column:span 1}.studio-card.size-wide{grid-column:span 2}.studio-card.custom-color>.entity-card{border-color:color-mix(in srgb,var(--card-accent),transparent 35%);box-shadow:0 18px 46px color-mix(in srgb,var(--card-accent),transparent 82%)}.studio-card.custom-color .sensor-label span,.studio-card.custom-color .entity-copy>span{color:var(--card-accent)}.studio-card .media-card{grid-column:auto}.studio-card.size-compact .entity-card{min-height:170px}.studio-card.size-compact .sensor-value{font-size:38px}@media(max-width:600px){.studio-card.size-wide{grid-column:span 1}}

.signature-shell{--signature-lime:#dfff57;--signature-ink:#31434a}
.signature-shell{position:relative;width:100vw;max-width:none;height:100vh;min-height:720px;margin:0;padding:30px 52px 34px;overflow:hidden;background:radial-gradient(circle at 12% 4%,#47798f 0,transparent 34%),radial-gradient(circle at 82% 100%,#dff36b 0,transparent 27%),linear-gradient(145deg,#83a8b5,#c1d6d4 64%,#d8e8d0);color:#fff}
.signature-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#ffffff0d,#ffffff25);pointer-events:none}
.signature-shell .tucon-header{position:relative;z-index:10;height:54px;margin:0;align-items:flex-start}
.signature-shell .tucon-wordmark img{width:190px;filter:brightness(0) invert(1)}
.signature-shell .tucon-wordmark span{color:#fff}
.signature-shell .header-actions{align-items:flex-start}
.signature-shell .system-status{min-width:180px;padding:8px 35px 8px 12px;border:0;background:transparent}
.signature-shell .system-status span{color:#e4edef;font-size:8px}
.signature-shell .system-status strong{font-size:9px}
.signature-shell .system-status i{top:11px;right:13px;background:var(--signature-lime);box-shadow:0 0 12px var(--signature-lime)}
.signature-shell .setup-button{border-color:#ffffff65;background:#ffffff30;color:#fff;backdrop-filter:blur(14px)}
.signature-shell .welcome{position:absolute;z-index:4;left:54px;top:126px;width:29%;margin:0}
.signature-shell .welcome>span{color:var(--signature-lime);font-size:11px;font-weight:700;text-transform:capitalize}
.signature-shell .welcome h1{max-width:360px;margin:12px 0 5px;font-size:clamp(24px,2.4vw,37px);font-weight:430;line-height:1.18;letter-spacing:-.035em}
.signature-shell .welcome p{color:#eff5f4;font-size:11px}
.signature-shell>.error,.signature-shell>.warning{position:absolute;z-index:30;left:50%;top:92px;max-width:560px;transform:translateX(-50%)}
.signature-shell .tucon-dashboard{position:relative;z-index:3;display:block;margin-top:-54px}
.signature-shell .dashboard-nav{position:absolute;z-index:10;top:0;left:23%;right:23%;height:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:3px;padding:5px;border:1px solid #ffffff39;border-radius:26px;background:#ffffff3b;box-shadow:none;backdrop-filter:blur(20px)}
.signature-shell .dashboard-nav button{min-height:36px;padding:5px 10px;border:0;color:#fff;font-size:10px;font-weight:500}
.signature-shell .dashboard-nav button.active{border:0;background:#2a2928;color:#fff;box-shadow:0 6px 16px #2b464d28}
.signature-shell .dashboard-rooms{padding-top:94px}
.signature-shell .room-section.signature-overview{height:632px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.signature-shell .signature-grid{height:100%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:10px}
.signature-shell .signature-slot{min-width:0;min-height:0;grid-column:auto}
.signature-shell .signature-slot>.entity-card{height:100%;min-height:0;border:1px solid #ffffff45;border-radius:30px;background:linear-gradient(145deg,#ffffff48,#ffffff28);box-shadow:0 16px 40px #44636b21;backdrop-filter:blur(18px);color:#fff}
.signature-shell .signature-slot>.entity-card:hover{transform:none;border-color:#ffffff73}
.signature-shell .signature-slot .entity-card>footer{display:none}
.signature-shell .signature-slot .entity-card h3{font-weight:520}
.signature-shell .signature-slot .entity-copy>span,.signature-shell .signature-slot .sensor-label span,.signature-shell .signature-slot .scene-card>div>span{color:var(--signature-lime)}
.signature-shell .signature-slot .entity-copy p,.signature-shell .signature-slot .scene-card p,.signature-shell .signature-slot .media p{color:#eef4f4}
.signature-shell .signature-slot .sensor-label i{background:#ffffff36;color:#fff}
.signature-shell .signature-slot .entity-icon,.signature-shell .signature-slot .art{background:#ffffffdf;color:#26383f}
.signature-shell .signature-slot .toggle{background:#ffffff59}
.signature-shell .signature-slot .toggle.on{background:var(--signature-lime)}
.signature-shell .signature-slot .brightness input,.signature-shell .signature-slot .controls input{accent-color:var(--signature-lime)}
.signature-shell .signature-slot .track-controls button,.signature-shell .signature-slot .secondary-action,.signature-shell .signature-slot .cover-controls button,.signature-shell .signature-slot .climate-controls button{border-color:#ffffff65;background:#ffffff47;color:#fff}
.signature-shell .signature-slot .track-controls .play,.signature-shell .signature-slot .scene-card>button{background:#272c2e;color:#fff}
.signature-shell .signature-slot.slot-hero{grid-column:1/span 2;grid-row:2/span 4}
.signature-shell .signature-slot.slot-a{grid-column:3/span 2;grid-row:1/span 2}
.signature-shell .signature-slot.slot-b{grid-column:5/span 2;grid-row:1/span 2}
.signature-shell .signature-slot.slot-c{grid-column:7/span 2;grid-row:1/span 2}
.signature-shell .signature-slot.slot-d{grid-column:3/span 3;grid-row:3/span 2}
.signature-shell .signature-slot.slot-e{grid-column:6/span 3;grid-row:3/span 2}
.signature-shell .signature-slot.slot-f{grid-column:3/span 2;grid-row:5}
.signature-shell .signature-slot.slot-g{grid-column:5/span 2;grid-row:5}
.signature-shell .signature-slot.slot-h{grid-column:7/span 2;grid-row:5}
.signature-shell .signature-slot.slot-a .entity-card,.signature-shell .signature-slot.slot-f .entity-card,.signature-shell .signature-slot.slot-g .entity-card,.signature-shell .signature-slot.slot-h .entity-card{border-radius:25px}
.signature-shell .signature-slot.slot-a .entity-card,.signature-shell .signature-slot.slot-f .entity-card{display:grid;grid-template-columns:auto 1fr;align-items:center}
.signature-shell .signature-slot.slot-a .entity-card-heading,.signature-shell .signature-slot.slot-f .entity-card-heading{padding:12px}
.signature-shell .signature-slot.slot-a .entity-copy,.signature-shell .signature-slot.slot-f .entity-copy{padding:12px 10px}
.signature-shell .signature-slot.slot-a .brightness,.signature-shell .signature-slot.slot-f .brightness{display:none}
.signature-shell .signature-slot.slot-g .entity-copy,.signature-shell .signature-slot.slot-h .entity-copy{padding:8px 10px}
.signature-shell .signature-slot.slot-g .entity-card-heading,.signature-shell .signature-slot.slot-h .entity-card-heading{padding:10px}
.signature-shell .signature-slot.slot-g .brightness,.signature-shell .signature-slot.slot-h .brightness{display:none}
.signature-shell .signature-slot.slot-d .media,.signature-shell .signature-slot.slot-e .media{padding:15px}
.signature-shell .signature-slot.slot-d .art,.signature-shell .signature-slot.slot-e .art{width:68px;height:68px}
.signature-shell .signature-slot.slot-d .controls,.signature-shell .signature-slot.slot-e .controls{padding:0 15px 14px}
.signature-shell .signature-slot.slot-d .secondary-action,.signature-shell .signature-slot.slot-e .secondary-action{display:none}
.signature-shell .signature-slot.slot-b .sensor-value,.signature-shell .signature-slot.slot-c .sensor-value,.signature-shell .signature-slot.slot-hero .sensor-value{font-size:clamp(38px,4vw,62px)}
.signature-shell .dashboard-empty{margin-top:90px;border-color:#ffffff82;background:#ffffff30;backdrop-filter:blur(20px)}
.signature-shell .floorplan-view{height:630px;padding:20px;border:1px solid #ffffff55;border-radius:30px;background:#ffffff30;backdrop-filter:blur(20px)}
@media(max-height:780px){.signature-shell{padding-top:24px}.signature-shell .dashboard-rooms{padding-top:78px}.signature-shell .room-section.signature-overview{height:calc(100vh - 126px)}.signature-shell .welcome{top:108px}}
@media(max-width:1050px){.signature-shell{min-height:700px;padding-left:30px;padding-right:30px}.signature-shell .welcome{left:32px}.signature-shell .dashboard-nav{left:25%;right:20%}.signature-shell .signature-grid{gap:8px}.signature-shell .signature-slot>.entity-card{border-radius:22px}.signature-shell .signature-slot .entity-card{font-size:88%}}
@media(orientation:portrait){.signature-shell{height:auto;min-height:100vh;overflow:auto}.signature-shell .welcome{position:relative;left:auto;top:auto;width:auto;margin:28px 0}.signature-shell .tucon-dashboard{margin-top:0}.signature-shell .dashboard-nav{position:relative;left:auto;right:auto;top:auto}.signature-shell .dashboard-rooms{padding-top:24px}.signature-shell .room-section.signature-overview{height:auto}.signature-shell .signature-grid{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.signature-shell .signature-slot{grid-column:auto!important;grid-row:auto!important;min-height:190px}.signature-shell .signature-slot.slot-hero,.signature-shell .signature-slot.slot-d,.signature-shell .signature-slot.slot-e,.signature-shell .signature-slot.slot-f{grid-column:span 2!important}}
.signature-shell .tucon-wordmark>span{display:none}.signature-shell .header-actions .setup-button{padding:9px 15px;border-radius:18px;font-size:11px}

.signature-shell .signature-placeholder{display:grid;place-items:center;border:2px dashed var(--signature-lime);border-radius:30px;background:#ffffff0b;box-shadow:inset 0 1px #ffffff1f}
.signature-shell .signature-placeholder>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;color:#31434a;font-size:30px;font-weight:300;box-shadow:0 10px 24px #35545e26}


/* Signature v3 fixed blocks */
.signature-shell .home-energy-block{padding:24px;justify-content:flex-end;background:radial-gradient(circle at 22% 68%,#dfff5770,transparent 30%),linear-gradient(155deg,#ffffff4c,#ffffff24)}
.signature-shell .block-heading{position:absolute;left:24px;right:24px;top:22px}.signature-shell .block-heading>span,.signature-shell .lighting-block>div>span,.signature-shell .weather-block span{color:var(--signature-lime);font-size:10px;letter-spacing:.1em}.signature-shell .block-heading h3{margin:5px 0}
.signature-shell .energy-primary{margin:0 0 16px auto;padding:15px;border-radius:18px;background:#202220;color:#fff}.signature-shell .energy-primary strong,.signature-shell .energy-primary span{display:block}.signature-shell .energy-primary strong{font-size:30px;font-weight:300}.signature-shell .energy-primary span{color:var(--signature-lime);font-size:9px}
.signature-shell .energy-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.signature-shell .energy-metrics>div{padding:11px;border-radius:15px;background:#ffffff24}.signature-shell .energy-metrics span,.signature-shell .energy-metrics strong{display:block}.signature-shell .energy-metrics span{color:var(--signature-lime);font-size:8px}.signature-shell .energy-metrics strong{margin-top:3px;font-size:15px;font-weight:400}
.signature-shell .weather-block{display:grid;grid-template-columns:1fr 1fr;padding:24px;background:linear-gradient(90deg,#ffffff36 50%,#ffffff20 50%)}.signature-shell .weather-block h3{margin:4px 0}.signature-shell .weather-block strong{display:block;margin-top:22px;font-size:54px;font-weight:300}.signature-shell .weather-block p{text-transform:capitalize}.signature-shell .weather-block>i{display:grid;place-items:center;color:#ffe81f;font-style:normal;font-size:100px;text-shadow:0 0 30px #ffeb3b}
.signature-shell .lighting-block{display:grid;grid-template-columns:38% 1fr;gap:18px;padding:22px}.signature-shell .lighting-visual{display:grid;place-items:center;align-content:center}.signature-shell .lighting-visual>i{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#fff 25%,#efffb7 62%,#ffffff22 64%);color:#29383d;font-style:normal;font-size:32px;box-shadow:0 0 42px #e9ff76}.signature-shell .lighting-visual>strong{margin-top:-24px;padding:8px 15px;border-radius:999px;background:#ffffff9c;color:#29383d;font-size:11px}.signature-shell .lighting-block h3{margin:5px 0}.signature-shell .lighting-block p{font-size:10px}.signature-shell .lighting-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.signature-shell .lighting-actions button{padding:7px;border:0;border-radius:7px;background:#ffffffe0;color:#35454b;font-size:9px}


/* Feedreader news block */
.signature-shell .news-block{display:grid;grid-template-columns:160px 1fr;gap:22px;padding:24px 28px;background:linear-gradient(135deg,#ffffff42,#ffffff1f)}
.signature-shell .news-heading span{color:var(--signature-lime);font-size:10px;letter-spacing:.1em}.signature-shell .news-heading h3{margin:6px 0;font-size:26px}
.signature-shell .news-block ol{display:grid;align-content:center;gap:0;margin:0;padding:0;list-style:none;overflow:hidden}
.signature-shell .news-block li{border-bottom:1px solid #ffffff42}.signature-shell .news-block li:last-child{border-bottom:0}
.signature-shell .news-block a{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:8px 0;color:inherit;text-decoration:none}
.signature-shell .news-block strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.signature-shell .news-block time{opacity:.68;font-size:10px}
.signature-shell .news-block>p{align-self:center;margin:0;opacity:.72}

/* Adaptive Feedreader layouts: 3 items in normal/compact slots, up to 5 in wide slots. */
.signature-shell .signature-slot.slot-a .news-block,.signature-shell .signature-slot.slot-b .news-block,.signature-shell .signature-slot.slot-c .news-block{grid-template-columns:1fr;padding:16px}
.signature-shell .signature-slot.slot-a .news-heading h3,.signature-shell .signature-slot.slot-b .news-heading h3,.signature-shell .signature-slot.slot-c .news-heading h3{margin:3px 0;font-size:17px}
.signature-shell .signature-slot.slot-a .news-block li:nth-child(n+4),.signature-shell .signature-slot.slot-b .news-block li:nth-child(n+4),.signature-shell .signature-slot.slot-c .news-block li:nth-child(n+4){display:none}
.signature-shell .signature-slot.slot-f .news-block,.signature-shell .signature-slot.slot-g .news-block,.signature-shell .signature-slot.slot-h .news-block{display:block;padding:10px 14px}
.signature-shell .signature-slot.slot-f .news-heading h3,.signature-shell .signature-slot.slot-g .news-heading h3,.signature-shell .signature-slot.slot-h .news-heading h3{display:none}
.signature-shell .signature-slot.slot-f .news-block li:nth-child(n+4),.signature-shell .signature-slot.slot-g .news-block li:nth-child(n+4),.signature-shell .signature-slot.slot-h .news-block li:nth-child(n+4){display:none}
.signature-shell .signature-slot.slot-f .news-block a,.signature-shell .signature-slot.slot-g .news-block a,.signature-shell .signature-slot.slot-h .news-block a{padding:3px 0}
.signature-shell .signature-slot.slot-f .news-block strong,.signature-shell .signature-slot.slot-g .news-block strong,.signature-shell .signature-slot.slot-h .news-block strong{font-size:9px}
.signature-shell .signature-slot.slot-f .news-block time,.signature-shell .signature-slot.slot-g .news-block time,.signature-shell .signature-slot.slot-h .news-block time{display:none}


/* Adaptive signature weather block */
.signature-shell .weather-block{position:relative;display:grid;overflow:hidden;padding:0!important;background:linear-gradient(135deg,#ffffff3d,#ffffff20)!important}
.signature-shell .weather-current{z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:20px;border-right:1px solid #ffffff70;background:linear-gradient(105deg,#607f8d66,#ffffff12);backdrop-filter:blur(8px)}
.signature-shell .weather-current h3{margin:0;font-size:22px;font-weight:430;text-transform:capitalize}.signature-shell .weather-current>span{color:var(--signature-lime);font-size:9px}.signature-shell .weather-current strong{font-size:48px;font-weight:250;line-height:1}.signature-shell .weather-current p{margin:0;color:#fff;font-size:10px;text-transform:none}
.signature-shell .weather-visual{display:grid;place-items:center;min-width:0}.signature-shell .weather-icon{width:94%;height:94%;overflow:visible}.signature-shell .weather-more{position:absolute;z-index:5;right:14px;top:14px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#40545c;font-style:normal;font-size:10px;letter-spacing:1px}
.signature-shell .weather-icon .sun-disc{fill:#ffcb19;filter:drop-shadow(0 0 14px #fff44c) drop-shadow(0 0 26px #ffcf1f)}.signature-shell .weather-icon .sun-rays line{stroke:#fff178;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 8px #fff84d)}
.signature-shell .weather-icon .cloud-shape{fill:#f0f5f5;filter:drop-shadow(0 10px 13px #4d647b55)}.signature-shell .weather-icon-storm .cloud-shape{fill:#77899a}.signature-shell .weather-icon .rain-drops line{stroke:#d9f3ff;stroke-width:7;stroke-linecap:round}.signature-shell .weather-icon .lightning-bolt{fill:#fff45c;filter:drop-shadow(0 0 8px #fff)}
.signature-shell .weather-icon .snow-flakes{fill:#fff;font-size:23px}.signature-shell .weather-icon .fog-lines line,.signature-shell .weather-icon .wind-lines path{fill:none;stroke:#eef7f7;stroke-width:8;stroke-linecap:round;opacity:.9}.signature-shell .weather-icon .moon-disc{fill:#fff3c4;filter:drop-shadow(0 0 18px #fff5b8)}.signature-shell .weather-icon .moon-cut{fill:#93adb3}
.signature-shell .weather-normal{grid-template-columns:50% 50%}.signature-shell .weather-normal .weather-current{padding:18px}.signature-shell .weather-normal .weather-current strong{font-size:45px}
.signature-shell .weather-large{grid-template-columns:36% 34% 30%}.signature-shell .weather-large .weather-current{padding:20px}.signature-shell .weather-large .weather-current strong{font-size:52px}
.signature-shell .weather-forecast{display:grid;grid-template-columns:repeat(2,1fr);align-content:center;gap:4px;padding:38px 10px 8px}.signature-shell .weather-forecast>div{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:2px;padding:5px 0;border-bottom:1px solid #ffffff35;font-size:8px}.signature-shell .weather-forecast .weather-icon{width:24px;height:21px}.signature-shell .weather-forecast strong{font-size:9px;font-weight:450}
.signature-shell .weather-compact{grid-template-columns:46% 54%}.signature-shell .weather-compact .weather-current{padding:10px 13px}.signature-shell .weather-compact .weather-current h3{font-size:13px}.signature-shell .weather-compact .weather-current strong{font-size:26px}.signature-shell .weather-compact .weather-current p{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}.signature-shell .weather-compact .weather-more{right:8px;top:8px;width:23px;height:23px;font-size:7px}

.signature-shell .signature-editor-slot{position:relative;cursor:pointer}
.signature-shell .signature-editor-slot>.entity-card{pointer-events:none}
.signature-shell .signature-edit-overlay{position:absolute;z-index:20;inset:0;border:3px solid transparent;border-radius:30px;pointer-events:none;transition:border-color .16s ease,background .16s ease}
.signature-shell .signature-editor-slot:hover .signature-edit-overlay,.signature-shell .signature-editor-slot.editor-selected .signature-edit-overlay{border-color:var(--signature-lime);background:#dfff5708}
.signature-shell .signature-edit-overlay>span{position:absolute;left:18px;bottom:14px;padding:7px 11px;border-radius:999px;background:#26383fd9;color:#fff;font-size:10px;font-weight:800;opacity:0;transform:translateY(4px);transition:.16s}
.signature-shell .signature-editor-slot:hover .signature-edit-overlay>span,.signature-shell .signature-editor-slot.editor-selected .signature-edit-overlay>span{opacity:1;transform:none}
.signature-shell .signature-edit-overlay>button{position:absolute;right:13px;top:13px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#fff;color:#40545c;font-size:19px;font-weight:700;opacity:0;pointer-events:auto;cursor:pointer;box-shadow:0 8px 18px #31434a2b}
.signature-shell .signature-editor-slot:hover .signature-edit-overlay>button,.signature-shell .signature-editor-slot.editor-selected .signature-edit-overlay>button{opacity:1}
.signature-shell .signature-placeholder{appearance:none;width:auto;height:auto;padding:0;color:inherit}
.signature-shell .news-block li>span{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:8px 0;color:inherit}
.signature-shell .news-block li>span strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.signature-shell .tucon-wordmark img{height:auto}
.signature-shell .header-actions>button{height:40px;padding:9px 17px;border:1px solid #ffffff65;border-radius:20px;background:#ffffff30;color:#fff}
}
.dw-preview-live-state{position:absolute;z-index:40;left:18px;bottom:18px;display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#26383fdd;color:#fff;font-size:11px;font-weight:750;box-shadow:0 8px 22px #28434e30;backdrop-filter:blur(12px)}
.dw-preview-live-state i{width:7px;height:7px;border-radius:50%;background:#dfff57;box-shadow:0 0 10px #dfff57}
.dw-preview-live-state.stale i{background:#f0b45a;box-shadow:none}