/* Enlarged, isolated reproductions of Flutter components.
   Reference: ThemeBuilder, PalaceShapes (bevel scale .75), EditorToolPanel,
   LayerPanel, EditorOptionGrid, EffectsGrid, WallpaperLocationSheet,
   SourceSelector, SourceManagerPage, TimerPlayerControls and SettingsWidgets.
   Default dark theme / Asilah Blue; application controls are illustrative. */
@font-face{font-family:PalaceRoboto;
 src:url('../fonts/palace-roboto.woff2') format('woff2');
 font-display:swap;
 font-weight:400}
.palace-component{--pc-bg:#1a1a1a;
 --pc-card:#1c1c1c;
 --pc-high:#2c2c2c;
 --pc-text:#fff;
 --pc-muted:#b0b0b0;
 --pc-edge:#333;
 --pc-accent:#0e6ba8;
 --pc-on-accent:#73bbed;
 --pc-cut:14px;
 position:relative;
 background:var(--pc-bg);
 color:var(--pc-text);
 font:16px/1.45 PalaceRoboto,Roboto,Arial,sans-serif;
 max-width:100%;
 min-width:0;
 text-align:left;
 clip-path:polygon(0 var(--pc-cut),var(--pc-cut) 0,calc(100% - var(--pc-cut)) 0,100% var(--pc-cut),100% calc(100% - var(--pc-cut)),calc(100% - var(--pc-cut)) 100%,var(--pc-cut) 100%,0 calc(100% - var(--pc-cut)));
 box-shadow:inset 0 0 0 1px #333}
.palace-component strong,.palace-component h3{color:var(--pc-text)!important;
 font-family:inherit}
.material-icon{font:400 24px/1 sans-serif!important;
 display:inline-block;
 font-style:normal;
 letter-spacing:normal;
 white-space:nowrap;
 direction:ltr;
 font-feature-settings:'liga';
 -webkit-font-smoothing:antialiased;
 flex-shrink:0;
 vertical-align:middle;
 color:inherit}
.pc-header{display:flex;
 align-items:center;
 gap:12px;
 padding:18px 20px;
 min-height:64px;
 border-bottom:1px solid var(--pc-edge)}
.pc-header>strong{font-size:20px;
 font-weight:600;
 line-height:1.3}
.pc-header>div{display:flex;
 gap:20px;
 align-items:center;
 margin-left:auto}
.pc-header .material-icon{font-size:22px!important;
 color:#b0b0b0}
.pc-header>.material-icon{color:var(--pc-on-accent)}
.pc-header>div .material-icon{font-size:21px!important}
.pc-media-grid{display:grid;
 grid-template-columns:repeat(5,minmax(0,1fr));
 grid-auto-rows:90px;
 gap:6px;
 background:#000;
 max-height:410px;
 overflow:hidden}
.pc-library{background:transparent;
 box-shadow:none;
 clip-path:none;
 padding:0}
.pc-media-item{overflow:hidden;
 grid-row:span 2;
 clip-path:polygon(0 9px,9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px))}
.pc-media-item:nth-child(3n){grid-row:span 3}
.pc-media-item:nth-child(4n){grid-row:span 1}
.pc-media-item img{width:100%;
 height:100%;
 object-fit:cover;
 transition:transform 1s}
.pc-category-grid{display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:6px;
 margin-top:24px}
.pc-category-grid>div{position:relative;
 aspect-ratio:1;
 overflow:hidden;
 clip-path:polygon(0 9px,9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px))}
.pc-category-grid img{height:100%;
 width:100%;
 object-fit:cover;
 filter:brightness(.65)}
.pc-category-grid strong{position:absolute;
 inset:0;
 display:grid;
 place-items:center;
 font-size:26px;
 text-shadow:0 2px 8px #000}
.pc-layer-pair{display:grid;
 grid-template-columns:1fr 1fr;
 gap:24px;
 align-items:start}
.pc-layer-panel{--pc-cut:18px;
 background:#1a1a1af2}
.pc-layer-panel .pc-header{min-height:55px;
 padding:12px 16px}
.pc-layer-panel .pc-header>strong{font-size:16px;
 color:#b0b0b0!important}
.pc-layer-panel .pc-header>div{gap:14px}
.pc-layer-panel .pc-header .material-icon{font-size:20px!important}
.pc-layer-row{display:flex;
 align-items:center;
 gap:10px;
 min-height:60px;
 padding:12px 12px;
 border-left:4px solid transparent}
.pc-layer-row>span:not(.material-icon){font-size:16px;
 flex:1;
 min-width:0;
 overflow:hidden;
 text-overflow:ellipsis}
.pc-layer-row .material-icon{font-size:19px!important;
 color:#b0b0b0}
.pc-layer-row>.material-icon:first-child{margin-right:2px}
.pc-layer-row.active{background:#0e6ba81f;
 border-left-color:#0e6ba8}
.pc-layer-row.secondary{background:#e4a45b1f;
 border-left-color:#e4a45b}
.pc-layer-row.secondary>.material-icon:first-child{color:#e4a45b}
.pc-layer-row>.material-icon:last-child{font-size:17px!important}
.pc-mask-heading{font-size:13px;
 font-weight:600;
 color:#b0b0b0;
 border-top:1px solid #333;
 padding:18px 16px 7px}
.pc-type-picker .pc-header{border-bottom:0}
.pc-type-list{padding:0 10px 16px;
 display:grid;
 grid-template-columns:1fr}
.pc-type-list>div{display:flex;
 align-items:center;
 gap:20px;
 padding:11px 13px;
 font-size:16px;
 min-height:46px}
.pc-type-list .material-icon{font-size:24px!important;
 color:#ddd}
.pc-tool-tabs{display:flex;
 border-bottom:1px solid #333}
.pc-tool-tabs>span{display:flex;
 justify-content:center;
 align-items:center;
 flex:1;
 height:62px;
 border-bottom:3px solid transparent}
.pc-tool-tabs .material-icon{font-size:25px!important}
.pc-tool-tabs .active{border-color:#0e6ba8;
 color:#73bbed}
.pc-effect-focus{display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,.55fr);
 gap:24px;
 align-items:center}
.pc-effect-panel{--pc-cut:20px}
.pc-effects-grid{display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:20px 10px;
 padding:24px 18px}
.pc-effect{display:flex;
 flex-direction:column;
 align-items:center;
 gap:9px;
 min-width:0}
.pc-effect-circle{width:56px;
 height:56px;
 border-radius:50%;
 border:1px solid #7778;
 background:#2c2c2c;
 display:grid;
 place-items:center;
 position:relative;
 color:#b0b0b0}
.pc-effect-circle.active{border:2px solid #0e6ba8;
 background:#0e6ba833;
 color:#73bbed}
.pc-effect-circle>.material-icon{font-size:23px!important}
.pc-effect-circle>b{position:absolute;
 bottom:-3px;
 right:-4px;
 background:#2c2c2c;
 border:1px solid #7778;
 border-radius:50%;
 width:21px;
 height:21px;
 display:grid;
 place-items:center}
.pc-effect-circle>b>.material-icon{font-size:13px!important;
 color:#888}
.pc-effect small{font-size:11px;
 text-align:center;
 color:#b0b0b0}
.pc-open-effect{padding:0 20px 18px}
.pc-slider{padding:8px 2px 14px}
.pc-slider>div{display:flex;
 justify-content:space-between;
 align-items:center;
 gap:12px;
 margin-bottom:24px}
.pc-slider strong{font-size:14px;
 font-weight:600}
.pc-slider>div>span{font-size:12px;
 line-height:1;
 background:#0e6ba833;
 border:1px solid #0e6ba866;
 padding:8px 10px;
 color:#73bbed;
 clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px))}
.pc-slider>i{display:block;
 position:relative;
 height:4px;
 background:linear-gradient(90deg,#0e6ba8 var(--value),#464646 var(--value));
 margin:0 12px 13px;
 border-radius:3px}
.pc-slider>i:after{content:'';
 position:absolute;
 left:var(--value);
 top:-7px;
 width:18px;
 height:18px;
 background:#0e6ba8;
 transform:translateX(-50%);
 clip-path:polygon(0 4px,4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px))}
.pc-effect-result{position:relative;
 aspect-ratio:.7;
 overflow:hidden;
 clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.pc-effect-result img{height:100%;
 width:100%;
 object-fit:cover;
 transition:filter 1.2s}
.pc-effect-result>span{position:absolute;
 bottom:0;
 left:0;
 right:0;
 padding:14px;
 background:#0009;
 color:white;
 font:12px PalaceRoboto,Roboto,sans-serif}
.pc-style-panel{max-width:550px;
 margin:0 auto;
 padding-bottom:18px}
.pc-style-options{display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:26px 10px;
 padding:28px 20px}
.pc-option{display:flex;
 flex-direction:column;
 align-items:center;
 gap:10px;
 min-width:0}
.pc-circle{width:68px;
 height:68px;
 display:grid;
 place-items:center;
 background:#2c2c2c;
 border-radius:50%;
 color:#fff}
.pc-circle.active{background:#0e6ba8;
 color:white;
 box-shadow:inset 0 0 0 2px #0e6ba8}
.pc-circle .material-icon{font-size:34px!important}
.pc-option small{font-size:13px;
 line-height:1.3;
 color:#b0b0b0}
.pc-option.disabled{opacity:.35}
.pc-style-panel>.pc-slider{margin:0 22px}
.pc-placement-results{display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:18px 10px;
 margin-top:26px}
.pc-placement-results .mode-viewport{height:95px}
.pc-placement-results>div>span{font-size:11px;
 margin-top:8px;
 display:block;
 color:var(--story-muted,var(--color-text-secondary))}
.pc-placement-results .mode-mirror{grid-column:auto}
.pc-transition-panel{max-width:600px;
 margin:auto;
 padding-bottom:15px}
.pc-transition-list{padding-top:10px}
.pc-transition-row{display:flex;
 gap:18px;
 align-items:center;
 min-height:65px;
 padding:7px 20px}
.pc-transition-row>.transition-viewport{width:68px;
 aspect-ratio:1.5;
 flex-shrink:0;
 border-radius:4px}
.pc-transition-row>div:nth-child(2){flex:1;
 min-width:0}
.pc-transition-row strong{display:block;
 font-size:15px;
 font-weight:400}
.pc-transition-row small{display:block;
 font-size:11px;
 color:#b0b0b0;
 margin-top:3px}
.pc-transition-row.active{background:#0e6ba81f}
.pc-transition-row>.material-icon{color:#0e6ba8;
 font-size:23px!important}
.pc-transition-duration{display:flex;
 align-items:center;
 gap:18px;
 padding:18px 22px;
 font-size:14px}
.pc-transition-duration>i{height:4px;
 background:linear-gradient(90deg,#0e6ba8 30%,#444 30%);
 position:relative;
 flex:1}
.pc-transition-duration>i:after{content:'';
 position:absolute;
 left:30%;
 top:-6px;
 width:16px;
 height:16px;
 border-radius:50%;
 background:#0e6ba8}
.pc-curve{display:flex;
 gap:18px;
 align-items:center;
 font-size:14px;
 margin:0 22px;
 padding:5px 0}
.pc-curve>strong{font-weight:400;
 margin-left:auto}
.pc-curve>.material-icon{font-size:20px!important}
.pc-location{--pc-cut:24px;
 padding:6px 12px 20px}
.pc-location .pc-header{border:0;
 padding:16px 12px}
.pc-location .pc-header>strong{font-size:20px}
.pc-location .pc-header>div{gap:13px}
.pc-location .pc-header>div .material-icon{background:#2c2c2c;
 padding:7px;
 font-size:23px!important;
 border-radius:50%;
 box-sizing:content-box}
.pc-location .pc-header>div .material-icon:nth-child(2){color:#73bbed;
 background:#0e6ba833}
.pc-location p.pc-hint{font:12px PalaceRoboto,sans-serif;
 color:#999;
 padding:0 12px;
 margin:4px 0 16px}
.pc-target-cards{display:flex;
 justify-content:space-around;
 gap:12px;
 padding:10px 12px 22px}
.pc-target-card{display:flex;
 flex-direction:column;
 align-items:center;
 gap:12px;
 flex:1;
 min-width:0}
.pc-target-card>div{width:72px;
 height:72px;
 display:grid;
 place-items:center;
 background:#2c2c2c88;
 position:relative;
 border:1px solid #7774;
 clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));
 overflow:hidden}
.pc-target-card.active>div{width:82px;
 height:82px;
 margin-top:-5px;
 margin-bottom:-5px;
 border:3px solid #0e6ba8;
 background:#0e6ba833}
.pc-target-card>div>img{width:100%;
 height:100%;
 object-fit:cover}
.pc-target-card>span{font-size:12px;
 text-align:center;
 color:#b0b0b0}
.pc-target-card>div>.material-icon{font-size:28px!important;
 color:#b0b0b0}
.pc-target-card.active>div>.material-icon{position:absolute;
 bottom:4px;
 right:4px;
 font-size:19px!important;
 color:#73bbed;
 background:#1a1a1a;
 border-radius:50%}
.pc-assignment{display:flex;
 gap:13px;
 align-items:center;
 background:#2c2c2c88;
 padding:15px 18px;
 margin:0 8px;
 clip-path:polygon(0 9px,9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px)))}
.pc-assignment>div{flex:1}
.pc-assignment strong{font-size:14px;
 display:block}
.pc-assignment small{font-size:11px;
 color:#b0b0b0;
 display:block;
 margin-top:4px}
.pc-assignment>.material-icon:last-child{color:#0e6ba8}
.pc-source-selector{padding:15px;
 border:1px solid #0e6ba899;
 background:#0e6ba81a;
 --pc-cut:12px;
 margin-bottom:24px;
 box-shadow:none}
.pc-source-selected{display:flex;
 gap:10px;
 flex-wrap:wrap}
.pc-source-selected>span{padding:9px 14px;
 display:flex;
 align-items:center;
 gap:9px;
 color:#73bbed;
 border:1px solid #0e6ba8bf;
 background:#0e6ba829;
 font-size:15px;
 font-weight:600;
 clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px)))}
.pc-source-selected .material-icon{font-size:20px!important}
.pc-source-selected>span:last-child{border-color:#ff4081;
 color:#ff80ab;
 background:#ff408122}
.pc-source-manager{padding-bottom:18px}
.pc-source-manager .pc-header{border:0}
.pc-endpoint{margin:0 18px;
 border:1px solid #333;
 background:#141414;
 clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px)))}
.pc-endpoint-title{display:flex;
 gap:13px;
 align-items:center;
 padding:16px}
.pc-endpoint-title>div{flex:1;
 min-width:0}
.pc-endpoint-title strong{display:block;
 font-size:16px}
.pc-endpoint-title small{display:block;
 color:#b0b0b0;
 font-size:11px;
 overflow-wrap:anywhere;
 line-height:1.7}
.pc-endpoint-title>.material-icon{font-size:21px!important}
.pc-endpoint-title>.material-icon:first-child{color:#66bb6a}
.pc-endpoint-title>.material-icon:last-child{color:#777}
.pc-add-source{max-width:490px;
 margin:26px auto 0;
 padding-bottom:12px}
.pc-add-source .pc-header{border:0}
.pc-form-field{display:flex;
 gap:16px;
 align-items:center;
 border:1px solid #777;
 border-radius:4px;
 margin:14px 24px;
 padding:13px 15px;
 color:#b0b0b0;
 font-size:14px}
.pc-form-field>span:not(.material-icon){overflow-wrap:anywhere;
 min-width:0}
.pc-form-field small{display:block;
 color:#999;
 font-size:11px;
 margin-bottom:3px}
.pc-form-help{display:block;
 color:#999;
 font-size:12px;
 margin:0 24px}
.pc-test-url{display:flex;
 gap:8px;
 align-items:center;
 width:max-content;
 border:1px solid #777;
 padding:8px 14px;
 margin:20px 24px;
 color:#73bbed;
 font-size:14px;
 border-radius:18px}
.pc-test-url .material-icon{font-size:20px!important}
.pc-form-actions{display:flex;
 justify-content:flex-end;
 gap:28px;
 padding:8px 24px}
.pc-form-actions .material-icon{padding:10px;
 border-radius:50%;
 background:#2c2c2c;
 color:#b0b0b0}
.pc-form-actions .material-icon:last-child{background:#0e6ba8;
 color:#fff}
.pc-timer-player{background:transparent;
 box-shadow:none;
 clip-path:none;
 padding:40px 28px 32px;
 color:#333;
 text-align:center;
 --pc-text:var(--story-ink,#fff)}
.pc-timer-label{font-size:15px;
 color:var(--story-muted,var(--color-text-secondary));
 letter-spacing:1.5px;
 font-weight:600}
.pc-timer-time{font-size:62px;
 font-weight:700;
 line-height:1.2;
 color:#0e6ba8;
 letter-spacing:-1px;
 margin:12px 0 22px;
 font-variant-numeric:tabular-nums}
.pc-timer-progress{height:8px;
 max-width:490px;
 margin:auto;
 background:#9993;
 overflow:hidden;
 clip-path:polygon(0 3px,3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px)))}
.pc-timer-progress i{display:block;
 background:#0e6ba8b3;
 height:100%;
 width:65%;
 transition:width 1s}
.pc-timer-buttons{display:flex;
 justify-content:center;
 align-items:center;
 gap:22px;
 margin:28px 0;
 color:var(--story-ink,var(--color-text))}
.pc-timer-buttons>span{display:grid;
 place-items:center;
 width:45px;
 height:45px}
.pc-timer-buttons .material-icon{font-size:36px!important}
.pc-timer-buttons>span:first-child{color:#0e6ba8}
.pc-timer-buttons .pc-play{background:#0e6ba8;
 color:#fff;
 width:64px;
 height:64px;
 border-radius:50%}
.pc-timer-details{display:flex;
 flex-wrap:wrap;
 justify-content:center;
 gap:18px;
 font-size:12px;
 color:var(--story-muted,var(--color-text-secondary))}
.pc-timer-details>span{display:flex;
 align-items:center;
 gap:5px}
.pc-timer-details .material-icon{font-size:16px!important}
.pc-settings{clip-path:none;
 background:transparent;
 box-shadow:none;
 --pc-text:#fff}
.pc-settings h3{font:600 16px PalaceRoboto,sans-serif!important;
 color:var(--story-ink,var(--color-text))!important;
 margin:0 0 12px!important}
.pc-settings h3:not(:first-child){margin-top:30px!important}
.pc-setting{display:flex;
 gap:16px;
 align-items:center;
 padding:16px;
 min-height:74px;
 background:#1c1c1c;
 border:1px solid #333;
 border-radius:4px;
 margin:6px 0;
 clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px)))}
.pc-setting>.material-icon{font-size:23px!important;
 color:#73bbed}
.pc-setting>div{flex:1;
 min-width:0}
.pc-setting>div>strong{display:block;
 font-size:15px;
 font-weight:400}
.pc-setting small{display:block;
 font-size:12px;
 color:#b0b0b0;
 margin-top:4px;
 line-height:1.5}
.pc-setting-value{display:flex;
 gap:8px;
 align-items:center;
 font-size:12px;
 color:#b0b0b0}
.pc-setting-value .material-icon{font-size:19px!important}
.pc-app-swatches{display:flex;
 gap:8px;
 justify-content:center;
 margin:14px 0 1px;
 flex-wrap:wrap}
.pc-app-swatches i{width:26px;
 height:26px;
 border:1px solid #ffffff33;
 clip-path:polygon(0 7px,7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px)))}
.pc-switch{width:45px;
 height:27px;
 background:#0e6ba8;
 border-radius:15px;
 padding:4px;
 flex-shrink:0}
.pc-switch>i{display:block;
 width:19px;
 height:19px;
 background:#fff;
 border-radius:50%;
 margin-left:auto}
.pc-setting-slider>.material-icon{align-self:start;
 padding-top:8px}
.pc-setting-slider .pc-slider{padding:0}
.pc-setting-slider .pc-slider>div{margin-bottom:22px}
[data-beat="1"] .pc-media-item.media-0 img{transform:scale(1.12)}
[data-beat="1"] .pc-layer-row.active{background:#0e6ba847}
[data-beat="2"] .pc-type-list>div:nth-child(5){background:#0e6ba833}
[data-beat="1"] .pc-effect-result img{filter:blur(3px) saturate(1.2)}
[data-beat="2"] .pc-effect-result img{filter:sepia(.75) contrast(1.1)}
[data-beat="1"] .pc-target-card.active>div{border-color:#73bbed}
[data-beat="1"] .pc-timer-progress i{width:15%}
[data-beat="2"] .pc-timer-progress i{width:85%}
[data-story-guide] .palace-component h3{margin-bottom:12px}
[data-story-guide] .palace-component strong{color:var(--pc-text)!important}
@media(max-width:1200px){.pc-layer-pair{grid-template-columns:1fr;
 gap:24px}
.pc-type-list{grid-template-columns:1fr 1fr}
.pc-type-list>div{font-size:14px;
 gap:12px}
.pc-layer-panel{max-width:420px;
 margin:auto;
 width:100%}
.pc-effect-focus{grid-template-columns:1fr}
.pc-effect-panel{max-width:480px;
 width:100%;
 margin:auto}
.pc-effect-result{aspect-ratio:2.2;
 max-height:200px}
.pc-target-cards{gap:8px;
 padding-inline:0}
.pc-target-card>div{width:58px;
 height:58px}
.pc-target-card.active>div{width:66px;
 height:66px;
 margin-top:-4px;
 margin-bottom:-4px}
.pc-target-card>span{font-size:10px}
.pc-location .pc-header>div{gap:5px}
.pc-location .pc-header>div .material-icon{padding:6px;
 font-size:18px!important}
.pc-location .pc-header>strong{font-size:16px}
.pc-location .pc-header{gap:6px;
 padding-inline:4px}
.pc-location .pc-header>.material-icon{font-size:20px!important}
.pc-endpoint-title{gap:9px}
.pc-endpoint-title>.material-icon:last-child{display:none}}
@media(max-width:800px){.pc-layer-pair{grid-template-columns:.85fr 1.15fr;
 gap:22px}
.pc-type-list{grid-template-columns:1fr}
.pc-effect-focus{grid-template-columns:1fr .65fr}
.pc-effect-result{aspect-ratio:.75;
 max-height:none}
.pc-media-grid{grid-auto-rows:90px;
 max-height:390px}
.pc-placement-results .mode-viewport{height:120px}
.pc-location .pc-header>div .material-icon{padding:8px;
 font-size:22px!important}
.pc-location .pc-header>strong{font-size:20px}
.pc-target-card>div{width:72px;
 height:72px}
.pc-target-card.active>div{width:82px;
 height:82px}
.pc-target-card>span{font-size:12px}}
@media(max-width:480px){.pc-layer-pair{grid-template-columns:1fr;
 gap:24px}
.pc-layer-panel{max-width:360px}
.pc-type-list{grid-template-columns:1fr 1fr;
 padding:0 8px 16px}
.pc-type-list>div{font-size:12px;
 gap:10px;
 padding:10px 8px;
 min-height:48px}
.pc-type-list .material-icon{font-size:22px!important}
.pc-header>strong{font-size:19px}
.pc-layer-row{min-height:62px;
 padding:12px 14px}
.pc-layer-row>span:not(.material-icon){font-size:17px}
.pc-layer-row .material-icon{font-size:20px!important}
.pc-effect-focus{grid-template-columns:1fr}
.pc-effect-result{aspect-ratio:2;
 max-height:200px}
.pc-effects-grid{gap:20px 6px;
 padding:22px 14px}
.pc-effect-circle{width:51px;
 height:51px}
.pc-effect small{font-size:10px}
.pc-style-options{gap:24px 6px;
 padding:24px 12px}
.pc-circle{width:56px;
 height:56px}
.pc-circle .material-icon{font-size:28px!important}
.pc-option small{font-size:11px}
.pc-placement-results{grid-template-columns:repeat(3,minmax(0,1fr))}
.pc-placement-results .mode-viewport{height:90px}
.pc-transition-row{padding:9px 14px;
 gap:12px;
 min-height:70px}
.pc-transition-row>.transition-viewport{width:56px}
.pc-transition-row strong{font-size:15px}
.pc-transition-row small{font-size:10px}
.pc-transition-duration{padding-inline:16px;
 font-size:12px}
.pc-location .pc-header{flex-wrap:wrap;
 row-gap:16px;
 padding:16px 8px}
.pc-location .pc-header>strong{font-size:18px}
.pc-location .pc-header>div{gap:7px;
 margin-left:0;
 justify-content:flex-end;
 flex:1}
.pc-location .pc-header>div .material-icon{font-size:18px!important;
 padding:5px}
.pc-location .pc-header>.material-icon{font-size:20px!important}
.pc-location{padding-inline:8px}
.pc-target-cards{flex-wrap:wrap;
 justify-content:flex-start;
 gap:22px 4px;
 padding:12px 4px 25px}
.pc-target-card{flex:0 0 calc(33.333% - 4px)}
.pc-target-card>div{width:64px;
 height:64px}
.pc-target-card.active>div{width:72px;
 height:72px}
.pc-target-card>span{font-size:11px}
.pc-location p.pc-hint{font-size:11px;
 padding-inline:8px}
.pc-source-selected{gap:8px}
.pc-source-selected>span{font-size:12px;
 padding:9px 10px;
 gap:7px}
.pc-source-selected .material-icon{font-size:17px!important}
.pc-source-selector{padding:12px}
.pc-source-manager .pc-header{padding:16px 14px}
.pc-source-manager .pc-header>div{gap:15px}
.pc-endpoint{margin-inline:10px}
.pc-endpoint-title{flex-wrap:wrap;
 padding:14px 12px;
 gap:12px}
.pc-endpoint-title>div{flex-basis:75%}
.pc-endpoint-title>.material-icon:nth-last-child(-n+5){font-size:20px!important}
.pc-endpoint-title strong{font-size:15px}
.pc-endpoint-title small{font-size:10px}
.pc-form-field{margin-inline:18px;
 font-size:12px}
.pc-form-field .material-icon{font-size:20px!important}
.pc-timer-player{padding:28px 8px}
.pc-timer-label{font-size:12px}
.pc-timer-time{font-size:55px}
.pc-timer-buttons{gap:10px}
.pc-timer-buttons .material-icon{font-size:28px!important}
.pc-timer-buttons .pc-play{width:56px;
 height:56px}
.pc-timer-details{gap:12px;
 font-size:10px}
.pc-setting{gap:12px;
 padding:14px 12px}
.pc-setting>div>strong{font-size:14px}
.pc-setting small{font-size:10px}
.pc-setting-value{font-size:11px;
 gap:4px}
.pc-app-swatches{gap:6px}
.pc-app-swatches i{width:21px;
 height:21px}
.pc-category-grid strong{font-size:19px}
.pc-media-grid{grid-template-columns:repeat(4,minmax(0,1fr));
 grid-auto-rows:80px}}
@media(prefers-reduced-motion:reduce){.palace-component *{animation:none!important;
 transition:none!important}}
/* Current AppSettings defaults: beveled rectangles and octagonal buttons. */
.pc-circle,.pc-timer-buttons .pc-play,.pc-location .pc-header>div .material-icon,.pc-form-actions .material-icon{border-radius:0;
 clip-path:polygon(29.29% 0,70.71% 0,100% 29.29%,100% 70.71%,70.71% 100%,29.29% 100%,0 70.71%,0 29.29%)}
.pc-effect-circle{border:0;
 background:transparent;
 border-radius:0;
 isolation:isolate}
.pc-effect-circle:before,.pc-effect-circle:after{content:'';
 position:absolute;
 inset:0;
 background:#7776;
 clip-path:polygon(29.29% 0,70.71% 0,100% 29.29%,100% 70.71%,70.71% 100%,29.29% 100%,0 70.71%,0 29.29%);
 z-index:-1}
.pc-effect-circle:after{inset:1px;
 background:#2c2c2c}
.pc-effect-circle.active:before,.pc-effect-circle.active:after{background:#0e6ba8}
.pc-effect-circle.active{background:transparent;
 border:0;
 color:#fff}
.pc-effect-circle>b{z-index:2}
.pc-effects-grid{display:flex;
 flex-wrap:wrap;
 gap:15px;
 padding:24px 20px}
.pc-effect{flex:0 0 56px}
.pc-type-list{grid-template-columns:1fr!important}
.pc-type-list>div{padding:12px 18px;
 min-height:50px;
 font-size:16px;
 gap:22px}
.pc-target-cards{overflow-x:auto;
 flex-wrap:nowrap!important;
 justify-content:flex-start;
 scrollbar-width:thin;
 scrollbar-color:#555 transparent}
.pc-target-card{flex:0 0 105px}
.pc-slider>div>span{clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px))}
.pc-slider>i:after{clip-path:polygon(0 4px,4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px))}
@media(max-width:480px){.pc-target-card{flex:0 0 88px}
.pc-type-list>div{min-height:48px;
 font-size:16px}
.pc-effect{flex-basis:51px}}
/* Collect: the initial editorial card treatment, kept separate from app
   controls so it does not imply a different application layout. */
.pc-collect-story{position:relative;padding:12px;background:#0c1f2c;box-shadow:0 30px 65px #092c3d24;min-width:0}
.pc-collect-masonry{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:100px;gap:7px;height:480px;overflow:hidden}
.pc-collect-tile{position:relative;grid-row:span 2;overflow:hidden;clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}
.pc-collect-tile:nth-child(3n){grid-row:span 3}.pc-collect-tile:nth-child(4n){grid-row:span 1}
.pc-collect-tile img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}
.pc-collect-tile>span{position:absolute;inset:auto 0 0;padding:22px 10px 10px;font:11px/1.4 PalaceRoboto,sans-serif;color:white;background:linear-gradient(transparent,#071d32e8)}
.pc-collect-card{position:absolute;right:30px;bottom:35px;width:52%;display:flex;flex-direction:column;gap:14px;padding:28px;background:#173446f2;color:#fff;border:1px solid #6aaeb8;box-shadow:0 20px 50px #06121e88;transition:transform .9s ease}
.pc-collect-card>.material-icon{color:#8be5dc;font-size:30px!important}.pc-collect-card>strong{font:600 32px/1.2 PalaceRoboto,sans-serif;color:#fff}.pc-collect-card>small{font:12px PalaceRoboto,sans-serif;color:#b7ced7}
.pc-collect-card>div{display:flex;flex-wrap:wrap;gap:10px;font:11px PalaceRoboto,sans-serif;color:#b7ced7}.pc-collect-card>div>span+span:before{content:'/';margin-right:10px;color:#658e9c}
[data-beat="1"] .pc-collect-card{transform:translate(-10px,-22px)}[data-beat="2"] .collect-tile-0 img{transform:scale(1.12)}
/* SourceSelectorDialog + CollectionTreeChips: search, order, shortcut icons,
   section headings, and flowing expandable selection chips. */
.pc-source-picker{padding:22px;--pc-cut:20px;overflow:hidden}
.pc-selector-search{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #777;border-radius:4px;font:14px PalaceRoboto,sans-serif;color:#b0b0b0;background:#222;min-width:0}
.pc-selector-search .material-icon{font-size:22px!important}.pc-selector-order{display:flex;align-items:center;gap:14px;margin-top:14px}
.pc-selector-shuffle{display:grid;place-items:center;width:47px;height:47px;background:#0e6ba826;color:#73bbed;clip-path:polygon(29.29% 0,70.71% 0,100% 29.29%,100% 70.71%,70.71% 100%,29.29% 100%,0 70.71%,0 29.29%)}
.pc-selector-sort{display:grid;grid-template-columns:1fr auto;align-items:center;flex:1;padding:4px 12px 8px;border-bottom:1px solid #777;font-size:14px;color:#aaa}
.pc-selector-sort>small{grid-column:1/-1;font-size:11px;color:#888}.pc-selector-order>.material-icon{color:#73bbed}
.pc-selector-toolbar{display:flex;align-items:center;gap:12px;margin:24px 0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#555 transparent;padding-bottom:8px}
.pc-selector-toolbar>.pc-selector-search{flex:1 0 170px;font-size:12px;padding:11px}.pc-selector-toolbar>.material-icon{font-size:22px!important}
.pc-selector-shortcuts{display:flex;gap:7px;flex-shrink:0}.pc-selector-shortcuts>span{display:flex;flex-direction:column;align-items:center;gap:7px;color:#73bbed}.pc-selector-shortcuts>span>.material-icon{background:#0e6ba826;width:37px;height:37px;display:grid;place-items:center;font-size:20px!important;clip-path:polygon(29.29% 0,70.71% 0,100% 29.29%,100% 70.71%,70.71% 100%,29.29% 100%,0 70.71%,0 29.29%)}.pc-selector-shortcuts small{font-size:9px}.pc-selector-shortcuts>span:nth-child(3){color:#ff80ab}.pc-selector-shortcuts>span:nth-child(4){color:#ffab40}
.pc-selector-section{margin:24px 0 10px}.pc-selector-section>div:first-child{display:flex;align-items:center;gap:9px;margin-bottom:15px;color:#73bbed}.pc-selector-section>div:first-child>strong{font-size:14px;color:#73bbed!important}.pc-selector-section>div:first-child>small{font-size:11px;background:#0e6ba826;padding:3px 8px}.pc-selector-section>div:first-child>.material-icon{font-size:20px!important}.pc-selector-section>div:first-child>.material-icon:last-child{margin-left:auto}
.pc-collection-chips{display:flex;gap:10px;flex-wrap:wrap}.pc-collection-chip{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 13px;font-size:14px;background:#ffffff0a;color:#aaa;border:1px solid #555;clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px)))}.pc-collection-chip.selected{background:#0e6ba833;color:#73bbed;border-color:#0e6ba8}.pc-collection-chip>.material-icon{font-size:18px!important}.pc-selection-result{margin-top:24px}.pc-selection-result .pc-source-selector{margin-bottom:0}
/* LayerEditor, focused on a composition rather than a full application page. */
.pc-compose{height:650px;background:#3d5875;--pc-cut:18px;box-shadow:none;isolation:isolate;overflow:hidden}
.pc-compose-photo{position:absolute;inset:14% 10% 22% 18%;box-shadow:0 18px 45px #091b3e44;transition:transform 1.1s}.pc-compose-photo>img{height:100%;width:100%;object-fit:contain;background:#253f5c}
.pc-compose-text{position:absolute;top:45%;left:43%;right:12%;color:#fff;font:500 clamp(24px,3vw,42px)/1.12 PalaceRoboto,sans-serif;letter-spacing:-.025em;text-shadow:0 2px 14px #102b4f66;z-index:1}
.pc-compose-top{position:absolute;top:13px;left:14px;right:14px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px}.pc-compose-top>div{display:flex;align-items:center;gap:10px}.pc-compose-top>.material-icon,.pc-compose-top>div>.material-icon{display:grid;place-items:center;width:35px;height:35px;color:#d3e1e9;background:#171d2a66;clip-path:polygon(29.29% 0,70.71% 0,100% 29.29%,100% 70.71%,70.71% 100%,29.29% 100%,0 70.71%,0 29.29%);font-size:19px!important}
.pc-compose-badge{display:flex;align-items:center;gap:6px;font-size:11px;padding:7px 10px;background:#171d2a66;color:#d3e1e9;clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.pc-compose-badge>.material-icon{font-size:16px!important}
.pc-compose-layers{position:absolute;left:16px;bottom:110px;width:235px;z-index:2;filter:drop-shadow(0 15px 25px #06132633)}
.pc-compose-layers .pc-layer-panel{width:100%;max-width:none;margin:0;--pc-cut:14px;background:#1a1a1aeb}.pc-compose-layers .pc-header{padding:11px 13px;min-height:46px}.pc-compose-layers .pc-header>strong{font-size:14px}.pc-compose-layers .pc-header .material-icon{font-size:18px!important}.pc-compose-layers .pc-header>div{gap:13px}.pc-compose-layers .pc-layer-row{min-height:52px;padding:10px;gap:9px}.pc-compose-layers .pc-layer-row>span:not(.material-icon){font-size:14px}.pc-compose-layers .pc-layer-row>.material-icon{font-size:17px!important}
.pc-compose-style-rail{position:absolute;right:13px;top:18%;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:2}.pc-compose-style-rail>small{font-size:9px;padding:3px 6px;background:#1a1a1a99;color:#b0b0b0;letter-spacing:.1em}.pc-compose-style-rail>.material-icon{font-size:21px!important;color:#dae1ec;background:#11182744;padding:7px;clip-path:polygon(29.29% 0,70.71% 0,100% 29.29%,100% 70.71%,70.71% 100%,29.29% 100%,0 70.71%,0 29.29%)}
.pc-compose-actions{position:absolute;left:12px;right:12px;bottom:22px;z-index:3;display:flex;justify-content:center;align-items:center;gap:25px;color:#dae1ec}.pc-compose-actions>.material-icon{font-size:25px!important;text-shadow:0 2px 8px #071a29}.pc-compose-apply,.pc-compose-location{display:flex;flex-direction:column;align-items:center;gap:7px}.pc-compose-apply>.material-icon{font-size:30px!important;background:#0e6ba8b3;box-shadow:0 0 0 2px #91cce2;padding:12px;clip-path:polygon(29.29% 0,70.71% 0,100% 29.29%,100% 70.71%,70.71% 100%,29.29% 100%,0 70.71%,0 29.29%)}.pc-compose-apply>small,.pc-compose-location>small{font-size:10px;color:#fff}.pc-compose-location>.material-icon{font-size:24px!important}
[data-beat="1"] .pc-compose-photo{transform:translateY(-5px) scale(.98)}[data-beat="2"] .pc-compose-text{transform:translateY(-6px);transition:transform 1s}
/* One wallpaper surface, three transitions. Animation runs only while the
   containing chapter/guide figure is visible and honors the global pause. */
.pc-wallpaper-motion{position:relative;aspect-ratio:1.35;overflow:hidden;background:#173649;clip-path:polygon(0 18px,18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
.pc-wallpaper-motion>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pc-motion-crossfade,.pc-motion-slide,.pc-motion-blur{opacity:0}.pc-motion-slide{transform:translateX(100%)}
.pc-motion-sequence{display:flex;gap:25px;align-items:center;margin:25px 0;font:13px PalaceRoboto,sans-serif;color:var(--story-muted,var(--color-text-secondary))}.pc-motion-step{display:flex;gap:10px;align-items:center}.pc-motion-step>i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.35}
.motion-ready .is-visible .pc-motion-crossfade{animation:pcWallpaperCrossfade 18s ease-in-out infinite}.motion-ready .is-visible .pc-motion-slide{animation:pcWallpaperSlide 18s ease-in-out infinite}.motion-ready .is-visible .pc-motion-blur{animation:pcWallpaperBlur 18s ease-in-out infinite}.motion-ready .is-visible .pc-motion-step{animation:pcMotionStep 18s linear infinite}.motion-ready .is-visible .step-slide{animation-delay:-12s}.motion-ready .is-visible .step-blur{animation-delay:-6s}
@keyframes pcWallpaperCrossfade{0%,4%{opacity:0}14%,43%{opacity:1}44%,100%{opacity:0}}
@keyframes pcWallpaperSlide{0%,34%{opacity:0;transform:translateX(100%)}35%{opacity:1;transform:translateX(100%)}44%,80%{opacity:1;transform:translateX(0)}81%,100%{opacity:0;transform:translateX(0)}}
@keyframes pcWallpaperBlur{0%,68%{opacity:0;filter:blur(20px)}80%,100%{opacity:1;filter:blur(0)}}
@keyframes pcMotionStep{0%,32%{color:var(--story-accent,#73bbed);font-weight:700}33%,100%{color:var(--story-muted,var(--color-text-secondary));font-weight:400}}
/* SettingsContainer: actual 80px icon rail with the page content changing
   through Appearance, Navigation, Behavior, and Editor. */
.pc-settings-pages{--pc-cut:16px;background:#000;overflow:hidden}.pc-settings-appbar{display:grid;padding:22px 24px;border-bottom:1px solid #222;min-height:74px}.pc-page-title{grid-area:1/1;font:400 24px PalaceRoboto,sans-serif;opacity:0;visibility:hidden}.pc-page-title.page-0{opacity:1;visibility:visible}
.pc-settings-body{display:grid;grid-template-columns:80px minmax(0,1fr);min-height:640px}.pc-settings-rail{padding:10px 8px;background:#1a1a1a4d;display:flex;flex-direction:column;gap:8px}.pc-settings-rail>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;color:#888;position:relative}.pc-settings-rail .material-icon{font-size:24px!important}.pc-settings-rail small{font:9px PalaceRoboto,sans-serif}.pc-settings-destination{border:2px solid transparent;clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.pc-settings-page-stack{display:grid;align-items:start;min-width:0;padding:22px 20px 28px}.pc-settings-page{grid-area:1/1;opacity:0;visibility:hidden;min-width:0}.pc-settings-page.page-0{opacity:1;visibility:visible}.pc-settings-page h3{font:600 15px PalaceRoboto,sans-serif!important;color:#fff!important;margin:0 0 14px!important}.pc-settings-page h3:not(:first-child){margin-top:28px!important}.pc-settings-pages .pc-setting{min-height:70px;padding:13px 12px;gap:12px}.pc-settings-pages .pc-setting>div>strong{font-size:14px}.pc-settings-pages .pc-setting small{font-size:11px}.pc-settings-pages .pc-setting-value{font-size:11px}.pc-settings-pages .pc-app-swatches{gap:7px}.pc-settings-pages .pc-app-swatches i{width:23px;height:23px}
.motion-ready .is-visible .pc-settings-page,.motion-ready .is-visible .pc-page-title{animation:pcSettingsPage 24s linear infinite;animation-delay:var(--page-offset)}
.motion-ready .is-visible .pc-settings-destination{animation:pcSettingsRail 24s linear infinite;animation-delay:var(--page-offset)}
@keyframes pcSettingsPage{0%,23%{opacity:1;visibility:visible;transform:translateY(0)}24%,99.5%{opacity:0;visibility:hidden;transform:translateY(8px)}100%{opacity:1;visibility:visible;transform:translateY(0)}}
@keyframes pcSettingsRail{0%,23%{color:#73bbed;border-color:#73bbed66;background:#73bbed26}24%,100%{color:#888;border-color:transparent;background:transparent}}
@media(max-width:1100px){.pc-compose-layers{width:190px;left:12px}.pc-compose-layers .pc-layer-row{padding-inline:8px;gap:6px}.pc-compose-layers .pc-layer-row>span:not(.material-icon){font-size:13px}.pc-compose-layers .pc-layer-row>.material-icon{font-size:15px!important}.pc-compose{height:600px}.pc-compose-top>div{gap:6px}.pc-compose-top>div>.material-icon{width:29px;height:29px;font-size:17px!important}.pc-compose-style-rail{gap:12px;right:8px}.pc-compose-text{left:42%;font-size:28px}.pc-settings-body{grid-template-columns:64px minmax(0,1fr)}.pc-settings-page-stack{padding:18px 12px}.pc-settings-rail{padding:10px 5px}.pc-settings-rail small{font-size:8px}.pc-settings-pages .pc-setting{gap:8px;padding:12px 10px}.pc-settings-pages .pc-setting>.material-icon{font-size:19px!important}.pc-settings-pages .pc-setting-value{font-size:10px;max-width:36%;text-align:right}.pc-settings-pages .pc-setting>div>strong{font-size:13px}.pc-settings-pages .pc-setting small{font-size:10px}.pc-selector-toolbar{gap:8px}}
@media(max-width:800px){.pc-compose{height:640px}.pc-compose-layers{width:235px;left:16px}.pc-compose-layers .pc-layer-row{min-height:52px;gap:9px}.pc-compose-layers .pc-layer-row>span:not(.material-icon){font-size:14px}.pc-compose-layers .pc-layer-row>.material-icon{font-size:17px!important}.pc-compose-text{left:43%;font-size:36px}.pc-compose-top>div>.material-icon{width:35px;height:35px;font-size:20px!important}.pc-settings-body{grid-template-columns:80px minmax(0,1fr)}.pc-settings-page-stack{padding:22px 18px}.pc-settings-pages .pc-setting>div>strong{font-size:14px}.pc-collect-story{max-width:760px}}
@media(max-width:480px){.pc-collect-masonry{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:90px;height:420px}.pc-collect-card{right:18px;bottom:24px;width:65%;padding:22px;gap:12px}.pc-collect-card>strong{font-size:28px}.pc-collect-tile>span{font-size:9px;padding-inline:6px}.pc-collect-card>div{font-size:9px;gap:7px}.pc-collect-card>small{font-size:10px}.pc-source-picker{padding:18px 14px}.pc-selector-search{font-size:13px;padding:12px}.pc-selector-order{gap:10px}.pc-selector-toolbar{margin-top:22px;margin-bottom:20px}.pc-collection-chip{font-size:12px;padding:9px 11px;gap:6px;min-height:42px}.pc-collection-chips{gap:9px}.pc-selector-section{margin-top:23px}.pc-compose{height:590px}.pc-compose-photo{inset:14% 11% 31% 9%}.pc-compose-layers{width:174px;bottom:105px;left:10px}.pc-compose-layers .pc-header{padding:10px 9px;min-height:42px}.pc-compose-layers .pc-header>strong{font-size:12px}.pc-compose-layers .pc-header .material-icon{font-size:15px!important}.pc-compose-layers .pc-layer-row{min-height:45px;padding:8px 7px;gap:5px}.pc-compose-layers .pc-layer-row>span:not(.material-icon){font-size:12px}.pc-compose-layers .pc-layer-row>.material-icon{font-size:14px!important}.pc-compose-layers .pc-layer-row>.material-icon:last-child{display:none}.pc-compose-style-rail{top:27%;gap:11px;right:7px}.pc-compose-style-rail>.material-icon{font-size:18px!important;padding:6px}.pc-compose-style-rail>small{font-size:7px}.pc-compose-text{top:35%;left:37%;right:17%;font-size:25px}.pc-compose-top{top:12px;left:10px;right:10px;gap:9px}.pc-compose-top>div{gap:5px}.pc-compose-top>div>.material-icon{width:28px;height:28px;font-size:16px!important}.pc-compose-top>div:first-child>.material-icon:nth-child(-n+2){display:none}.pc-compose-badge{font-size:9px;padding:6px 7px}.pc-compose-badge>.material-icon{font-size:14px!important}.pc-compose-actions{gap:21px;bottom:22px;left:10px;right:10px}.pc-compose-actions>.material-icon{font-size:23px!important}.pc-compose-apply>.material-icon{font-size:27px!important;padding:11px}.pc-compose-location>.material-icon{font-size:21px!important}.pc-wallpaper-motion{aspect-ratio:.9}.pc-motion-sequence{gap:20px;font-size:12px;justify-content:center}.pc-motion-step{gap:8px}.pc-settings-body{grid-template-columns:54px minmax(0,1fr);min-height:660px}.pc-settings-rail{padding:8px 3px;gap:5px}.pc-settings-rail>span{min-height:57px;gap:5px}.pc-settings-rail .material-icon{font-size:21px!important}.pc-settings-rail small{font-size:7px}.pc-settings-page-stack{padding:18px 9px 24px}.pc-settings-appbar{padding:19px 18px;min-height:66px}.pc-page-title{font-size:22px}.pc-settings-pages .pc-setting{gap:8px;padding:12px 9px;min-height:75px}.pc-settings-pages .pc-setting>div>strong{font-size:12px}.pc-settings-pages .pc-setting small{font-size:9px}.pc-settings-pages .pc-setting>.material-icon{font-size:17px!important}.pc-settings-pages .pc-setting-value{font-size:9px;gap:3px;max-width:34%}.pc-settings-pages .pc-setting-value>.material-icon{font-size:15px!important}.pc-settings-pages .pc-switch{width:35px;height:23px;padding:3px}.pc-settings-pages .pc-switch>i{height:17px;width:17px}.pc-settings-pages .pc-app-swatches{gap:6px;justify-content:flex-start;margin-top:12px}.pc-settings-pages .pc-app-swatches i{width:20px;height:20px}.pc-settings-page h3{font-size:13px!important}.pc-settings-pages .pc-setting.pc-accent-setting{align-items:flex-start}.pc-settings-pages .pc-setting.pc-accent-setting>.material-icon{padding-top:5px}}
@media(prefers-reduced-motion:reduce){.pc-collect-story *{animation:none!important;transition:none!important}}

/* Preserve existing app icon sizing and colors, with vector outlines instead
   of private-use font glyphs (including supplementary-plane characters). */
.material-icon > svg {display:block;width:1em;height:1em;fill:currentColor;overflow:visible}