.create-page{gap:18px;margin-top:18px;display:grid}.create-step,.create-private-game{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft-shadow);background:#fffdfaeb}.create-heading>a{color:var(--teal-dark);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.create-workflow{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.create-step{gap:16px;padding:16px;display:grid}.create-step__title{align-items:center;gap:10px;display:flex}.create-step__title h2{margin:0;font-size:1.08rem;font-weight:700;line-height:1.16}.create-step__title svg,.create-puzzle-icon{color:var(--teal-dark)}.create-puzzle-icon{width:22px;height:22px;display:inline-grid}.create-drop-zone{border:1px dashed var(--line-strong);border-radius:var(--r-sm);background:linear-gradient(135deg, #ffffff9e, #fbf7f0b3), var(--paper-soft);min-height:274px;color:var(--muted);text-align:center;cursor:pointer;align-content:center;justify-items:center;padding:20px;transition:border-color .16s,background .16s,transform .16s;display:grid}.create-upload-layout{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.create-upload-layout.has-upload{grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr)}.create-drop-zone:hover,.create-drop-zone.is-dragging{background:var(--teal-soft);border-color:#0b7b7775;transform:translateY(-1px)}.create-drop-zone svg{color:#a49a8c;margin-bottom:12px}.create-drop-zone strong{color:var(--ink);font-size:1.02rem}.create-browse-button{border-radius:var(--r-sm);background:var(--paper);min-height:42px;color:var(--teal-dark);cursor:pointer;box-shadow:var(--shadow-2);border:1px solid #0b7b7742;justify-content:center;align-items:center;gap:7px;margin-top:12px;padding:0 15px;font-weight:700;display:inline-flex}.create-browse-button:hover,.create-browse-button:focus-visible{background:var(--teal-soft);border-color:#0b7b776b}.create-browse-button svg{color:currentColor;margin-bottom:0}.create-drop-zone span,.create-drop-zone small{margin-top:7px;font-size:.86rem}.create-drop-zone.has-upload{min-height:248px}.create-upload-preview{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff9;gap:10px;padding:10px;display:grid}.create-upload-preview>span{color:#18805c;align-items:center;gap:7px;font-size:.83rem;font-weight:700;display:inline-flex}.create-upload-preview img,.create-main-preview img{object-fit:contain;border-radius:var(--r-sm);background:var(--bg);width:100%;display:block}.create-upload-preview img{aspect-ratio:336/232}.create-upload-preview>div{color:var(--muted);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;font-size:.83rem;display:grid}.create-upload-preview button,.create-actions button,.create-private-game .section-title-row button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);min-height:40px;color:var(--teal-dark);justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.create-upload-preview button{min-width:36px;min-height:36px;padding:0}.create-check-layout{grid-template-columns:minmax(190px,.32fr) minmax(420px,1fr);align-items:start;gap:16px;display:grid}.create-check-list{gap:13px;display:grid}.create-check-list h3,.create-piece-picker h3{margin:0 0 2px;font-size:.95rem;font-weight:700}.create-check-list div{color:#6b746f;grid-template-columns:auto minmax(0,1fr);gap:3px 8px;display:grid}.create-check-list div svg{color:#b0aa9f;grid-row:span 2;margin-top:1px}.create-check-list div.is-ok svg{color:#4aa66f}.create-check-list span{color:var(--ink);font-size:.84rem;font-weight:600}.create-check-list small{color:var(--muted);font-size:.78rem;line-height:1.35}.create-main-preview{border-radius:var(--r-sm);background:var(--paper-soft);min-height:212px;display:grid;overflow:hidden}.create-main-preview img{aspect-ratio:392/244;height:100%}.create-main-preview>div{color:var(--muted);text-align:center;place-items:center;gap:8px;display:grid}.create-title-field,.create-description-field,.create-category-field{color:#27312f;gap:8px;font-size:.88rem;font-weight:700;display:grid}.create-title-field input,.create-description-field textarea,.create-category-field select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);width:100%;min-height:42px;color:var(--ink);font:inherit;font-weight:500}.create-title-field input{padding:0 12px}.create-description-field>span{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.create-description-field>span small,.create-description-field>small{color:#68736f;font-size:.74rem;font-weight:600}.create-description-field>small{justify-self:end}.create-description-field textarea{resize:vertical;min-height:86px;padding:10px 12px;line-height:1.45}.create-category-field{border:1px solid var(--line);border-radius:var(--r-sm);background:#ffffff8f;grid-template-columns:minmax(0,1fr) 158px;align-items:center;padding:10px}.create-category-field span{align-items:center;gap:8px;display:inline-flex}.create-category-field select{padding:0 10px}.create-piece-picker{gap:10px;display:grid}.create-piece-picker>div{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.create-piece-picker button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);min-height:57px;color:var(--ink)}.create-piece-picker button.is-selected{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}.create-piece-picker strong,.create-piece-picker span{display:block}.create-piece-picker strong{font-size:1rem}.create-piece-picker span{color:var(--muted);margin-top:3px;font-size:.72rem}.create-piece-picker__note{color:var(--muted);margin:0;font-size:.82rem;line-height:1.4}.create-actions{display:flex}.create-actions button{flex:1}.create-actions .primary-button{border-color:var(--teal);color:#fff;min-height:46px;box-shadow:var(--shadow-2);background:linear-gradient(#0c8b86,#08716d)}.create-actions button:disabled{cursor:not-allowed;opacity:.55}.create-actions .primary-button:disabled{background:var(--paper);color:#6d9994;box-shadow:none}.create-private-note{color:var(--muted);align-items:center;gap:7px;margin:-4px 0 0;font-size:.82rem;display:flex}.create-drop-error{border-radius:var(--radius);background:var(--bg);color:#a33d25;border:1px solid #e7b8aa;margin:10px 0 0;padding:9px 12px;font-size:.86rem;font-weight:600}.create-guidelines-note{color:var(--muted);margin:10px 0 0;font-size:.82rem}.create-guidelines-note a{color:var(--teal-dark);font-weight:600}.create-private-actions{flex-wrap:wrap;gap:8px;display:inline-flex}.create-profile-choice{border-radius:var(--r-sm);background:var(--paper);color:var(--teal-dark);cursor:pointer;border:1px solid #0b7b773d;grid-template-columns:auto auto minmax(0,1fr);align-items:start;gap:10px;padding:13px 14px;display:grid}.create-profile-choice input{width:18px;height:18px;accent-color:var(--teal);margin:2px 0 0}.create-profile-choice>svg{margin-top:1px}.create-profile-choice>span{background:0 0;border-radius:0;gap:3px;padding:0;display:grid}.create-profile-choice strong{color:var(--ink);font-size:.9rem}.create-profile-choice small{color:var(--muted);font-size:.78rem;font-weight:500;line-height:1.4}.create-private-game{gap:14px;padding:16px;display:grid}@media (max-width:1180px){.create-piece-picker>div{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:760px){.create-page{gap:12px;margin-top:12px}.create-heading>a:first-child{grid-column:1/-1;justify-self:start}.create-workflow,.create-check-layout,.create-actions,.create-category-field,.create-upload-layout.has-upload{grid-template-columns:1fr}.create-step,.create-private-game{padding:12px}.create-drop-zone{min-height:190px;padding:16px}.create-main-preview{min-height:176px}.create-piece-picker>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.create-piece-picker button{min-height:53px}.create-private-game .section-title-row{align-items:start}}.create-step{box-shadow:none}.create-heading a,.create-step a{margin-block:-7px;padding-block:7px}.create-guide{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper,var(--bg));margin:28px 0 12px;padding:24px}.create-guide h2{margin:0 0 10px;font-size:1.3rem}.create-guide>p,.create-guide li,.create-guide__columns p{color:var(--muted);line-height:1.6}.create-guide ol{margin:12px 0 18px;padding-left:22px}.create-guide li+li{margin-top:6px}.create-guide__columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.create-guide__columns h3{margin:0 0 6px;font-size:1rem}.create-guide__columns p{margin:0}.create-guide a{color:var(--teal-dark);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}@media (max-width:860px){.create-guide__columns{grid-template-columns:minmax(0,1fr)}.create-guide{padding:18px}}.create-step,.create-private-game{box-shadow:none;background:0 0;border:0;border-radius:0;gap:18px;padding:0 0 8px}.create-workflow{gap:48px}.create-step__title{border-bottom:1px solid var(--line-strong);padding-bottom:14px}.create-step__title h2{letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.create-drop-zone{border:1px dashed var(--line-strong);background:var(--paper);border-radius:10px}.create-drop-zone:hover,.create-drop-zone.is-dragging{transform:none}.create-main-preview{border:1px solid var(--line);background:var(--paper);border-radius:8px}.create-main-preview img,.create-upload-preview img{border-radius:6px}.create-check-list h3,.create-piece-picker h3,.create-title-field,.create-description-field,.create-category-field{font-weight:600}.create-title-field input,.create-description-field textarea,.create-category-field select{border-color:var(--line-strong);border-radius:10px}.create-category-field,.create-profile-choice{border:1px solid var(--line-strong);background:var(--paper);border-radius:10px}.create-piece-picker button{border:1px solid var(--line-strong);background:var(--paper);border-radius:8px}.create-piece-picker button:hover{border-color:var(--teal);background:var(--teal-soft)}.create-piece-picker button[aria-pressed=true],.create-piece-picker button.is-selected,.create-piece-picker button[aria-checked=true]{border-color:var(--teal);background:var(--teal);color:var(--paper)}.create-piece-picker button[aria-pressed=true] span,.create-piece-picker button.is-selected span,.create-piece-picker button[aria-checked=true] span{color:var(--paper)}.create-actions button,.create-browse-button,.create-upload-preview button,.create-private-game .section-title-row button{border:1px solid var(--ink);box-shadow:none;color:var(--ink);background:0 0;border-radius:10px;font-weight:600}.create-browse-button{background:var(--paper)}.create-actions .primary-button{border-color:var(--teal);background:var(--teal);min-height:52px;box-shadow:none;color:#fff}.create-actions .primary-button:hover:not(:disabled){border-color:var(--teal-dark);background:var(--teal-dark)}.create-actions .primary-button:disabled{border-color:var(--line-strong);color:var(--muted);background:0 0}.create-upload-preview{border-color:var(--line-strong);background:var(--paper);border-radius:10px}.create-guide{background:0 0;border:0;border-radius:0;margin:48px 0 12px;padding:0}.create-guide h2{border-bottom:1px solid var(--line-strong);letter-spacing:-.01em;margin-bottom:18px;padding-bottom:14px;font-size:1.5rem;font-weight:600}.create-guide__columns>*{border-top:1px solid var(--line-strong);padding-top:14px}.create-guide__columns h3{font-weight:600}@media (max-width:860px){.create-guide{margin-top:36px;padding:0}}@media (max-width:760px){.create-workflow{gap:36px}.create-step,.create-private-game{padding:0 0 4px}}.create-browse-button--url{margin-left:8px}.create-from-url{text-align:left;gap:8px;width:min(100%,420px);margin:12px auto 0;display:grid}.create-from-url label{color:var(--muted);gap:4px;font-size:.86rem;display:grid}.create-from-url input{border:1px solid var(--line);background:var(--paper);min-height:42px;color:var(--ink);font:inherit;border-radius:10px;padding:0 12px}.create-from-url button{background:var(--teal);color:#fff;min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-self:start;padding:0 16px;font-weight:600}.create-from-url button:disabled{opacity:.55;cursor:default}.create-from-url p[role=alert]{color:#a22c35;margin:0;font-size:.88rem}.create-from-url small{color:var(--muted)}@media (max-width:600px){.create-browse-button--url{margin-left:0}}