#editor{width:min(860px,calc(100% - 26px))}#editor #form{padding:32px 38px}.studio{margin-top:25px;border:1px solid #3d3522;border-radius:10px;background:#0d0d0e;overflow:hidden}.studio-tabs{display:flex;padding:7px;gap:6px;border-bottom:1px solid #383024;background:#181610;position:sticky;top:0;z-index:2}.studio-tabs button{flex:1;padding:12px 8px;background:none;border-color:transparent;color:#b3a98c;font-size:13px}.studio-tabs button[aria-pressed=true]{background:#f4cc4b;color:#181306;box-shadow:0 2px 14px #0003}.studio-tabs span{font-size:10px;padding:2px 5px;border:1px solid currentColor;border-radius:4px;margin-left:3px}.studio>section{padding:25px}.studio-intro{display:flex;align-items:center;gap:18px;margin-bottom:25px}.studio-intro>div:first-child{flex:1}.studio-intro h3{font-size:21px;letter-spacing:-.6px;line-height:1.3;margin:8px 0}.studio-intro p{font-size:13px;color:#a69a81;line-height:1.7;margin:6px 0}#marker-preview{width:110px;height:100px;background:radial-gradient(ellipse,#3c3326,#151513);border:1px solid #675634;border-radius:9px;flex:none}#marker-preview svg{width:100%;height:100%}.shape-picker{display:flex;gap:9px}.shape-picker button{flex:1;font-size:12px;background:#171715}.shape-picker button[aria-pressed=true],.icon-picker button[aria-pressed=true]{border-color:var(--yellow);background:#f4cc4b18;color:var(--yellow);box-shadow:inset 0 0 0 1px #f4cc4b33}.icon-picker{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.icon-picker button{height:47px;display:grid;place-items:center;padding:0;color:#b6ad94;background:#151513;border:1px solid #363127;border-radius:7px}.icon-picker svg{width:22px;height:22px}#icon-name{font-size:11px;color:#e2c170;margin-left:9px}.color-settings{flex:1.5;min-width:0}.palette{display:flex;flex-wrap:wrap;gap:8px;margin:7px 0 11px}.palette button{width:23px;height:23px;padding:0;border:2px solid #111;border-radius:50%;outline:1px solid #3b3528}.palette button[aria-pressed=true]{outline:2px solid white;outline-offset:2px}#marker-color{height:32px;width:60px;display:block;padding:3px;border:1px solid #4c4129;border-radius:5px;margin:0}.area-options{display:flex;gap:20px;padding-top:5px;border-top:1px solid #342d20}.area-options label{flex:1}.area-options output{float:right;color:var(--yellow);font-size:12px}.area-options input[type=range]{accent-color:var(--yellow);padding:5px 0;border:0;background:none;height:32px}.check-label{display:flex;align-items:center;gap:10px;color:#ad9c76}.check-label input{width:16px!important;height:16px;margin:0!important;accent-color:var(--yellow)}#custom-image-label input{font-size:12px;display:block;margin:10px 0}#custom-image-label small{font-size:11px;color:#918777}.file-drop{display:block;text-align:center;padding:23px 15px;border:1px dashed #6d592e;border-radius:8px;background:#f4cc4b05;color:#eed286;cursor:pointer;font-size:15px;font-weight:500}.file-drop:hover{background:#f4cc4b0b;border-color:var(--yellow)}.file-drop input{display:block;width:100%;font-size:11px;margin:15px 0}.file-drop small{display:block;font-size:11px;color:#a99872;font-weight:400}.album-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:19px}.album-edit-card{border:1px solid #3a3325;border-radius:8px;overflow:hidden;background:#191814}.album-edit-card>img{width:100%;height:130px;object-fit:cover;display:block}.album-edit-body{padding:12px}.cover-badge{font-size:10px;color:#e6be56;letter-spacing:1.5px}.album-edit-body input{font-size:12px;padding:9px;margin:7px 0}.album-actions{display:flex;gap:5px}.album-actions button{font-size:10px;padding:6px 8px;background:#211e17}.album-actions button:last-child{margin-left:auto;color:#db9f89}.album-actions button:disabled{opacity:.35}.media-upload-options{display:flex;gap:15px}.media-upload-options>label{flex:1;min-width:0}.youtube-input{display:flex;align-items:flex-end;gap:10px;margin-bottom:22px}.youtube-input label{flex:1;margin:0;min-width:0}.youtube-input button{height:43px}.media-edit-row{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #393121;background:#181611;border-radius:7px;margin-top:10px}.media-kind-icon{font-size:25px;color:var(--yellow);width:35px}.media-edit-row>div{flex:1;min-width:0}.media-type{font-size:9px;letter-spacing:2px;color:#ae9866}.media-edit-row input{font-size:13px;margin:5px 0 0;padding:7px 10px}.media-edit-row>button{padding:4px 10px;font-size:20px;background:none}.studio-note,.studio-empty{font-size:12px;line-height:1.8;color:#a29375}.studio-empty{grid-column:1/-1;text-align:center;border:1px dashed #433823;padding:25px;border-radius:7px}#studio-progress{padding:15px 25px;background:#f4cc4b09;font-size:12px;color:#e1c37b}#studio-progress progress{display:block;width:100%;height:5px;margin-top:10px;accent-color:var(--yellow)}#studio-error{padding:0 25px;color:#f0a898;font-size:13px}#studio-error:empty{display:none}.album-strip{display:flex;gap:8px;padding:14px 22px;border-bottom:1px solid #3b3424;background:#0d0d0d;overflow:auto}.album-thumb{padding:0;min-width:68px;width:68px;height:49px;border:2px solid transparent;border-radius:5px;overflow:hidden;opacity:.65}.album-thumb img{width:100%;height:100%;object-fit:cover;display:block}.album-thumb.active{opacity:1;border-color:var(--yellow)}#detail-photo{background:#080808}.photo-pager{position:absolute;top:18px;left:20px;z-index:2;display:flex;align-items:center;gap:10px;background:#080808c9;border:1px solid #b3924266;border-radius:7px;padding:4px;color:#eed486}.photo-pager .icon-button{border:0;background:none;width:28px;height:28px;font-size:18px}.photo-pager>span{font:12px monospace;min-width:42px;text-align:center}.photo-caption{max-width:calc(100% - 215px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-controls{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;background:#0b0b0ce0;border:1px solid #5d4f2e;border-radius:8px;padding:6px}.lightbox-controls>span{font:13px monospace;color:#e6cd8b;min-width:65px;text-align:center}.lightbox-controls button{background:none;border:0;font-size:19px}.lightbox-caption{position:absolute;left:20px;right:20px;bottom:77px;text-align:center;font-size:14px;color:#f4e4bf;background:#0a0a0aaa;padding:7px 12px;border-radius:5px;max-width:800px;margin:auto;pointer-events:none}#lightbox>img{padding:30px 20px 115px}.story-media{margin-top:30px}.playback-card{border:1px solid #403723;border-radius:9px;background:#17150f;padding:16px;margin:12px 0}.playback-heading{display:flex;gap:12px;align-items:center;margin-bottom:14px;color:#ddd0aa;font-size:14px}.playback-heading>span{font-size:23px;color:#e8c65a}.playback-heading>div{overflow-wrap:anywhere;min-width:0}.playback-card audio{display:block;width:100%;height:40px}.playback-card video{display:block;width:100%;max-height:390px;background:#080808;border-radius:6px}.playback-card iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:6px}.media-error{font-size:12px;color:#e7ae98;line-height:1.6}.media-error:empty{display:none}.load-media{width:100%;background:#292215;color:#e6c672}.youtube-play{width:100%;display:flex;align-items:center;gap:17px;padding:22px;background:linear-gradient(120deg,#312619,#161510);border-color:#5e4a28;text-align:left}.youtube-play>span:first-child{font-size:37px;color:#f4cc4b}.youtube-play strong{font-size:14px;display:block}.youtube-play small{display:block;font-size:11px;color:#a99676;margin-top:7px;line-height:1.6}.media-counts{position:absolute;right:12px;top:13px;z-index:1;color:#e8dcae;background:#080808d9;border:1px solid #67553177;border-radius:4px;font-size:10px;padding:4px 7px;letter-spacing:1px}.card.active,.card:hover{border-color:var(--story-color,var(--yellow))}.pin-ring.pulsing{animation:marker-pulse 2.4s ease-in-out infinite;transform-origin:0 0}@keyframes marker-pulse{50%{transform:scale(1.2);opacity:.35}}#details.presentation .album-strip{grid-column:1;grid-row:3;max-height:85px}#details.presentation{grid-template-rows:2px minmax(0,1fr) auto}#details.presentation .detail-body{grid-column:2;grid-row:2/4}#details.presentation #detail-photo{grid-column:1;grid-row:2;min-height:0}#details.presentation .photo-caption{max-width:calc(100% - 40px);bottom:70px}#details.presentation .playback-card video{max-height:300px}@media(max-width:720px){#editor #form{padding:22px}.studio>section{padding:18px}.studio-tabs{gap:3px;padding:5px}.studio-tabs button{font-size:11px;padding:10px 3px}.studio-tabs span{font-size:9px;padding:1px 3px;margin-left:1px}.studio-intro h3{font-size:18px}.studio-intro p{font-size:12px}#marker-preview{width:85px;height:80px}.icon-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.icon-picker button{height:40px}.shape-picker{gap:5px}.shape-picker button{font-size:10px;padding:10px 3px}.area-options{gap:10px}.album-editor{grid-template-columns:1fr}.album-edit-card{display:flex}.album-edit-card>img{width:95px;height:150px}.album-edit-body{flex:1;min-width:0;padding:10px}.album-actions{flex-wrap:wrap}.media-upload-options{flex-direction:column;gap:0}.studio-intro{gap:12px}.file-drop{padding:17px 12px}.media-edit-row{padding:10px;gap:8px}.photo-caption{font-size:9px;max-width:calc(100% - 160px)}.photo-pager{top:12px;left:12px;gap:4px}.photo-pager .icon-button{width:25px;height:25px}.album-strip{padding:10px 15px}.album-thumb{min-width:59px;width:59px;height:43px}#details.presentation .album-strip{display:flex}#details.presentation .detail-body{display:block}#details.presentation .photo-caption{bottom:55px}.lightbox-caption{font-size:12px;bottom:79px}.youtube-play{padding:15px;gap:12px}.youtube-input{gap:7px}.youtube-input button{padding:8px 10px;font-size:12px}}@media(prefers-reduced-motion:reduce){.pin-ring.pulsing{animation:none}}
#details>.close{position:sticky;float:right;top:12px;right:12px;margin:12px 12px -50px 0}
#details.presentation>.close{position:absolute;float:none;margin:0;right:16px;top:16px}