@import url('./scene.css');
@font-face{font-family:NimboSans;src:url('./brand/dmsans.ttf') format('truetype');font-display:swap}
@font-face{font-family:NimboDisplay;src:url('./brand/playfairdisplay.ttf') format('truetype');font-display:swap}
:root{font-family:NimboSans,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.5;color:var(--ink);background:var(--background);--background:#F7F4F1;--surface:#fff;--ink:#171717;--muted:#6D6865;--line:#E9E3DF;--pink:#E5007E;--accent-text:#C90070;--tint:#FCE8F2;--overlay:23 23 23;--shadow:0 6px 24px #30222c09;--sidebar-width:224px}
:root[data-theme=dark]{color-scheme:dark;--background:#1B161C;--surface:#29242B;--ink:#F8F3F6;--muted:#B6AFB8;--line:#443A46;--pink:#DC0564;--accent-text:#FF6EAD;--tint:#432334;--overlay:255 255 255;--shadow:0 6px 24px #0002}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.45}a{color:var(--accent-text)}button,.upload{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:3px}input,select,textarea{color:var(--ink);border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:11px 13px;min-width:0}input[type=range]{accent-color:var(--pink)}input[type=checkbox]{accent-color:var(--pink);width:auto}textarea{resize:vertical}button:hover{color:var(--accent-text)}[hidden]{display:none!important}.ui-icon{display:block;width:21px;height:21px;flex-shrink:0}button>span[data-icon],summary>span[data-icon]{display:inline-flex}.eyebrow,.workspace-label{font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}.primary,.entry-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 18px;border-radius:12px;background:var(--pink);color:#fff;font-weight:600;font-size:14px}.primary:hover,.entry-cta:hover{color:#fff;background:var(--accent-text)}.quiet{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-size:13px}.quiet:hover{background:var(--tint)}.upload{cursor:pointer}.danger{color:#bd3250}.pro-label{font-size:10px;color:var(--accent-text);background:var(--tint);padding:4px 6px;border-radius:6px;vertical-align:middle;white-space:nowrap}hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.sidebar{width:var(--sidebar-width);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);z-index:2;padding:26px 14px 12px}.brand{position:relative;width:136px;height:46px;flex-shrink:0;margin:0 18px 22px;padding:0}.brand-outline{position:absolute;inset:0;background:var(--ink);mask:url('./brand/nimbo-original.png') center/contain no-repeat}.brand img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;clip-path:inset(0 23% 0 59.5%)}.sidebar-scroll{min-height:0;overflow-y:auto;scrollbar-width:thin;flex:1;padding-right:4px}.workspace-label{margin:8px 14px 12px}.sidebar nav{display:grid;gap:4px;margin-bottom:22px}.sidebar nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:11px 14px;min-height:44px;border-radius:12px;font-size:14px;font-weight:500}.sidebar nav button>span{color:var(--muted)}.sidebar nav button.active{background:var(--tint);color:var(--accent-text);font-weight:700}.sidebar nav button.active>span{color:inherit}.sidebar nav button:hover,.workspace-menu summary:hover{background:var(--background)}.workspace-menu{border-top:1px solid var(--line);padding:8px 0}.workspace-menu summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;font-size:13px;font-weight:600;border-radius:10px}.workspace-menu summary:after{content:'⌄';margin-left:auto;color:var(--muted)}.workspace-menu[open] summary:after{content:'⌃'}.workspace-menu>div{display:grid;padding-left:16px}.workspace-menu button,.workspace-menu .upload{display:block;text-align:left;padding:9px 10px;border-radius:8px;font-size:13px}.workspace-menu button:hover,.workspace-menu .upload:hover{background:var(--tint)}.sidebar-bottom{border-top:1px solid var(--line);padding-top:12px;flex-shrink:0}.sidebar-bottom>button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:8px 12px;font-size:14px;font-weight:600}.account-icon,.avatar{display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--surface);width:36px;height:36px;font-size:13px}.sidebar-bottom small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:2px}#pro-badge{color:var(--accent-text);font-size:10px}
#home{margin-left:var(--sidebar-width);padding:0 32px 40px;max-width:1824px;min-height:100dvh}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:14px;font-weight:600;gap:18px}.topbar>div{display:flex;align-items:center;gap:16px}#sync-status{font-size:12px;font-weight:400;color:var(--muted)}.local-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;padding:12px 0}.local-notice button{display:flex;align-items:center;gap:8px;color:var(--accent-text);font-weight:600;white-space:nowrap}.local-notice .ui-icon{width:16px;height:16px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0}.welcome h1{font:400 clamp(32px,3vw,46px)/1.15 NimboDisplay,Georgia,serif;letter-spacing:-.5px;margin:0}.welcome p{color:var(--muted);font-size:15px;line-height:1.7;margin:0}.entry-destinations{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.creator-entry,.shop-entry{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--line);border-radius:24px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.creator-entry>img,.shop-entry>img{display:block;width:100%;height:clamp(190px,24vh,310px);object-fit:cover}.creator-entry>img{object-position:center 45%}.shop-entry>img{object-position:center}.creator-entry>div,.shop-entry>div{padding:22px 24px;flex:1}.entry-destinations .eyebrow{margin:0 0 8px}.entry-destinations h2{font-size:23px;line-height:1.25;letter-spacing:-.4px;margin:0;display:flex;align-items:center;gap:16px;justify-content:space-between}.entry-destinations h2 .ui-icon{color:var(--accent-text)}.entry-destinations p:not(.eyebrow){color:var(--muted);font-size:14px;margin:10px 0 18px}.entry-cta.secondary{color:var(--accent-text);background:var(--tint)}.entry-destinations>button:hover{border-color:var(--pink);color:var(--ink)}
#creator-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 0 22px}#creator-heading h1{font-size:32px;line-height:1.16;letter-spacing:-.8px;margin:8px 0 0;font-weight:600}#creator-heading p{color:var(--muted);margin:10px 0 0}#creator-heading .eyebrow{margin:0}.heading-symbol{color:var(--pink);margin-right:32px}.heading-symbol .ui-icon{width:64px;height:64px;stroke-width:1}.creation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.create-card{display:flex;align-items:center;gap:14px;text-align:left;min-height:108px;padding:19px 20px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.create-card.featured{border-color:#E5007E65;background:linear-gradient(110deg,var(--surface),var(--tint))}.create-card:hover{border-color:var(--pink);color:var(--ink)}.create-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--background);flex-shrink:0;color:var(--accent-text)}.create-icon .ui-icon{width:25px;height:25px}.featured .create-icon{background:var(--pink);color:white}.create-card>div{min-width:0;flex:1}.create-card strong{display:block;font-size:17px;line-height:1.3;font-weight:600;margin-bottom:5px}.create-card div>span{display:block;color:var(--muted);font-size:12px;line-height:1.5}.card-arrow{color:var(--accent-text)}.card-arrow .ui-icon{width:18px;height:18px}
.home-continuation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.home-continuation:empty{display:none}.home-recent,.home-inspiration{display:grid;grid-template-columns:96px minmax(0,1fr) 20px;grid-template-rows:auto auto auto;column-gap:16px;row-gap:3px;text-align:left;align-items:center;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:18px;min-height:126px}.home-continuation .eyebrow{grid-column:2}.home-continuation img,.recent-placeholder,.daily-picture{grid-column:1;grid-row:1/4;width:96px;height:92px;object-fit:cover;border-radius:12px;background:var(--background)}.daily-picture img{width:100%;height:100%}.home-continuation strong{grid-column:2;font-size:15px}.home-continuation>button>span:last-child{grid-column:2;color:var(--accent-text);font-size:13px}.home-continuation .inspiration-swatches{display:none}.recent-placeholder{font-size:13px;display:grid;place-items:center;text-align:center;padding:8px;color:var(--muted)}
.projects-section{padding-top:26px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.section-heading h2{font-size:27px;letter-spacing:-.5px;margin:0}.section-heading p{font-size:13px;color:var(--muted);margin:6px 0 0}.project-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.project-filters{display:flex;flex-wrap:wrap;gap:5px;margin-right:auto}.project-filters button{padding:9px 14px;border-radius:10px;font-size:13px;border:1px solid transparent}.project-filters button[aria-pressed=true]{color:var(--accent-text);background:var(--tint);border-color:#e5007e25}.project-tools input{font-size:13px;width:190px}.project-menu{position:relative}.project-menu summary{list-style:none;cursor:pointer;padding:10px;border:1px solid var(--line);border-radius:10px}.project-menu>div{position:absolute;right:0;top:48px;width:230px;background:var(--surface);padding:8px;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 32px #0002;z-index:2;display:grid;gap:4px}.project-menu .quiet{justify-content:flex-start;border:0;width:100%}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.project-tile{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.project-open{padding:0 0 15px;width:100%;text-align:left;display:block}.project-preview{aspect-ratio:4/3;background:#F3EEE7;display:grid;place-items:center;overflow:hidden}.project-preview img{width:100%;height:100%;object-fit:contain}.project-preview>span{font:24px NimboDisplay,serif;color:#7b686e}.project-tile h3{font-size:15px;margin:16px 16px 5px}.project-tile p{font-size:11px;color:var(--muted);margin:0 16px}.project-delete{position:absolute;right:10px;top:10px;background:var(--surface);border:1px solid var(--line);width:32px;height:32px;border-radius:50%;font-size:22px}.empty{padding:48px 20px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:20px}.empty>span{display:grid;place-items:center;background:var(--tint);color:var(--accent-text);width:60px;height:60px;border-radius:18px;margin:auto}.empty>span .ui-icon{width:28px;height:28px}.empty h3{font-size:20px;margin:20px 0 8px}.empty p{font-size:14px;color:var(--muted);margin:0 0 22px}
#editor-shell{position:fixed;inset:0;background:var(--surface);color:var(--ink);z-index:5;display:flex;flex-direction:column;min-width:0}.editor-bar{display:flex;align-items:center;gap:16px;padding:10px 20px;min-height:62px;height:62px;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--surface)}.editor-bar>button{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap;min-height:40px}.editor-separator{height:24px;width:1px;background:var(--line)}.editor-bar input{width:320px;max-width:35vw;font-size:15px;font-weight:600;padding:7px 10px;border-color:transparent;background:var(--background)}#editor-status{margin-left:auto;font-size:11px;color:var(--muted)}#paper-editor{border:0;width:100%;flex:1;min-height:0;background:var(--background)}#scene-editor{flex:1;min-height:0;display:flex;flex-direction:column}.print-frame{position:fixed;left:-10000px;top:0;width:900px;height:1200px;border:0}
dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:24px;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:32px;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#17121b70;backdrop-filter:blur(5px)}dialog h2{font-size:27px;line-height:1.2;letter-spacing:-.5px;margin:8px 0 18px;overflow-wrap:anywhere}dialog h3{font-size:17px}dialog p{font-size:14px;line-height:1.6;color:var(--muted)}dialog small{font-size:11px;color:var(--muted);line-height:1.7;display:block;margin-top:16px}.dialog-close{position:absolute;right:14px;top:12px;width:34px;height:34px;font-size:27px;line-height:1;border-radius:50%;background:var(--background);color:var(--muted)}dialog form{display:grid;gap:16px}dialog label{display:grid;gap:7px;font-size:13px}dialog form input,dialog form textarea{width:100%}dialog>button:not(.dialog-close){margin:7px 8px 7px 0}#login-message{color:var(--accent-text)}#code{letter-spacing:8px;font-size:24px}#account-allowance{padding:12px;background:var(--background);border-radius:12px}#account-allowance:empty{display:none}#refresh-pro{display:block;margin:12px 0}#export-files{display:grid;gap:12px}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(620px,90vw);padding:14px 22px;background:var(--ink);color:var(--surface);border-radius:14px;font-size:14px;box-shadow:0 8px 40px #0003;z-index:100}.project-choice{display:block;width:100%;text-align:left;padding:16px 4px;border-bottom:1px solid var(--line)}.paper-project-dialog label{display:grid;gap:8px;margin:12px 0}
.resource-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.resource-row span,.resource-row>div{flex:1;min-width:0;white-space:pre-wrap}.resource-row img{width:100px;height:90px;object-fit:cover;border-radius:12px}.resource-row button{padding:9px;border:1px solid var(--line);border-radius:9px;font-size:13px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:24px 0}.calendar-grid strong{text-align:center;font-size:13px}.calendar-day{padding:14px 4px;border-radius:10px;background:var(--tint)}.calendar-day.muted{opacity:.4}.calendar-day.selected{background:var(--pink);color:#fff}.agenda-item{display:block;width:100%;padding:16px;text-align:left;border-bottom:1px solid var(--line)}.background-preview{display:flex;justify-content:center;max-height:55vh;overflow:auto;background:conic-gradient(#ddd 25%,#fff 0 50%,#ddd 0 75%,#fff 0) 0 0/20px 20px}.background-preview canvas{max-width:100%;max-height:55vh;object-fit:contain;touch-action:none;cursor:crosshair}.background-preview~.dialog-actions [aria-pressed=true]{background:var(--tint);border-radius:10px}.inspiration-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.inspiration-card{padding:20px;background:var(--background);border:1px solid var(--line);border-radius:18px}.inspiration-card h3{font-size:17px}.inspiration-card button{display:block;width:100%;margin-top:12px}.inspiration-swatches{display:flex;gap:6px;margin:16px 0}.inspiration-swatches i{width:22px;height:22px;border-radius:50%;border:1px solid #0002}.inspiration-preview .scene-layout{display:block;height:100%}.inspiration-preview .scene-workspace{height:100%;padding:10px}.inspiration-preview .scene-stage{max-height:60vh}.own-assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin:20px 0}.own-assets-grid article{border:1px solid var(--line);padding:12px;border-radius:16px}.own-assets-grid img{width:100%;height:140px;object-fit:contain;background:var(--background)}.own-assets-grid h3{font-size:16px}.own-assets-grid button{display:block;padding:9px;font-size:13px}.own-assets-grid .primary{width:100%}.own-assets-grid p{font-size:12px}.business-dialog .upload{display:inline-flex;align-items:center;cursor:pointer;padding:12px;border:1px solid var(--line);border-radius:10px}.business-dialog [data-search]{display:block;margin-top:20px;width:100%}.composition-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin:24px 0}.composition-card{padding:16px;border:1px solid var(--line);border-radius:18px;min-width:0;background:var(--surface)}.composition-card h3{font-size:16px;margin:14px 0 6px}.composition-card p{font-size:12px;color:var(--muted)}.composition-preview{aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#f3eee7}.composition-preview svg{width:100%;height:100%;display:block}.composition-card .dialog-actions{display:flex;flex-wrap:wrap;gap:8px}.composition-card button{font-size:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.composition-symbol{display:grid;place-items:center;height:90px;font:72px NimboDisplay,serif;color:var(--accent-text);background:var(--tint);border-radius:12px}.business-dialog [data-error]{color:var(--accent-text)}.business-dialog form>.composition-preview{max-height:300px}.business-dialog form>label{display:grid;gap:8px}.business-dialog form>label input,.business-dialog form>label select{width:100%}
@media(min-width:1700px){.creation{grid-template-columns:repeat(3,minmax(0,1fr))}#home{padding-left:48px;padding-right:48px}.welcome{padding:32px 0}.entry-destinations>button>img{height:340px}}
@media(max-width:1150px){:root{--sidebar-width:204px}.sidebar{padding:20px 10px 10px}.sidebar nav button{font-size:13px;padding:10px 12px;gap:10px}.brand{margin-left:16px}#home{padding-left:24px;padding-right:24px}.creation{gap:12px}.create-card{padding:16px 14px;gap:11px}.create-card strong{font-size:15px}.create-icon{width:42px;height:42px}.card-arrow{display:none}.entry-destinations{gap:18px}.entry-destinations h2{font-size:21px}.entry-destinations>button>div{padding:20px}.home-continuation{gap:12px}.home-recent,.home-inspiration{grid-template-columns:74px minmax(0,1fr);gap:3px 12px;padding:14px}.home-continuation img,.recent-placeholder,.daily-picture{width:74px;height:82px}.welcome h1{font-size:35px}#creator-heading h1{font-size:29px}}
@media(max-width:900px){:root{--sidebar-width:188px}.sidebar{padding-top:16px}.sidebar nav{margin-bottom:14px}.sidebar nav button{font-size:12px;gap:8px;padding:9px 10px}.brand{width:120px;height:40px;margin-bottom:16px}.workspace-label{font-size:10px;margin:8px 10px}.workspace-menu summary{font-size:12px;padding:9px}.sidebar-bottom>button{font-size:12px;padding:7px}.entry-destinations{grid-template-columns:1.2fr 1fr}.entry-destinations h2{font-size:19px}.entry-destinations>button>div{padding:16px}.entry-destinations>button>img{height:190px}.welcome p{font-size:13px}.local-notice{font-size:11px}.creation{grid-template-columns:1fr 1fr}.create-card{min-height:110px}.create-card .create-icon{display:none}.create-card strong{font-size:15px}.topbar #sync-status{display:none}.editor-bar{padding:8px 12px;gap:10px}.editor-bar input{width:240px}.editor-bar #editor-status{display:none}.editor-bar #download-project{margin-left:auto}}
@media(max-width:650px){:root{--sidebar-width:0px}.sidebar{position:relative;width:100%;height:auto;padding:14px 16px;display:block}.brand{margin:0 0 14px}.sidebar-scroll{overflow:visible}.sidebar .workspace-label,.sidebar nav[aria-label="Utwórz projekt"],.workspace-menu,.sidebar-bottom{display:none}.sidebar nav[aria-label="Nawigacja główna"]{display:flex;gap:4px;margin:0}.sidebar nav button{flex:1;flex-direction:column;gap:4px;font-size:11px;min-height:50px;padding:6px}.sidebar nav button .ui-icon{width:20px;height:20px}#home{margin:0;padding:0 16px 24px}.topbar{height:50px}.local-notice{gap:10px}.local-notice span{max-width:230px}.welcome{padding:20px 0;display:block}.welcome h1{font-size:34px}.welcome p{margin-top:16px}.welcome p br{display:none}.entry-destinations{grid-template-columns:1fr}.entry-destinations>button>img{height:220px}.creation{grid-template-columns:1fr}.create-card .create-icon{display:grid}.create-card{min-height:96px;padding:18px}.home-continuation{grid-template-columns:1fr}.section-heading h2{font-size:24px}.section-heading p{display:none}.section-heading .primary{font-size:12px;padding:10px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-tools input{flex:1;width:120px}.project-filters{width:100%}.project-filters button{padding:7px 9px;font-size:12px}.editor-bar{gap:6px;min-height:54px;height:54px}.editor-bar>button span:not([data-icon]){display:none}.editor-bar input{max-width:none;width:auto;flex:1;min-width:0}.editor-separator{display:none}dialog{padding:28px 20px}.inspiration-grid{grid-template-columns:1fr}.empty p br{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-height:700px) and (min-width:651px){.sidebar{padding-top:16px}.brand{height:40px;margin-bottom:14px}.sidebar nav{margin-bottom:12px}.sidebar nav button{min-height:40px;padding-top:8px;padding-bottom:8px}#creator-heading{padding:14px 0}#creator-heading h1{font-size:27px}#creator-heading h1 br{display:none}#creator-heading p{margin-top:7px}.create-card{min-height:96px;padding-top:14px;padding-bottom:14px}.welcome{padding:18px 0}.welcome h1{font-size:32px}.entry-destinations>button>img{height:180px}.entry-destinations>button>div{padding:18px}.entry-destinations h2{font-size:21px}.entry-destinations p:not(.eyebrow){margin:8px 0 12px}}

/* Reel workflow: immutable preview beside accessible export settings. */
.reel-dialog { width:min(980px,calc(100vw - 32px)); }
.reel-workspace { display:grid;grid-template-columns:minmax(200px,.85fr) minmax(280px,1fr);gap:24px;align-items:start; }
.reel-preview { background:#110f13;border-radius:16px;min-height:260px;display:grid;place-items:center;overflow:hidden;position:sticky;top:0; }
.reel-preview img,.reel-preview video { width:100%;max-height:68vh;object-fit:contain;display:block; }
.reel-preview [hidden] { display:none; }
.reel-preview p { padding:28px;color:#e5e1e7;text-align:center; }
.reel-dialog fieldset { border:0;padding:0;margin:0;min-width:0; }
.reel-dialog legend { font-weight:700;margin-bottom:12px; }
.reel-dialog .hint { font-size:13px;line-height:1.5;color:var(--muted); }
.reel-settings-row { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.reel-dialog .reel-checkbox { display:flex;align-items:center;gap:10px; }
.reel-dialog .reel-checkbox input { width:18px;min-height:18px; }
.reel-actions { display:flex;flex-wrap:wrap;gap:10px;margin:16px 0; }
.reel-dialog progress { width:100%;accent-color:#e5007e; }
.reel-dialog [data-results] button { margin:0 8px 8px 0; }
@media(max-width:760px) { .reel-workspace { grid-template-columns:1fr; }.reel-preview { position:static;min-height:140px; }.reel-preview img,.reel-preview video { max-height:35vh; } }

.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.comparison-grid article{min-width:0;padding:12px;border:1px solid var(--line);border-radius:16px}.comparison-image{width:100%;padding:0;overflow:hidden;aspect-ratio:4/3}.comparison-image svg,.comparison-large svg{width:100%;height:100%;max-height:70vh}.comparison-preview{max-width:1100px}.comparison-large{min-height:300px}@media(max-width:650px){.comparison-grid{grid-template-columns:1fr}}

.photo-comparison{position:relative;aspect-ratio:4/3;background:#fff;overflow:hidden;border-radius:12px}.photo-comparison img{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.photo-comparison [data-source]{background:#fff}.photo-session-card{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.photo-session-card>img{width:140px;height:120px;object-fit:contain;background:#fff;border-radius:10px}.photo-session-card h3{margin-top:0}.photo-session-card p{white-space:pre-wrap}@media(max-width:550px){.photo-session-card{display:block}.photo-session-card>img{width:100%;height:180px}}

.photo-crop{display:block;max-width:100%;max-height:65vh;touch-action:none;margin:12px auto;cursor:crosshair}

.business-dialog label:has(>input[type="checkbox"]){display:flex;align-items:center;gap:10px;margin:10px 0}.business-dialog label>input[type="checkbox"]{display:inline-block;width:18px;height:18px;flex:0 0 18px;margin:0}
.assistant-dialog{width:min(1260px,95vw);max-width:1260px}.assistant-source{max-width:100%;height:190px;object-fit:contain;display:block;margin:14px 0}.assistant-source[hidden]{display:none}.assistant-swatch{display:inline-block;width:34px;height:34px;border:1px solid #0002;border-radius:50%;margin:4px}.assistant-checks{display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0}.assistant-pick{display:grid;grid-template-columns:minmax(180px,1fr) 170px 150px 40px;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #ddd4}.assistant-pick small{display:block;margin-top:5px}.assistant-pool{max-height:280px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:15px 0}.assistant-pool-item{display:grid;grid-template-columns:42px 1fr;text-align:left;gap:5px 10px;padding:10px}.assistant-pool-item img{grid-row:span 2;width:42px;height:50px;object-fit:contain}.assistant-pool-item small{font-size:11px}.assistant-proposals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0}.assistant-proposals>article{min-width:0;border:1px solid var(--line);border-radius:18px;padding:18px}.assistant-preview{display:block;width:100%;aspect-ratio:4/3;padding:0;overflow:hidden;background:#eee6dd}.assistant-preview svg{width:100%;height:100%;display:block}.assistant-proposals h3{font-size:20px;min-height:48px}.assistant-proposals [data-use]{width:100%;margin-top:16px}.assistant-proposals .help{font-size:12px;line-height:1.45}.assistant-proposals details{margin:15px 0}.assistant-proposals [data-card-error]{color:#9a342d;font-size:13px}@media(max-width:900px){.assistant-proposals{grid-template-columns:1fr}.assistant-pick{grid-template-columns:1fr 140px}.assistant-proposals h3{min-height:0}}

dialog.assistant-dialog.business-dialog{width:min(1260px,95vw);max-width:1260px}.assistant-proposals>article>h3{min-height:52px}.assistant-proposals>article>h3+p{min-height:72px}

.assistant-pick{grid-template-columns:minmax(180px,1fr) 160px 150px 100px 40px}@media(max-width:900px){.assistant-pick{grid-template-columns:1fr 140px}}

.auth-modes{display:flex;gap:6px;padding:5px;margin:18px 0;background:var(--background);border-radius:12px}.auth-modes button{flex:1;min-height:42px;border-radius:9px;font-size:14px}.auth-modes button[aria-pressed=true]{color:var(--accent-text);background:var(--surface);box-shadow:0 1px 5px #0001}.password-hint,dialog .password-hint{font-size:12px;line-height:1.5;margin:-8px 0 0;color:var(--muted)}.password-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.password-card{width:min(480px,100%);padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 20px 60px #0001}.password-card h1{font-size:29px;line-height:1.2}.password-card>p{font-size:14px;line-height:1.6;color:var(--muted)}.password-brand{font-size:26px;letter-spacing:3px;color:var(--ink);font-weight:700;text-decoration:none}.password-card form{display:grid;gap:16px;margin:24px 0}.password-card label{display:grid;gap:8px;font-size:13px}.password-card input{width:100%}#reset-message{color:var(--accent-text)}button:disabled{cursor:default;opacity:.45}

/* Match Home.swift, EntryCards.swift and the shared native appearance palette.
   Desktop retains side navigation; narrow layouts keep every existing action. */
.header-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent-text) 30%,transparent);background:var(--surface);color:var(--accent-text)}
.header-icon:hover{background:var(--tint)}
.mobile-workspace-shortcut{display:none}
.topbar .avatar{width:44px;height:44px;flex-shrink:0}
.entry-destinations{align-items:start}
.creator-entry,.shop-entry{box-shadow:none;border-color:rgb(var(--overlay)/.1)}
.creator-entry h2{display:block;position:relative;padding-right:52px;font-weight:500;font-size:23px;line-height:1.15}
.entry-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid!important;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--tint);color:var(--accent-text)}
.creator-entry>div{padding:22px}
.creator-entry .eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin-bottom:13px}
.creator-entry p:not(.eyebrow){font-size:12px;line-height:1.65;margin:13px 0 0}
.shop-entry{display:grid;grid-template-columns:minmax(0,1fr) 112px;border-radius:20px}
.shop-entry>img{grid-column:2;grid-row:1;width:112px;height:100%;min-height:160px;object-fit:cover}
.shop-entry>div{grid-column:1;grid-row:1;padding:18px}
.shop-entry h2{font-size:15px;line-height:1.4;font-weight:600;letter-spacing:0}
.shop-entry p:not(.eyebrow){font-size:12px;line-height:1.5;margin:9px 0}
.shop-arrow{display:inline-flex;color:var(--accent-text)}
.shop-arrow .ui-icon{width:18px;height:18px}
#creator-heading h1{font-size:29px;font-weight:600;letter-spacing:-.5px}
.creation{gap:18px}
.create-card{min-height:105px;padding:20px;gap:16px;border-radius:25px;box-shadow:none;border-color:rgb(var(--overlay)/.09)}
.create-card.featured{background:var(--surface);border-color:color-mix(in srgb,var(--accent-text) 40%,transparent)}
.create-card .create-icon{display:grid;width:52px;height:52px;border-radius:17px;background:rgb(var(--overlay)/.06);color:rgb(var(--overlay)/.8)}
.create-card.featured .create-icon{background:color-mix(in srgb,var(--pink) 16%,transparent);color:var(--accent-text)}
.create-icon .ui-icon{width:24px;height:24px}
.create-card strong{font-size:20px;font-weight:600;line-height:1.25}
.create-card div>span{font-size:12px;line-height:1.4}
.card-arrow{display:block;color:var(--ink);flex-shrink:0}
.home-continuation{align-items:start}
.home-recent{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:5px 12px;padding:10px 10px 20px;border-radius:22px;min-height:0}
.home-recent>img,.home-recent>.recent-placeholder{grid-column:1/-1;grid-row:1;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:14px;margin-bottom:10px}
.home-recent>.eyebrow{grid-column:1;grid-row:2;padding-left:8px;font-size:12px;font-weight:400;letter-spacing:0}
.home-recent>strong{grid-column:1;grid-row:3;padding-left:8px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}
.home-recent>span:last-child{grid-column:2;grid-row:2/4;display:flex;align-items:center;gap:7px;padding-right:8px;font-size:12px;font-weight:600;white-space:nowrap}
.home-recent .ui-icon,.home-inspiration .ui-icon{width:16px;height:16px}
.home-inspiration{grid-template-columns:125px minmax(0,1fr);grid-template-rows:auto auto auto auto;padding:12px;gap:8px 16px;min-height:0;border:0;border-radius:18px;background:rgb(var(--overlay)/.035)}
.home-inspiration .daily-picture{grid-column:1;grid-row:1/5;width:125px;height:auto;aspect-ratio:4/3;border-radius:10px;overflow:hidden}
.home-inspiration .daily-picture img{width:100%;height:100%;object-fit:contain;border-radius:0}
.home-inspiration .eyebrow{grid-row:1;font-size:10px}
.home-inspiration .inspiration-swatches{display:flex;grid-column:2;grid-row:2;gap:5px;margin:0;flex-wrap:wrap}
.home-inspiration .inspiration-swatches i{width:11px;height:11px;border-color:rgb(var(--overlay)/.18)}
.home-inspiration strong{grid-row:3;font-weight:500;line-height:1.4}
.home-inspiration>span:last-child{grid-row:4;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500}
.dialog-close{width:44px;height:44px;display:grid;place-items:center}
dialog>h2{padding-right:28px}
.quiet,.project-filters button,.workspace-menu summary,.workspace-menu button,.workspace-menu .upload,.workspace-menu a,.editor-bar>button,.resource-row button{min-height:44px}
.workspace-menu a{display:flex;align-items:center;padding:9px 10px;font-size:13px}
@media(max-width:1150px) and (min-width:651px){
  .create-card{padding:16px;gap:12px}
  .create-card strong{font-size:17px}
  .create-card .create-icon{width:44px;height:44px;border-radius:15px}
  .card-arrow{display:none}
  .home-inspiration{grid-template-columns:96px minmax(0,1fr)}
  .home-inspiration .daily-picture{width:96px}
}
@media(max-width:650px){
  .sidebar{padding:16px 22px 6px}
  .brand{width:118px;height:40px;margin:0}
  .sidebar nav[aria-label="Nawigacja główna"]{position:fixed;inset:auto 0 0;z-index:4;padding:5px 8px max(5px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -4px 18px #00000005}
  .sidebar nav button{font-size:10px;min-width:0;min-height:52px}
  body[data-area=entry] .sidebar nav[aria-label="Nawigacja główna"],body:has(#editor-shell:not([hidden])) .sidebar nav[aria-label="Nawigacja główna"]{display:none}
  #home{padding:0 22px 86px}
  body[data-area=entry] #home{padding-bottom:36px}
  .topbar{--mobile-logo-space:126px;position:relative;z-index:3;height:56px;border-bottom:0;justify-content:flex-end;margin-top:-52px;margin-left:var(--mobile-logo-space);gap:8px}
  .topbar>div{gap:8px}
  #section-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .mobile-workspace-shortcut{display:grid}
  .workspace-utilities{display:none}
  body[data-workspace-menu=open] .workspace-utilities{display:block;position:fixed;left:16px;right:16px;top:72px;z-index:20;max-height:calc(100dvh - 100px);overflow:auto;padding:8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 48px #0003}
  body[data-workspace-menu=open] .workspace-menu{display:block}
  .workspace-menu summary{font-size:14px}
  .workspace-menu button,.workspace-menu .upload,.workspace-menu a{font-size:14px}
  .welcome{padding:24px 0 26px}
  .welcome h1{font-size:34px;line-height:1.14}
  .welcome p{font-size:15px;margin-top:11px;line-height:1.4}
  .welcome p br{display:initial}
  .entry-destinations{gap:16px}
  .entry-destinations>.creator-entry>img{height:auto;aspect-ratio:4/3;object-fit:contain}
  .creator-entry>div{padding:22px}
  .entry-destinations>.shop-entry>img{height:100%;min-height:160px}
  .shop-entry>div{padding:18px}
  .local-notice{font-size:11px;align-items:flex-start}
  .local-notice button{min-height:44px}
  #creator-heading{padding:22px 0 28px}
  #creator-heading .eyebrow,.heading-symbol{display:none}
  #creator-heading h1{margin:0}
  #creator-heading p{font-size:15px}
  .create-card{padding:20px;gap:16px;min-height:105px}
  .create-card .create-icon{width:52px;height:52px}
  .create-card strong{font-size:20px}
  .card-arrow{display:block}
  .home-continuation{gap:18px}
  .home-inspiration{grid-template-columns:110px minmax(0,1fr)}
  .home-inspiration .daily-picture{width:110px}
  .editor-bar input,dialog input,dialog textarea,dialog select{font-size:16px}
  dialog{border-radius:28px}
}
@media(max-width:360px){
  .sidebar,#home{padding-left:16px;padding-right:16px}
  .brand{width:90px;height:40px}
  .topbar{--mobile-logo-space:98px}
  .topbar>div{gap:5px}
  .create-card{padding:16px;gap:12px}
  .create-card strong{font-size:18px}
  .create-card .create-icon{width:44px;height:44px}
  .card-arrow{display:none}
}

#update-app{min-height:44px;padding:8px 12px;border-radius:12px;background:var(--tint);color:var(--accent-text);font-size:12px;font-weight:600;white-space:nowrap}
@media(max-width:650px){
  .topbar:has(#update-app:not([hidden])){height:108px;align-items:flex-start;padding-top:6px}
  .top-actions #update-app{position:absolute;top:56px;left:calc(-1 * var(--mobile-logo-space));right:0}
  body:has(#update-app:not([hidden]))[data-workspace-menu=open] .workspace-utilities{top:124px;max-height:calc(100dvh - 150px)}
}

#paper-pro-required{padding:12px 20px;flex-shrink:0;border-bottom:1px solid var(--line)}

.pro-entry{background:var(--tint);color:var(--accent-text);border:1px solid var(--line);border-radius:999px;min-height:40px;padding:8px 16px;font-size:13px;font-weight:700;white-space:nowrap}
#account-dialog{width:min(590px,calc(100% - 32px))}#account-email{font-size:clamp(20px,4vw,29px);overflow-wrap:anywhere}
.billing-panel{margin:22px 0;padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--tint)}
.billing-label{display:inline-block;padding:6px 10px;border-radius:7px;background:var(--pink);color:white;font-size:11px;letter-spacing:.14em;font-weight:700}
.billing-panel h3{font-size:26px;line-height:1.2;margin:18px 0 10px}.billing-panel .billing-price{font-size:22px;color:var(--ink);font-weight:700;margin:0 0 18px}
.billing-features{padding-left:20px;line-height:1.7;font-size:14px;margin:0 0 18px}.billing-panel .billing-terms{font-size:13px;line-height:1.6;color:var(--muted)}
.billing-panel button{width:100%;margin-top:10px;min-height:48px}.billing-panel small{display:block;text-align:center;font-size:11px;margin-top:12px;color:var(--muted)}
.billing-panel .billing-message{font-size:13px;line-height:1.5;margin:12px 0 0}.billing-message:empty{display:none}
.billing-return{display:grid;place-items:center;padding:28px;min-height:100dvh}.billing-return-card{width:min(560px,100%);padding:38px;border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:0 16px 80px #0000000a}.billing-return-logo{width:125px;margin-bottom:24px}.billing-return-card h1{font-size:36px;line-height:1.1}.billing-return-card p{line-height:1.6}.billing-return-card a.primary{display:block;text-align:center;text-decoration:none;margin-top:24px}.billing-return-card small{display:block;line-height:1.5;color:var(--muted);margin-top:24px}.billing-return-card button{width:100%;margin-top:18px}
@media(max-width:650px){.pro-entry{padding:7px 10px;font-size:11px}.billing-panel{padding:20px}.billing-panel h3{font-size:23px}.billing-return{padding:16px}.billing-return-card{padding:26px}.billing-return-card h1{font-size:30px}}