.publication-studio,.publication-capture{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:0;border:0;background:var(--surface);color:var(--text-primary);font:14px Bahnschrift,'Arial Narrow',sans-serif;letter-spacing:0;box-sizing:border-box}
.publication-studio::backdrop,.publication-capture::backdrop{background:var(--overlay)}
.publication-studio [hidden],.publication-capture [hidden]{display:none!important}
.publication-studio[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.publication-studio{--publication-field-bg:var(--surface);--publication-field-border:var(--border-soft)}
.publication-studio button,.publication-capture button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;margin:0;padding:10px;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;cursor:pointer}
.publication-studio svg,.publication-capture svg{width:21px;height:21px;flex-shrink:0;fill:none}
.publication-studio button:focus-visible,.publication-capture button:focus-visible{outline:2px solid var(--border-default);outline-offset:2px}
.publication-studio button:disabled,.publication-capture button:disabled{opacity:.4;cursor:default}
.publication-head{display:flex;align-items:center;gap:12px;padding:max(10px,env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid var(--border-soft)}
.publication-head>span{flex:1}
.publication-studio[data-step="3"]>.publication-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:12px max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border-top:1px solid var(--border-soft)}
.publication-studio[data-step="3"]>.publication-footer .publication-status{flex:1;min-width:0;padding:0;text-align:left}
.publication-footer [data-action=publish]{background:var(--primary-strong);color:var(--button-primary-text);min-width:112px;min-height:48px;padding:12px 24px;font:inherit;font-weight:700;white-space:nowrap;flex-shrink:0}
.publication-footer [data-action=publish]:active:not(:disabled){background:var(--primary-strong);color:var(--button-primary-text)}
.publication-studio>main{overflow-y:auto;overscroll-behavior:contain;padding:0 20px 24px;min-width:0;width:100%;max-width:680px;margin:auto;box-sizing:border-box;height:100%}
.publication-summary{display:grid;grid-template-columns:100px minmax(0,1fr) 44px;align-items:center;min-height:224px;gap:8px}
.publication-summary .publication-audiences{display:flex;flex-wrap:wrap;align-content:center;justify-content:flex-start;gap:0;padding:0;min-height:48px}
.publication-audiences>span,.publication-destinations label>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--surface);border:2px solid var(--border-soft);flex-shrink:0}
.publication-audiences>span+span{margin-left:-9px}
.publication-audiences img,.publication-destinations img{width:100%;height:100%;object-fit:cover}
.publication-audiences small{padding-left:5px;color:var(--text-secondary)}
.publication-deck{position:relative;width:116px;height:152px;justify-self:center;isolation:isolate;--deck-offset:18px;--deck-angle:5deg}
.publication-deck figure{position:absolute;inset:6px 8px;margin:0;z-index:var(--depth);transform:translateX(calc(var(--card)*var(--deck-offset))) rotate(calc(var(--card)*var(--deck-angle)));transform-origin:center bottom;border:2px solid var(--border-soft);border-radius:6px;overflow:hidden;background:var(--surface);box-shadow:0 7px 18px var(--shadow-color)}
.publication-deck img,.publication-deck video{width:100%;height:100%;object-fit:cover}
.publication-deck>span{position:absolute;bottom:0;right:0;z-index:6;background:var(--primary-strong);border-radius:50%;display:grid;place-items:center;width:26px;height:26px;font-size:12px;color:var(--button-primary-text)}
@media(max-width:370px){.publication-deck{width:96px;height:140px;--deck-offset:12px;--deck-angle:4deg}}
.publication-studio textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:90px;max-height:240px;background:var(--publication-field-bg);border:1px solid var(--publication-field-border);border-radius:8px;color:var(--text-primary);padding:12px;font:inherit;line-height:1.5}
.publication-studio textarea::placeholder{color:var(--text-secondary);opacity:1}
.publication-studio .publication-manual input,.publication-studio input,.publication-studio select{min-height:44px;box-sizing:border-box;max-width:100%;width:100%;color:var(--text-primary);background:var(--publication-field-bg);border:1px solid var(--publication-field-border);border-radius:8px;padding:10px 12px;font:inherit}
.publication-studio select option{background:var(--input-bg);color:var(--text-primary)}
.publication-studio :is(input,select,textarea):focus-visible{outline:2px solid var(--border-default);outline-offset:2px}
.publication-tag{padding:14px 0}
.publication-tag select{width:auto;max-width:100%;font-size:12px}
.publication-activity{padding:12px 0;border-top:1px solid var(--border-soft)}
.publication-activity>header{display:flex;justify-content:space-between;align-items:center}
.publication-activity strong{font-size:15px}
.publication-segment{display:flex;gap:8px;margin:8px 0 16px}
.publication-segment button{border:1px solid var(--publication-field-border);border-bottom-width:2px;border-radius:8px;background:var(--publication-field-bg);padding:10px 16px;font-size:12px;color:var(--text-secondary)}
.publication-segment [aria-pressed=true]{border-bottom-color:var(--primary);background:var(--surface);color:var(--text-primary)}
.publication-background-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.publication-background-mode button{white-space:nowrap;padding-inline:8px}
.publication-background-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}
.publication-studio[data-information-kind=diet] .publication-activity{display:none}
.publication-manual{display:grid;grid-template-columns:minmax(0,2fr) minmax(74px,1fr);gap:12px}
.publication-manual label{display:grid;gap:6px;color:var(--text-secondary);font-size:12px;min-width:0}
.publication-manual label:last-child{grid-column:1/-1}
.publication-location{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px;margin-top:12px;padding:2px 8px;background:var(--publication-field-bg);border:1px solid var(--publication-field-border);border-radius:8px}
.publication-location [aria-pressed=true]{color:var(--success);background:var(--surface)}
.publication-activity .publication-checkins-trigger{display:flex;width:100%;gap:10px;align-items:center;padding:12px;margin-top:12px;cursor:pointer;background:var(--publication-field-bg);border:1px solid var(--publication-field-border);border-radius:8px;font-size:13px;text-align:left}
.publication-checkins-trigger span{flex:1}.publication-checkins-trigger b{color:var(--success)}
.publication-checkins-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 16px 8px;scrollbar-width:thin;scrollbar-color:#5b6168 transparent}
.publication-checkins-content article:first-child{border-top:0}
.publication-requirements article{display:grid;grid-template-columns:1fr auto;gap:6px;padding:12px 0;border-top:1px solid var(--border-soft)}
.publication-requirements p{grid-column:1/-1;font-size:12px;color:var(--text-secondary);margin:0}
.publication-requirements strong{font-size:13px;overflow-wrap:anywhere}
.publication-requirements strong small{display:block;font-size:11px;font-weight:400;color:var(--text-secondary);margin-top:4px}
.publication-requirements span{font-size:11px}.publication-requirements .is-valid{color:var(--success)}.publication-requirements .is-pending{color:var(--primary)}
.publication-destinations-overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:var(--surface);box-sizing:border-box}
.publication-destinations-box{width:min(100%,380px);max-height:calc(100dvh - 80px);display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);box-shadow:0 16px 48px var(--shadow-color);overflow:hidden}
.publication-destinations-box>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px 8px 16px;border-bottom:1px solid var(--border-soft)}
.publication-destinations-box h2{margin:0;font-size:16px;line-height:1.3;letter-spacing:0}
.publication-destinations{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 16px 12px;scrollbar-width:thin;scrollbar-color:#5b6168 transparent}
.publication-destinations label{display:flex;align-items:center;gap:10px;min-height:52px;cursor:pointer}
.publication-destinations strong{flex:1;font-size:13px;overflow-wrap:anywhere}
.publication-destinations input{width:18px;height:18px;min-height:18px;accent-color:var(--primary)}
.publication-media-list{padding:10px 0;border-block:1px solid var(--border-soft)}
.publication-media-list article{display:flex;align-items:center;gap:10px;padding:7px 0}
.publication-media-list img,.publication-media-list video{width:44px;height:60px;object-fit:cover;border-radius:4px}
.publication-media-list article>span{flex:1;color:var(--text-secondary)}.publication-media-list footer{display:flex;justify-content:flex-end}
.publication-status{margin:0;padding:8px 20px max(12px,env(safe-area-inset-bottom));font-size:12px;color:var(--primary);min-height:16px;text-align:center;overflow-wrap:anywhere}
.publication-status:empty{padding-top:0;min-height:0}
.publication-studio[data-step="2"] main{display:grid;grid-template-rows:minmax(0,1fr) 60px auto;gap:10px;padding:0 12px}
.publication-review{min-height:0;display:grid;place-items:center;overflow:hidden}.publication-review img,.publication-review video{width:100%;height:100%;object-fit:contain;min-height:0}
.publication-review.is-framing{position:relative}
.publication-review.is-framing>img{display:none}
.publication-review>canvas{display:block;touch-action:none;cursor:grab;max-width:100%;max-height:100%;min-height:0}
.publication-review>canvas:active{cursor:grabbing}
.publication-review>canvas:focus-visible{outline:2px solid var(--border-default);outline-offset:-2px}
.publication-review .publication-frame-reset{position:absolute;right:8px;top:8px;background:var(--surface);min-width:48px;min-height:48px}
.publication-review-rail{display:flex;gap:6px;overflow-x:auto}.publication-review-rail button{padding:0;width:42px;height:56px;flex-shrink:0}.publication-review-rail img,.publication-review-rail video{width:100%;height:100%;object-fit:cover;border-radius:3px}
.publication-review-actions{display:flex;justify-content:space-between;padding:4px 0 12px}.publication-review-actions button:last-child{border-radius:50%;background:var(--primary-strong);color:var(--button-primary-text)}
.publication-workout-stats{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin:8px 0 12px;color:var(--text-primary);cursor:pointer;font-size:13px}
.publication-studio .publication-workout-stats input{appearance:none;flex:0 0 40px;width:40px;height:24px;min-height:24px;padding:2px;border-radius:12px;background:var(--input-bg);cursor:pointer}
.publication-workout-stats input:checked{background:var(--primary-strong);color:var(--button-primary-text)}
.publication-workout-stats input::before{content:'';display:block;width:18px;height:18px;border-radius:50%;background:var(--input-bg);transform:translateX(0)}
.publication-workout-stats input:checked::before{transform:translateX(16px)}
.publication-completed-title{margin:8px 0 16px;color:var(--text-secondary);font-size:13px;overflow-wrap:anywhere}
.publication-camera-return{height:100%;display:flex;align-items:center;justify-content:center;gap:30px}
.publication-skeleton{display:block;height:2px;background:var(--surface);margin:14px 0}
.publication-capture[open]{display:block;background:var(--media-bg);color:var(--media-text);color:var(--media-text)}
.publication-capture>video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.publication-capture>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;touch-action:pan-y}
.publication-capture>header{position:absolute;top:0;left:0;padding:max(12px,env(safe-area-inset-top)) 12px;z-index:1}
.publication-capture>header button,.publication-capture>footer>button:not([data-shutter]){background:var(--media-bg);border-radius:50%;width:44px;height:44px}
.publication-capture>footer{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:16px;right:16px;height:78px;display:grid;grid-template-columns:1fr 1fr 78px 1fr 1fr;gap:4px;align-items:center;max-width:460px;margin:auto}
.publication-capture [data-flip]{grid-column:5;justify-self:end}
.publication-capture [data-flash]{justify-self:center}
.publication-capture [data-shutter]{justify-self:center;touch-action:none;user-select:none}
.publication-capture [data-shutter]{width:76px;height:76px;border:3px solid var(--media-text);border-radius:50%;padding:5px;background:var(--media-bg)}
.publication-capture [data-shutter] i{width:100%;height:100%;background:var(--media-text);border-radius:50%}
.publication-capture.is-recording [data-shutter] i{background:var(--primary-strong);border-radius:6px;transform:scale(.6);color:var(--button-primary-text)}
.publication-capture [data-flash][aria-pressed=true]{color:var(--warning)}
.publication-filter-strip{position:absolute;bottom:calc(116px + env(safe-area-inset-bottom,0px));left:0;right:0;max-width:640px;margin-inline:auto;display:flex;gap:10px;padding:8px 16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;touch-action:pan-x}
.publication-filter-strip::-webkit-scrollbar{display:none}
.publication-filter-strip button{flex:0 0 88px;width:88px;height:96px;min-height:96px;padding:0;border:0;border-radius:6px;background:transparent;scroll-snap-align:center;display:grid;grid-template-rows:52px 38px;gap:6px;align-content:start;overflow:hidden}
.publication-filter-strip button canvas{display:block;box-sizing:border-box;width:52px;height:52px;padding:3px;border:2px solid transparent;border-radius:50%;background:var(--media-bg);pointer-events:none}
.publication-filter-strip button span{box-sizing:border-box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:start;width:100%;max-height:38px;padding:3px 4px;overflow:hidden;overflow-wrap:anywhere;background:var(--media-bg);border-radius:4px;color:var(--media-text);font-size:12px;font-weight:500;line-height:16px;letter-spacing:0;text-align:center}
.publication-filter-strip [aria-pressed=true] canvas{border-color:var(--media-text)}
.publication-filter-strip [aria-pressed=true] span{color:var(--media-text);font-weight:700;background:var(--media-bg)}
.publication-filter-strip button:not([aria-pressed=true]):hover canvas{border-color:var(--media-text)}
.publication-filter-strip button:focus-visible{outline:2px solid var(--media-text);outline-offset:2px}
.publication-capture>output{position:absolute;top:max(72px,calc(env(safe-area-inset-top) + 56px));left:20px;right:20px;text-align:center;font-size:12px;text-shadow:0 1px 3px var(--shadow-color)}
@media(min-width:760px){.publication-studio>main{padding-inline:32px}.publication-summary{min-height:250px}.publication-capture>canvas{object-fit:contain}.publication-head{padding-inline:max(20px,calc((100vw - 680px)/2))}}
@media(max-width:370px){.publication-studio>main{padding-inline:14px}.publication-summary{grid-template-columns:76px minmax(0,1fr) 44px}.publication-capture>footer{left:10px;right:10px}}