/* Adaptations de l'atelier original : couleurs et composants desktop conservés. */
html{color-scheme:dark;scroll-padding-top:90px}body{overflow-x:clip}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:4px}img{max-width:100%}dialog{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}dialog header h2{overflow-wrap:anywhere}.close{min-width:44px;min-height:44px;flex-shrink:0}.form input,.form select,.form textarea{min-width:0}.card,.note{min-width:0}.note p{overflow-wrap:anywhere;white-space:pre-line}.mobile-nav{display:none}.story-head{margin-top:32px}.story-intro{color:var(--muted);line-height:1.6}.story-plans{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin:18px 0}.story-plan{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:20px;min-width:0}.story-plan h3{font-size:17px}.story-plan p{line-height:1.7;color:#cccadd;font-size:14px}.shot-number{color:var(--blue);font-size:12px;letter-spacing:1px}.story-rules{border-left:3px solid var(--orange);padding:14px 18px;background:var(--panel);line-height:1.7}.story-form{margin-top:18px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:13px}.story-form textarea{min-height:110px}.story-status{color:var(--green);font-size:13px}#imageViewer{width:calc(100% - 24px);max-width:1400px;background:#080916}#imageViewer header{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px}#imageViewer h2{font-size:16px}#imageViewport{overflow:auto;max-height:75dvh;text-align:center;touch-action:pan-x pan-y pinch-zoom}#imageViewport img{display:block;object-fit:contain;width:100%;height:70dvh}#imageViewport.zoomed img{max-width:none;width:200%;height:auto}.viewer-actions{display:flex;gap:8px}.image-open{display:block;margin:0 0 18px}.backup-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.form-footer{flex-wrap:wrap}.mobile-more{display:grid;gap:8px}.mobile-more button{text-align:left}#detailDialog,#collectionDialog{width:min(900px,calc(100% - 32px))}
@media(min-width:851px) and (max-width:1150px){main{padding:28px 24px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.story-plans{grid-template-columns:1fr 1fr}.story-plan:first-child{grid-column:1/-1}.hero{gap:20px}}
@media(max-width:850px){aside{padding:calc(10px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));justify-content:space-between}aside nav{display:none}.brand{font-size:17px}.project-switch{display:flex;min-width:0;max-width:65%;font-size:11px;padding:8px}.project-switch small{display:none}.project-switch b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{padding:22px max(16px,env(safe-area-inset-right)) calc(100px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));margin:0}.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:5;background:#0c0e1bf5;backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));gap:3px}.mobile-nav button{display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;min-height:52px;padding:6px 2px;font-size:18px}.mobile-nav button span{font-size:10px}.top{align-items:flex-start;flex-wrap:wrap;gap:12px}h1{font-size:25px}.hero{padding:22px;gap:20px}.hero h2{font-size:23px}.hero p{line-height:1.6}.progress{align-self:stretch}.section-head{align-items:center;flex-wrap:wrap}.section-head button,.link{min-height:44px}.search{width:100%;min-width:0;flex-basis:100%;font-size:16px}.filters{width:100%;gap:6px}.filter{min-height:44px}.thumb{height:auto;aspect-ratio:4/3}.card-info{padding:10px}.card-info strong{white-space:normal;line-height:1.5;overflow-wrap:anywhere}.stats{gap:10px}.stat{padding:14px}.story-plans{grid-template-columns:1fr}.story-plan{padding:18px}.story-plan:first-child{border-color:#8c76ca8a;box-shadow:0 0 30px #6935c627}.form input,.form select,.form textarea{font-size:16px;min-height:46px}.primary,.secondary,.new{min-height:46px}.modal{padding:18px}dialog{width:calc(100% - 20px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)}.form-footer>*{flex:1 1 auto}.modal header{gap:10px}.modal header h2{font-size:20px}.story-form{padding:16px}.viewer-actions{flex-wrap:wrap}#imageViewer header{flex-wrap:wrap}#imageViewport img{height:60dvh}}
@media(max-width:359px){.grid{grid-template-columns:1fr}.brand{font-size:15px}.hero{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}