.community-composer{max-width:1100px;color:var(--foreground);background:var(--background);margin:auto;padding:30px 20px 120px}.community-composer header{margin:30px 0}.community-composer h1{letter-spacing:-.05em;font-size:clamp(34px,5vw,60px);font-weight:900}.community-composer small{color:#aa452d;letter-spacing:.15em;font-weight:800}.community-composer p{margin:15px 0;font-size:13px;line-height:1.7}.community-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.community-composer label{gap:8px;margin:15px 0;font-size:12px;font-weight:750;display:grid}.community-composer input,.community-composer select,.community-composer textarea{background:var(--background);width:100%;min-width:0;color:var(--foreground);border:1px solid #c7b89d;border-radius:12px;min-height:44px;padding:12px;font-size:16px}.community-composer .community-check{align-items:center;gap:12px;display:flex}.community-check input{flex-shrink:0;width:20px;min-height:20px}.community-composer button,.community-poster>a,.community-primary{border:1px solid #ad9979;border-radius:30px;align-items:center;gap:8px;min-height:44px;padding:12px 18px;font-size:12px;font-weight:800;display:inline-flex}.community-primary{color:#fff;background:#a73b27}.community-composer button:disabled{opacity:.5}.community-poster{gap:15px;margin:20px 0;display:grid}.community-composer h2{margin-top:30px;font-size:24px;font-weight:850}.community-composer article{border:1px solid #bba88c;border-radius:16px;margin:15px 0;padding:20px}.community-composer article button{margin-left:15px}.community-composer :focus-visible{outline-offset:3px;outline:3px solid #46704c}@media (width<=700px){.community-grid{grid-template-columns:1fr}}.community-poster>button{color:#fff;background:#35583f;border:1px solid #ad9979;border-radius:30px;min-height:44px;padding:12px 18px;font-size:12px;font-weight:800}.community-poster>button:disabled{opacity:.5}.community-poster>p{font-size:12px;line-height:1.6}.studio-layout{grid-template-columns:minmax(280px,480px) minmax(0,1fr);align-items:start;gap:48px}.studio-preview{position:sticky;top:85px}.story-studio canvas{aspect-ratio:9/16;touch-action:none;border-radius:20px;width:100%;display:block;box-shadow:0 24px 65px #211a2426}.community-composer .studio-step{border-bottom:1px solid #a894713d;margin-bottom:24px;padding:0 0 22px}.studio-step>small{margin-bottom:15px;display:block}.studio-fields{grid-template-columns:1.5fr 1fr;gap:12px;display:grid}.community-composer .studio-upload{cursor:pointer;border:1px dashed #a69775;border-radius:15px;padding:18px;font-size:16px}.studio-upload input{padding:5px;font-size:12px}.studio-motifs{flex-wrap:wrap;gap:7px;padding:12px 0;display:flex}.community-composer details summary{cursor:pointer;min-height:44px;padding:15px 0;font-size:14px;font-weight:800}.studio-flours{grid-template-columns:1fr 1fr;gap:10px;max-height:300px;margin:15px 0;display:grid;overflow:auto}.community-composer .studio-flours button{background:0 0;border:0;border-radius:0;flex-direction:column;padding:8px;font-size:11px}.studio-flours img{object-fit:contain;background:0 0;border:0;width:100%;height:105px}.studio-selection{background:#c7b89d18;border-radius:15px;margin:18px 0;padding:18px}.studio-selection input[type=range],.story-studio input[type=range]{accent-color:#a73b27;padding:0}.studio-tools .community-primary{margin:8px 8px 8px 0}.community-composer .studio-selection input[type=color]{max-width:90px;padding:4px}@media (width<=700px){.studio-layout{grid-template-columns:1fr;gap:22px}.studio-preview{width:100%;max-width:440px;margin:auto;position:static}.community-composer header{margin:20px 0}.community-composer{padding:20px 16px 110px}.story-studio canvas{border-radius:15px;width:auto;max-width:100%;max-height:72svh;margin:auto}.studio-tools{min-width:0}}.community-composer .studio-motifs button{background:#b8a88712;border:0;border-radius:14px;flex-direction:column;min-width:75px;padding:8px 10px}.studio-motifs img{filter:drop-shadow(0 2px 2px #44321f22);width:48px;height:48px}.studio-v2{max-width:650px;padding:12px 18px 80px}.community-composer .studio-v2-header{justify-content:space-between;align-items:center;gap:15px;margin:0 0 14px;display:flex}.studio-v2-header h1{margin:0;font-size:25px}.studio-v2-header small{font-size:8px}.studio-v2-header>a{font-size:12px}.studio-v2-frame{isolation:isolate;max-width:430px;margin:12px auto 0;position:relative}.studio-v2-frame canvas{aspect-ratio:9/16;object-fit:contain;border-radius:20px;width:100%;max-width:100%;height:auto;max-height:calc(100svh - 220px);margin:auto;display:block}.studio-v2-frame .story-studio{place-items:center;display:grid}.studio-v2-rail{z-index:3;flex-direction:column;gap:6px;display:flex;position:absolute;top:15px;right:12px}.community-composer .studio-v2-rail button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#16211db3;border:1px solid #ffffff30;border-radius:50%;width:42px;min-height:42px;padding:9px}.studio-v2-rail svg{width:20px;height:20px}.community-composer .studio-v2-start{color:#fff8e9;text-align:center;background:0 0;border:0;border-radius:20px;flex-direction:column;gap:10px;padding:15px;display:flex;position:absolute;inset:35% 65px 35% 20px}.studio-v2-start strong{font-family:Georgia,serif;font-size:22px}.studio-v2-start span{font-size:12px}.studio-v2-hint{text-align:center;margin:10px 0!important;font-size:11px!important}.studio-v2-publish{gap:6px;max-width:470px;margin:auto;display:grid}.studio-v2-publish .community-check{margin:10px 0;font-size:10px;line-height:1.55}.studio-v2-publish>button{justify-content:center}.studio-sheet.community-composer{max-width:550px;max-height:85svh;padding:26px;overflow:auto}.studio-sheet .studio-flours{max-height:45svh}.studio-own{margin:30px 0}.studio-own summary{cursor:pointer;padding:12px 0;font-size:13px;font-weight:800}.studio-profile-link{font-size:11px}.story-camera{z-index:150;color:#fff;background:#0d1510;place-items:center;display:grid;position:fixed;inset:0}.story-camera video{object-fit:contain;width:100%;height:100%}.story-camera>p{text-align:center;max-width:450px;padding:25px;position:absolute;top:25%}.community-composer .story-camera button{color:#fff;background:#17241bd9;border:1px solid #fff6;border-radius:50%;place-items:center;width:52px;height:52px;padding:12px;display:grid;position:absolute}.story-camera .sc-close{top:calc(20px + env(safe-area-inset-top));right:20px}.community-composer .story-camera .sc-shutter{bottom:calc(28px + env(safe-area-inset-bottom));background:#b83e2c;border:5px solid #fff;width:74px;height:74px;left:calc(50% - 37px)}.story-camera .sc-flip{bottom:calc(38px + env(safe-area-inset-bottom));right:25px}@media (width<=600px){.studio-v2{padding:10px 10px 70px}.studio-v2-header small{display:none}.studio-v2-frame{width:min(100%,56.25svh - 126.563px);max-width:100%}.studio-v2-rail{gap:5px;top:10px;right:8px}.community-composer .studio-v2-rail button{width:38px;min-height:38px;padding:8px}.studio-v2-frame canvas{max-height:none}.studio-sheet.community-composer{max-width:none;padding:24px 20px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;max-height:65svh;inset:auto 0 0;transform:none}.studio-v2-start strong{font-size:18px}}@media (width>=601px){.studio-v2-frame canvas{aspect-ratio:9/16;width:auto;max-width:100%;height:calc(100svh - 220px);max-height:740px}}dialog.story-camera{border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.studio-v2-frame canvas:focus-visible{outline-offset:2px;outline:2px solid #e7c24e}.studio-v2-frame{aspect-ratio:9/16;width:min(100%,430px,56.25svh - 129.375px)}.studio-v2-frame .story-studio{width:100%;min-width:0;height:100%;position:relative}.studio-v2-frame canvas{object-fit:fill;width:100%;max-width:none;height:100%;max-height:none}.studio-v2-frame .story-studio>p{color:#fff;background:#251d18e6;border-radius:10px;padding:10px;position:absolute;inset:auto 12px 45px}.studio-sheet.community-composer{overscroll-behavior:contain;z-index:100;flex-direction:column;gap:14px;width:calc(100% - 32px);min-width:0;margin:0;padding-top:42px;display:flex;overflow-y:auto}.studio-sheet.community-composer>*{flex-shrink:0;min-width:0}.studio-sheet.community-composer .studio-flours{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;gap:12px;min-height:0;max-height:40svh;margin:0;padding:4px;display:grid;overflow-y:auto}.studio-sheet.community-composer .studio-flours button{white-space:normal;overflow-wrap:anywhere;background:var(--secondary);border-radius:14px;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0;height:auto;min-height:160px;padding:10px;display:flex;position:static}.studio-sheet .studio-flours img{object-fit:contain;flex-shrink:0;width:100%;max-width:130px;height:100px;min-height:100px;display:block;position:static}.studio-sheet .studio-flours span{text-align:center;font-size:12px;line-height:1.5;display:block}.studio-sheet.community-composer label{margin:0}.studio-sheet .studio-fields{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.studio-v2-rail{right:8px}.community-composer .studio-v2-rail button{flex-shrink:0;justify-content:center;width:44px;height:44px;min-height:44px}@media (width<=600px){.studio-sheet.community-composer{width:100%;max-width:100%;max-height:80dvh;padding:40px 16px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;animation:none;inset:auto 0 0;transform:none}.studio-v2-frame{width:min(100%,56.25svh - 126.563px)}.studio-v2-rail{gap:5px}.studio-v2-rail svg{width:19px;height:19px}}@media (height<=650px){.studio-v2-rail{grid-template-columns:repeat(2,44px);gap:5px;display:grid}.studio-v2-frame{width:min(100%,320px);min-height:0}}.studio-sheet.community-composer .studio-flours button{justify-content:center;min-height:80px}.studio-sheet.community-composer .studio-flours .studio-flour-with-image{min-height:160px}