@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=Varela+Round&family=ZCOOL+KuaiLe&display=swap";._page_14evq_1{--focus-primary: #d8b4e2;--focus-primary-dark: #b48fcc;--focus-primary-light: #edd9f5;--focus-bg: #fdfbf7;--focus-surface: #ffffff;--focus-text: #5d534a;--focus-muted: #9c9188;--focus-mint: #b5ead7;--focus-border: rgba(93, 83, 74, .12);--focus-border-mid: rgba(93, 83, 74, .22);--focus-shadow-card: 0 4px 24px rgba(216, 180, 226, .18), 0 1px 4px rgba(93, 83, 74, .06);--focus-shadow-float: 0 8px 32px rgba(216, 180, 226, .32), 0 2px 8px rgba(93, 83, 74, .08);--focus-shadow-button: 0 2px 12px rgba(216, 180, 226, .35);--focus-ruler-height: 30px;--focus-side-ruler-width: 34px;--focus-toolbar-height: 78px;--focus-safe-top: var(--safe-top, env(safe-area-inset-top, 0px));--focus-safe-bottom: var(--safe-bottom, env(safe-area-inset-bottom, 0px));position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(237,217,245,.85),transparent 30%),radial-gradient(circle at 88% 14%,rgba(181,234,215,.68),transparent 28%),linear-gradient(180deg,#fffdf9 0%,var(--focus-bg) 74%);color:var(--focus-text);touch-action:none;-webkit-user-select:none;user-select:none}._canvasWrap_14evq_32{position:absolute;inset:0;overflow:hidden}._boardCanvas_14evq_38{display:block;width:100%;height:100%;cursor:grab;touch-action:none}._locked_14evq_46 ._boardCanvas_14evq_38{cursor:default}._dragging_14evq_50{cursor:grabbing}._topbar_14evq_54{position:absolute;top:calc(var(--focus-safe-top) + 10px);left:12px;right:12px;z-index:40;height:54px;display:flex;align-items:center;gap:8px;pointer-events:none}._backButton_14evq_67{width:54px;height:54px;border:0;border-radius:10px;display:grid;place-items:center;background:transparent;box-shadow:none;flex:0 0 auto;padding:0;pointer-events:auto}._backButton_14evq_67 img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}._lockButton_14evq_89{transition:transform .1s ease}._shake_14evq_93{animation:_shake_14evq_93 .4s ease-in-out}@keyframes _shake_14evq_93{0%,to{transform:translate(0)}20%{transform:translate(-4px) rotate(-3deg)}40%{transform:translate(4px) rotate(3deg)}60%{transform:translate(-3px) rotate(-2deg)}80%{transform:translate(3px) rotate(2deg)}}._topActions_14evq_105{margin-left:auto;display:flex;align-items:center;gap:7px;min-width:0;max-width:min(54vw,360px);overflow-x:auto;scrollbar-width:none;pointer-events:auto}._topActions_14evq_105::-webkit-scrollbar{display:none}._iconButton_14evq_121{min-width:42px;width:42px;height:42px;border:1px solid var(--focus-border);border-radius:16px;display:grid;place-items:center;background:#ffffffdb;box-shadow:var(--focus-shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:17px;font-weight:800;transition:transform .12s ease,background .18s ease,border-color .18s ease}._iconButton_14evq_121:active,._toolButton_14evq_138:active,._primaryButton_14evq_139:active,._colorFocus_14evq_140:active{transform:scale(.96)}._active_14evq_144{color:#7b4fa0;background:var(--focus-primary-light);border-color:#b48fcc59}._rulerLayer_14evq_150{position:absolute;inset:0;z-index:28;pointer-events:none}._topRuler_14evq_157{position:absolute;top:calc(var(--focus-safe-top) + 68px);left:0;right:0;height:var(--focus-ruler-height);background:#ffffffbd;border-top:1px solid rgba(93,83,74,.08);border-bottom:1px solid rgba(93,83,74,.12);box-shadow:0 4px 16px #5d534a0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}._topRuler_14evq_157:before{content:"列";position:absolute;top:0;bottom:0;width:var(--focus-side-ruler-width);display:grid;place-items:center;color:var(--focus-primary-dark);font-size:10px;font-weight:900;letter-spacing:.5px;background:#edd9f58a;border-right:1px solid rgba(93,83,74,.08)}._topRuler_14evq_157._handRight_14evq_187:before{left:0}._topRuler_14evq_157._handLeft_14evq_191:before{right:0;border-right:0;border-left:1px solid rgba(93,83,74,.08)}._sideRuler_14evq_197{position:absolute;top:calc(var(--focus-safe-top) + 98px);bottom:calc(var(--focus-safe-bottom) + 104px);width:var(--focus-side-ruler-width);background:#ffffffbd;border:1px solid rgba(93,83,74,.1);border-left:0;border-radius:0;box-shadow:4px 0 16px #5d534a0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}._sideRuler_14evq_197._handRight_14evq_187{left:0}._sideRuler_14evq_197._handLeft_14evq_191{right:0;left:auto;border-left:1px solid rgba(93,83,74,.1);border-right:0;border-radius:0;box-shadow:-4px 0 16px #5d534a0d}._rulerLabel_14evq_224{position:absolute;min-width:24px;display:flex;align-items:center;justify-content:center;color:var(--focus-muted);font-size:10px;font-weight:800;line-height:1;white-space:nowrap;transform:translate(-50%,-50%);text-shadow:0 1px 0 rgba(255,255,255,.8)}._sideLabel_14evq_239{min-width:26px;min-height:22px}._major_14evq_244{color:var(--focus-text)}._current_14evq_248{color:#7b4fa0}._rulerLabel_14evq_224._current_14evq_248{padding:4px 7px;background:var(--focus-primary-light);border:1px solid rgba(180,143,204,.25);border-radius:999px;box-shadow:0 2px 8px #d8b4e24d;z-index:3}._rulerTick_14evq_261{position:absolute;top:0;bottom:0;width:1px;background:#5d534a24}._sideTick_14evq_269{left:0;right:0;width:auto;height:1px}._rulerTick_14evq_261._current_14evq_248{background:#b48fcc8c}._bottomPanel_14evq_280{position:absolute;left:10px;right:10px;bottom:calc(var(--focus-safe-bottom) + 20px);z-index:36;display:flex;justify-content:center;pointer-events:none}._toolbar_14evq_291{--toolbar-side-width: 54px;--toolbar-complete-width: 54px;--toolbar-gap: 10px;--toolbar-padding: 7px;width:min(420px,100%);box-sizing:border-box;height:68px;min-height:68px;padding:var(--toolbar-padding);position:relative;display:grid;grid-template-columns:var(--toolbar-side-width) minmax(0,1fr) var(--toolbar-complete-width) var(--toolbar-side-width);gap:var(--toolbar-gap);align-items:center;background:#fffffff0;border:1px solid var(--focus-border);border-radius:26px;box-shadow:var(--focus-shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}._toolButton_14evq_138,._primaryButton_14evq_139,._colorFocus_14evq_140{min-width:0;box-sizing:border-box;min-height:54px;border:1px solid var(--focus-border);border-radius:19px;background:var(--focus-surface);color:var(--focus-text);box-shadow:0 1px 6px #5d534a0f;transition:transform .12s ease,background .18s ease}._toolButton_14evq_138,._primaryButton_14evq_139{width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-weight:900}._toolButton_14evq_138:disabled,._primaryButton_14evq_139:disabled,._colorFocus_14evq_140:disabled{opacity:.48;cursor:not-allowed}._toolIcon_14evq_345{font-size:24px;line-height:1}._toolText_14evq_350{font-size:12px;line-height:1;white-space:nowrap}._primaryButton_14evq_139{grid-column:4;background:var(--focus-primary);color:#fff;border-color:#b48fcc80;box-shadow:var(--focus-shadow-button)}._colorFocus_14evq_140:active{transform:translateY(-50%) scale(.98)}._colorFocus_14evq_140{position:absolute;left:calc(var(--toolbar-padding) + var(--toolbar-side-width) + var(--toolbar-gap));right:calc(var(--toolbar-padding) + var(--toolbar-complete-width) + var(--toolbar-side-width) + var(--toolbar-gap) + var(--toolbar-gap));top:50%;min-width:0;overflow:hidden;height:106px;min-height:106px;padding:9px 10px;display:grid;grid-template-columns:66px minmax(0,1fr);align-items:stretch;gap:10px;background:#fffffff5;border-color:var(--focus-flow-border, rgba(180, 143, 204, .35));box-shadow:0 10px 26px #d8b4e257,0 3px 10px #5d534a14,inset 0 0 0 1px #ffffffc7;text-align:left;transform:translateY(-50%);transform-origin:center;z-index:2;isolation:isolate}._colorFocus_14evq_140:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--focus-flow-progress, 0%);min-width:10px;border-radius:inherit;background:linear-gradient(90deg,var(--focus-flow-color, #d8b4e2) 0%,var(--focus-flow-color, #d8b4e2) 28%,var(--focus-flow-highlight, rgba(255, 255, 255, .36)) 50%,var(--focus-flow-color, #d8b4e2) 72%,var(--focus-flow-color, #d8b4e2) 100%);background-size:200% 100%;animation:_focusToolbarFlow_14evq_1 2s linear infinite;box-shadow:inset -1px 0 #ffffff8c;z-index:-2}._colorFocus_14evq_140:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid rgba(255,255,255,.68);box-shadow:inset 0 0 0 1px #5d534a14;pointer-events:none;z-index:3}._colorFocusLight_14evq_425{background:linear-gradient(45deg,rgba(93,83,74,.08) 25%,transparent 25%,transparent 75%,rgba(93,83,74,.08) 75%),linear-gradient(45deg,rgba(93,83,74,.08) 25%,transparent 25%,transparent 75%,rgba(93,83,74,.08) 75%),#fff;background-position:0 0,8px 8px,0 0;background-size:16px 16px,16px 16px,auto}._colorFocusLight_14evq_425:before{box-shadow:inset 0 0 0 1px #5d534a29,inset -1px 0 #5d534a2e}._colorFocusDark_14evq_438:after{border-color:#ffffffd1;box-shadow:inset 0 0 0 1px #00000052}@keyframes _focusToolbarFlow_14evq_1{0%{background-position:0 0}to{background-position:200% 0}}._colorArea_14evq_448,._infoArea_14evq_449,._completeIconButton_14evq_450{min-width:0;min-height:0;border:0;background:transparent;color:inherit;font:inherit}._colorArea_14evq_448,._infoArea_14evq_449{border-radius:16px;transition:background .16s ease,transform .12s ease;position:relative;z-index:1}._colorArea_14evq_448:active,._infoArea_14evq_449:active,._completeIconButton_14evq_450:active{transform:scale(.96)}._colorArea_14evq_448{position:relative;display:grid;place-items:center}._infoArea_14evq_449{display:grid;align-content:center;gap:5px;padding:2px 4px;text-align:left}._toolbarSwatch_14evq_487{width:62px;height:62px;border-radius:50%;border:2px solid rgba(255,255,255,.94);background:conic-gradient(#7bc56e var(--swatch-progress, 0deg),#d8d6d2 0deg);box-shadow:inset 0 0 0 1px #5d534a14,0 2px 8px #5d534a1f;display:grid;place-items:center;overflow:hidden;position:relative}._toolbarSwatch_14evq_487:before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--swatch-color, #d8b4e2);box-shadow:0 0 0 4px #ffffffeb,inset 0 0 0 1px #5d534a1a}._toolbarSwatchCode_14evq_511{position:relative;z-index:1;max-width:46px;padding:3px 5px;border-radius:999px;background:#ffffffb8;color:#4c433c;font-size:13px;line-height:1;font-weight:1000;text-align:center;white-space:nowrap;box-shadow:0 1px 4px #5d534a29}._toolbarCopy_14evq_527{min-width:0;display:grid;gap:6px;align-content:center}._toolbarCode_14evq_534,._toolbarName_14evq_535,._toolbarPill_14evq_536{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._toolbarCode_14evq_534{width:fit-content;max-width:100%;padding:5px 9px;border-radius:999px;background:#ffffffc2;border:1px solid rgba(93,83,74,.1);font-size:17px;line-height:1;font-weight:1000;color:var(--focus-flow-contrast, #7b4fa0);box-shadow:0 1px 5px #5d534a14}._toolbarRecord_14evq_557{display:block;min-width:0;width:fit-content;max-width:100%;padding:3px 8px;border-radius:999px;background:#ffffffbd;border:1px solid rgba(180,143,204,.24);color:#7b7066;font-size:10px;line-height:1.15;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 4px #5d534a0d}._toolbarRecordMuted_14evq_576{color:var(--focus-muted)}._toolbarName_14evq_535{margin-top:3px;font-size:12px;line-height:1.1;font-weight:900;color:var(--focus-text)}._toolbarStats_14evq_588{min-width:0;display:flex;flex-wrap:wrap;gap:5px}._toolbarPill_14evq_536{max-width:100%;padding:2px 6px;border-radius:999px;background:#ffffffbd;border:1px solid rgba(180,143,204,.24);color:#7b7066;font-size:9px;line-height:1.1;font-weight:900;box-shadow:0 1px 4px #5d534a0d}._toolbarSwatchButton_14evq_608,._toolbarCodeButton_14evq_609,._completePill_14evq_610{min-width:0;border:0;padding:0;background:transparent;color:inherit;font:inherit}._completeIconButton_14evq_450{grid-column:3;width:54px;height:54px;min-height:0;display:grid;place-items:center;align-self:center;border:1px solid rgba(232,168,124,.34);border-radius:16px;background:#ffffffc7;color:#9a6a35;font-size:22px;line-height:1;font-weight:1000;box-shadow:0 1px 6px #5d534a14;transition:transform .12s ease,background .18s ease,color .18s ease,border-color .18s ease}._completeIconButtonDone_14evq_638{border-color:#7bc56e8f;background:#e2f8dbf0;color:#2f7d3d;box-shadow:0 3px 12px #7bc56e38}._completeIconButton_14evq_450:disabled{opacity:.48;cursor:not-allowed}._toolbarSwatchButton_14evq_608{position:relative;display:grid;place-items:center}._toolbarSwatchButton_14evq_608:disabled,._toolbarCodeButton_14evq_609:disabled,._completePill_14evq_610:disabled{cursor:not-allowed}._paletteChevron_14evq_662{position:absolute;right:-2px;bottom:1px;width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:#ffffffe6;color:#7b4fa0;font-size:15px;font-weight:1000;box-shadow:0 1px 6px #5d534a29}._toolbarCodeButton_14evq_609{width:100%;text-align:left}._completePill_14evq_610{max-width:100%;padding:2px 7px;border-radius:999px;background:#ffffffc7;border:1px solid rgba(232,168,124,.34);color:#9a6a35;font-size:9px;line-height:1.1;font-weight:1000;white-space:nowrap;box-shadow:0 1px 4px #5d534a0d}._completePillDone_14evq_697{border-color:#7bc56e70;background:#e2f8dbe6;color:#2f7d3d}._paletteSheet_14evq_703{position:absolute;left:10px;right:10px;bottom:calc(var(--focus-safe-bottom) + 10px);z-index:61;max-width:560px;max-height:min(calc(100dvh - var(--focus-safe-top) - var(--focus-safe-bottom) - 24px),520px);margin:0 auto;padding:14px;display:grid;grid-template-rows:auto minmax(0,1fr);background:#fffffff7;border:1px solid var(--focus-border);border-radius:28px;box-shadow:var(--focus-shadow-float);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translateY(calc(100% + 24px));transition:transform .24s cubic-bezier(.34,1.2,.64,1)}._paletteSheet_14evq_703._show_14evq_724{transform:translateY(0)}._paletteList_14evq_728{min-height:0;overflow:auto;padding-top:10px;display:grid;gap:8px}._paletteItem_14evq_736{min-width:0;min-height:56px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--focus-border);border-radius:18px;padding:8px 10px;background:var(--focus-bg);color:var(--focus-text);text-align:left}._paletteItemActive_14evq_751{border-color:#b48fcc6b;background:var(--focus-primary-light)}._paletteSwatch_14evq_756{width:34px;height:34px;border-radius:50%;background:conic-gradient(#7bc56e var(--palette-progress, 0deg),#d8d6d2 0deg);box-shadow:inset 0 0 0 1px #5d534a14,0 1px 6px #5d534a1f;display:grid;place-items:center;position:relative}._paletteSwatch_14evq_756:before{content:"";position:absolute;inset:5px;border-radius:inherit;background:var(--palette-color, #d8b4e2);box-shadow:0 0 0 3px #ffffffe0,inset 0 0 0 1px #5d534a1a}._paletteMeta_14evq_778{min-width:0;display:grid;gap:3px}._paletteCode_14evq_784,._paletteCount_14evq_785{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._paletteCode_14evq_784{color:#7b4fa0;font-size:14px;font-weight:1000}._paletteCount_14evq_785{color:var(--focus-muted);font-size:12px;font-weight:800}._paletteStatus_14evq_804{padding:5px 8px;border-radius:999px;background:#ffffffc7;color:var(--focus-muted);font-size:11px;font-weight:1000}._paletteStatusDone_14evq_813{color:#2f7d3d;background:#e2f8dbe6}._sheetMask_14evq_818{position:absolute;inset:0;z-index:50;background:#5d534a24;opacity:0;pointer-events:none;transition:opacity .2s ease}._sheetMask_14evq_818._show_14evq_724{opacity:1;pointer-events:auto}._settingsSheet_14evq_833{position:absolute;left:10px;right:10px;bottom:calc(var(--focus-safe-bottom) + 10px);z-index:60;max-width:560px;margin:0 auto;max-height:min(calc(100dvh - var(--focus-safe-top) - var(--focus-safe-bottom) - 24px),560px);overflow:auto;padding:14px 14px calc(14px + var(--focus-safe-bottom));background:#fffffff5;border:1px solid var(--focus-border);border-radius:28px;box-shadow:var(--focus-shadow-float);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translateY(calc(100% + 24px));transition:transform .24s cubic-bezier(.34,1.2,.64,1)}._settingsSheet_14evq_833._show_14evq_724{transform:translateY(0)}._sheetHead_14evq_857{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px;border-bottom:1px solid var(--focus-border)}._sheetTitle_14evq_866{font-family:var(--font-title);font-size:18px;color:var(--focus-text);letter-spacing:.5px}._sheetClose_14evq_873{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:14px;background:var(--focus-bg);color:var(--focus-muted);font-weight:900}._settingRow_14evq_885{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid var(--focus-border)}._settingRow_14evq_885:last-child{border-bottom:0}._settingName_14evq_898{font-size:14px;font-weight:900;color:var(--focus-text)}._settingNameRow_14evq_904{display:flex;align-items:center;gap:7px}._settingHelp_14evq_910{position:relative;display:inline-grid;place-items:center;flex:0 0 auto}._settingHelpButton_14evq_917{width:20px;height:20px;display:inline-grid;place-items:center;border:1px solid rgba(139,108,154,.26);border-radius:999px;background:#ffffffb8;color:var(--focus-muted);font-size:12px;font-weight:900;line-height:1}._settingHelpButton_14evq_917._active_14evq_144{color:#7b4fa0;background:var(--focus-primary-light);border-color:#b48fcc6b}._settingHelpText_14evq_937{position:absolute;left:calc(100% + 8px);top:50%;z-index:80;width:max-content;max-width:min(260px,calc(100vw - 132px));padding:8px 10px;border:1px solid rgba(139,108,154,.16);border-radius:12px;background:#f8f4fceb;box-shadow:0 10px 28px #5d534a24;color:var(--focus-muted);font-size:12px;font-weight:700;line-height:1.45;opacity:0;pointer-events:none;transform:translate(4px,-50%) scale(.98);transform-origin:left center;transition:opacity .14s ease,transform .14s ease}._settingHelpText_14evq_937:before{content:"";position:absolute;left:-5px;top:50%;width:9px;height:9px;background:#f8f4fceb;border-left:1px solid rgba(139,108,154,.16);border-bottom:1px solid rgba(139,108,154,.16);transform:translateY(-50%) rotate(45deg)}._settingHelpActive_14evq_973 ._settingHelpText_14evq_937{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}@media(hover:hover)and (pointer:fine){._settingHelp_14evq_910:hover ._settingHelpText_14evq_937,._settingHelp_14evq_910:focus-within ._settingHelpText_14evq_937{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}}._settingDesc_14evq_988{margin-top:2px;font-size:12px;font-weight:700;color:var(--focus-muted);line-height:1.45}._segmented_14evq_996{display:inline-grid;grid-template-columns:1fr 1fr;min-width:168px;padding:4px;gap:4px;border:1px solid var(--focus-border);border-radius:18px;background:var(--focus-bg)}._segmentedThree_14evq_1007{grid-template-columns:repeat(3,minmax(0,1fr));min-width:248px}._segmented_14evq_996 button{height:42px;padding:0 14px;border:0;border-radius:14px;background:transparent;color:var(--focus-muted);font-weight:900;font-size:13px}._segmented_14evq_996 button._active_14evq_144{color:#7b4fa0;background:var(--focus-primary-light);box-shadow:0 1px 8px #d8b4e240}._directionGrid_14evq_1029{min-width:252px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}._directionGrid_14evq_1029 button{height:38px;border:1px solid var(--focus-border);border-radius:14px;background:var(--focus-bg);color:var(--focus-muted);font-size:12px;font-weight:900}._directionGrid_14evq_1029 button:first-child{grid-column:1 / -1}._directionGrid_14evq_1029 button._active_14evq_144{color:#7b4fa0;background:var(--focus-primary-light);border-color:#b48fcc59;box-shadow:0 1px 8px #d8b4e240}._boardSizeControl_14evq_1057{min-width:150px;display:grid;gap:8px}._boardSizeSingle_14evq_1063{width:100%}._boardSizeControl_14evq_1057 label{min-width:0;display:grid;gap:4px;color:var(--focus-muted);font-size:11px;font-weight:900}._boardSizeControl_14evq_1057 input{width:100%;height:40px;border:1px solid var(--focus-border);border-radius:14px;padding:0 10px;background:var(--focus-bg);color:var(--focus-text);font-size:15px;font-weight:900;text-align:center;outline:none}._boardSizeControl_14evq_1057 input:focus{border-color:#b48fcc8c;box-shadow:0 0 0 3px #edd9f5b8}._boardSizeControl_14evq_1057 input:disabled,._boardPresetRow_14evq_1096 button:disabled{opacity:.5;cursor:not-allowed}._boardPresetRow_14evq_1096{display:grid;grid-template-columns:1fr 1fr;gap:6px}._boardPresetRow_14evq_1096 button{height:34px;border:1px solid var(--focus-border);border-radius:13px;background:#edd9f58a;color:#7b4fa0;font-size:12px;font-weight:900}._switch_14evq_1117{width:58px;height:34px;border:1px solid rgba(93,83,74,.08);border-radius:999px;padding:4px;background:#ede9e4;position:relative}._switch_14evq_1117:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #5d534a1f;transition:transform .18s ease}._switch_14evq_1117._active_14evq_144{background:var(--focus-primary)}._switch_14evq_1117._active_14evq_144:after{transform:translate(24px)}._completionModalBackdrop_14evq_1148{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px;background:#5d534a38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;animation:_completionBackdropIn_14evq_1 .18s ease both}._completionModal_14evq_1148{width:min(420px,100%);background:linear-gradient(180deg,#fffffffa,#fffbf7fa);border:1px solid rgba(216,180,226,.42);border-radius:24px;box-shadow:0 20px 60px #5d534a2e;box-sizing:border-box;display:grid;gap:12px;padding:18px;transform-origin:center;animation:_completionModalIn_14evq_1 .34s cubic-bezier(.16,1,.3,1) both}._completionModalHeader_14evq_1175{display:flex;align-items:center;justify-content:space-between}._completionModalHeader_14evq_1175 h3{margin:0;color:#5d534a;font-family:ZCOOL KuaiLe,sans-serif;font-size:18px}._completionPreviewFrame_14evq_1188{width:min(220px,72vw);aspect-ratio:1;justify-self:center;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(216,180,226,.22);border-radius:14px;background:radial-gradient(circle at 50% 42%,#fffffff5,#fffbf7e6 62%,#faf4eee6)}._completionPreviewCanvas_14evq_1201{width:100%;height:100%;display:block}._completionModalText_14evq_1207{margin:0;color:#5d534ac7;font-size:14px;line-height:1.7}._completionModalActions_14evq_1214{display:flex;gap:10px}._completionModalActions_14evq_1214 button{flex:1;height:40px;border:0;border-radius:12px;background:#d8b4e229;color:#5d534a;cursor:pointer;font-weight:700}._completionModalActions_14evq_1214 button:hover{background:#d8b4e242}._completionModalActions_14evq_1214 ._completionModalPrimary_14evq_1234{background:var(--focus-primary);color:#fff;box-shadow:var(--focus-shadow-button)}._completionModalActions_14evq_1214 ._completionModalPrimary_14evq_1234:hover{background:var(--focus-primary-dark)}@keyframes _completionBackdropIn_14evq_1{0%{opacity:0}to{opacity:1}}@keyframes _completionModalIn_14evq_1{0%{opacity:0;transform:scale(.78)}68%{opacity:1;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}._completionLayer_14evq_1268{position:absolute;inset:0;z-index:66;pointer-events:none}._completionBurst_14evq_1275{position:absolute;inset:0;overflow:hidden}._completionParticle_14evq_1281{position:absolute;border-radius:999px;transform:translate(-50%,-50%) scale(.72);box-shadow:inset -2px -3px 4px #5d534a33,inset 2px 2px 3px #ffffff8c,0 10px 20px #5d534a26;opacity:0;animation:_completionParticleFly_14evq_1 var(--fly-duration) cubic-bezier(.16,1,.3,1) var(--fly-delay) both}._completionParticle_14evq_1281:after{content:"";position:absolute;left:28%;top:24%;width:24%;height:24%;border-radius:inherit;background:#ffffff73}@keyframes _completionParticleFly_14evq_1{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(0)}18%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--fly-x)),calc(-50% + var(--fly-y))) scale(1.05) rotate(var(--fly-rotate))}}@media(prefers-reduced-motion:reduce){._completionParticle_14evq_1281{animation:none;opacity:0}._completionModalBackdrop_14evq_1148,._completionModal_14evq_1148{animation:none}}._toast_14evq_1333{position:absolute;left:50%;bottom:calc(var(--focus-safe-bottom) + 190px);z-index:140;transform:translate(-50%) translateY(12px);opacity:0;pointer-events:none;padding:10px 14px;border-radius:999px;background:#5d534ae6;color:#fff;font-size:12px;font-weight:800;box-shadow:var(--focus-shadow-card);transition:opacity .18s ease,transform .18s ease;white-space:nowrap}._toast_14evq_1333._show_14evq_724{opacity:1;transform:translate(-50%) translateY(0)}._emptyState_14evq_1357{position:absolute;left:50%;top:50%;z-index:12;width:min(420px,calc(100vw - 32px));transform:translate(-50%,-50%);padding:22px;display:grid;gap:8px;text-align:center;background:#ffffffe6;border:1px solid var(--focus-border);border-radius:24px;box-shadow:var(--focus-shadow-card)}._emptyState_14evq_1357 p{color:#7b4fa0;font-weight:900}._emptyState_14evq_1357 h1{margin:0;font-size:22px}._emptyState_14evq_1357 span{color:var(--focus-muted);font-size:13px;font-weight:700}@media(max-width:380px){._projectPill_14evq_1391{max-width:calc(100vw - 180px);padding:0 10px}._projectSub_14evq_1396{display:none}._iconButton_14evq_121{width:38px;min-width:38px;height:38px;border-radius:14px;font-size:15px}._toolbar_14evq_291{--toolbar-side-width: 48px;--toolbar-complete-width: 48px;--toolbar-gap: 6px;--toolbar-padding: 7px;grid-template-columns:var(--toolbar-side-width) minmax(0,1fr) var(--toolbar-complete-width) var(--toolbar-side-width);height:70px;min-height:70px;padding:var(--toolbar-padding)}._toolButton_14evq_138,._primaryButton_14evq_139,._colorFocus_14evq_140{min-height:56px;border-radius:16px}._toolButton_14evq_138,._primaryButton_14evq_139{width:48px;height:56px}._toolText_14evq_350{font-size:10px}._colorFocus_14evq_140{height:100px;min-height:100px;grid-template-columns:52px minmax(0,1fr);gap:5px;padding:6px 7px;transform:translateY(-50%)}._colorFocus_14evq_140:active{transform:translateY(-50%) scale(.98)}._toolbarSwatch_14evq_487{width:50px;height:50px;border-width:2px}._toolbarSwatch_14evq_487:before{inset:5px;box-shadow:0 0 0 3px #ffffffeb,inset 0 0 0 1px #5d534a1a}._toolbarSwatchCode_14evq_511{max-width:39px;padding:2px 4px;font-size:11px}._toolbarCode_14evq_534{font-size:15px}._toolbarRecord_14evq_557{padding:2px 6px;font-size:9px}._completeIconButton_14evq_450{width:48px;height:56px;border-radius:14px;font-size:19px}._toolbarStats_14evq_588{gap:3px}._toolbarPill_14evq_536{padding:2px 5px;font-size:9px;line-height:1.1}._settingRow_14evq_885{grid-template-columns:1fr}._segmented_14evq_996{width:100%}._segmentedThree_14evq_1007,._directionGrid_14evq_1029,._boardSizeControl_14evq_1057{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){._page_14evq_1 *,._page_14evq_1 *:before,._page_14evq_1 *:after{transition-duration:0ms!important;animation-duration:0ms!important}}._page_1iyvt_1{position:fixed;inset:0;background:radial-gradient(circle at 12% 8%,rgba(237,217,245,.85),transparent 30%),radial-gradient(circle at 88% 14%,rgba(181,234,215,.68),transparent 28%),linear-gradient(180deg,#fffdf9,#fdfbf7 74%);color:#5d534a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}._titlebar_1iyvt_2{position:fixed;inset:calc(var(--safe-top, env(safe-area-inset-top, 0px)) + 10px) 12px auto 12px;height:54px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;background:transparent;border:0;box-sizing:border-box;pointer-events:none}._titlebarLeft_1iyvt_3{display:flex;align-items:center;gap:10px;min-width:0;pointer-events:auto}._titlebarLogo_1iyvt_4{width:54px;height:54px;border:0;border-radius:10px;display:grid;place-items:center;background:transparent;box-shadow:none;flex:0 0 auto;padding:0}._titlebarLogo_1iyvt_4 img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}._titlebarText_1iyvt_6{min-width:0;display:flex;align-items:center;gap:6px}._titlebarText_1iyvt_6 h1{margin:0;max-width:clamp(76px,34vw,360px);font-size:16px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._titlebarText_1iyvt_6 p{margin:2px 0 0;font-size:9px;color:#5d534ab3;font-weight:700;letter-spacing:.08em}._titleEditBtn_1iyvt_9{width:28px;height:28px;border:0;border-radius:10px;display:grid;place-items:center;padding:0;background:#ffffffd1;color:#5d534a;box-shadow:0 2px 12px #5d534a14;cursor:pointer;flex:0 0 auto}._titleEditBtn_1iyvt_9:hover{background:#edd9f5}._titleEditBtn_1iyvt_9 svg{width:16px;height:16px;display:block;stroke:currentColor}._titlebarActions_1iyvt_12{margin-left:auto;display:flex;gap:7px;flex-wrap:nowrap;justify-content:flex-end;align-items:center;min-width:0;max-width:min(52vw,360px);overflow-x:auto;scrollbar-width:none;pointer-events:auto}._titlebarActions_1iyvt_12::-webkit-scrollbar{display:none}._iconBtn_1iyvt_14,._primaryBtn_1iyvt_14,._miniBtn_1iyvt_14,._closeBtn_1iyvt_14,._switch_1iyvt_14,._toolBtn_1iyvt_14,._canvasActionBtn_1iyvt_14,._previewToggle_1iyvt_14,._resizeHandle_1iyvt_14,._bubble_1iyvt_14,._sizeDotBtn_1iyvt_14,._smallActionBtn_1iyvt_14,._miniColor_1iyvt_14,._paletteSwatch_1iyvt_14,._paletteNavBtn_1iyvt_14{border:0;cursor:pointer;flex:0 0 auto}._iconBtn_1iyvt_14{width:28px;height:28px;border-radius:10px;background:#ffffffc7}._iconButton_1iyvt_16{min-width:42px;width:42px;height:42px;border:1px solid rgba(93,83,74,.12);border-radius:16px;display:grid;place-items:center;background:#ffffffdb;color:#5d534a;box-shadow:0 4px 24px #d8b4e22e,0 1px 4px #5d534a0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;flex:0 0 auto;padding:0;transition:transform .12s ease,background .18s ease,border-color .18s ease}._iconButton_1iyvt_16:hover:not(:disabled){background:#edd9f5;border-color:#b48fcc59}._iconButton_1iyvt_16:active:not(:disabled){transform:scale(.96)}._iconButton_1iyvt_16:disabled{opacity:.42;cursor:not-allowed}._iconButton_1iyvt_16 svg{width:21px;height:21px;display:block;stroke:currentColor}._primaryBtn_1iyvt_14{height:28px;border-radius:10px;padding:0 12px;background:#d8b4e2;color:#fff;font-weight:700;white-space:nowrap}._layout_1iyvt_22{position:fixed;inset:calc(var(--safe-top, env(safe-area-inset-top, 0px)) + 66px) 0 0 0;overflow:hidden;background:transparent;touch-action:none}._canvasStage_1iyvt_23{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center}._canvas_1iyvt_14{position:absolute;left:0;top:0;display:block;image-rendering:auto;box-shadow:0 6px 40px #5d534a29;transform-origin:0 0;will-change:transform;backface-visibility:hidden;contain:paint}._zoomBar_1iyvt_25{position:absolute;left:50%;bottom:calc(var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 168px);transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:16px;background:#ffffffdb;box-shadow:0 8px 18px #5d534a14}._miniBtn_1iyvt_14{width:30px;height:30px;border-radius:10px;background:#d8b4e22e;font-weight:800}._canvasActions_1iyvt_27{position:absolute;top:14px;right:14px;z-index:460;display:flex;align-items:center;gap:8px;padding:0;border-radius:18px;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}._canvasActionBtn_1iyvt_14{width:48px;height:48px;border-radius:14px;background:#d8b4e21a;display:grid;place-items:center;padding:5px;transition:transform .15s ease,background .15s ease,opacity .15s ease}._canvasActionBtn_1iyvt_14:hover:not(:disabled){transform:translateY(-1px);background:#d8b4e233}._canvasActionBtn_1iyvt_14:disabled{opacity:.38;cursor:not-allowed}._canvasActionBtn_1iyvt_14 img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}._previewPanel_1iyvt_32{position:fixed;top:calc(var(--safe-top, env(safe-area-inset-top, 0px)) + 112px);right:14px;width:150px;min-width:90px;min-height:90px;background:linear-gradient(180deg,#edd9f59e 0,#fffffff5 34px,#fff);border-radius:24px;box-shadow:0 18px 34px #5d534a1a,0 12px 28px #d8b4e23d,inset 0 0 0 3px #ffffff94,inset 0 2px 3px #ffffffeb,inset 0 -8px 16px #ffdac121;z-index:400;border:1px solid rgba(216,180,226,.42);overflow:visible;transition:opacity .18s,transform .18s,box-shadow .2s ease,border-radius .2s ease}._previewPanel_1iyvt_32:before{content:"";position:absolute;inset:6px;border-radius:19px;background:radial-gradient(ellipse at 50% 48%,#fff0 0% 64%,#edd9f52e);border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 0 14px #5d534a06,inset 0 -8px 16px #d8b4e214;pointer-events:none;z-index:1}._previewPanel_1iyvt_32:after{content:"";position:absolute;left:18px;right:20px;bottom:-8px;height:18px;border-radius:999px;background:#d8b4e294;filter:blur(12px);opacity:.68;z-index:-1;pointer-events:none}._previewCollapsed_1iyvt_35{opacity:0;pointer-events:none;transform:scale(.85)}._previewDragLayer_1iyvt_36{position:absolute;inset:0;cursor:move;z-index:5;border-radius:18px;pointer-events:none}._previewCanvasWrap_1iyvt_37{padding:14px;display:flex;align-items:center;justify-content:center;position:relative;height:100%;box-sizing:border-box;z-index:2}._previewCanvas_1iyvt_37{image-rendering:pixelated;border-radius:16px;width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(93,83,74,.1)) drop-shadow(0 8px 14px rgba(216,180,226,.12))}._previewToggle_1iyvt_14{position:absolute;top:12px;left:12px;width:20px;height:20px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.82),transparent 32%),linear-gradient(180deg,#ffe3ce,#ffb98f);color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 8px #e8a87c47,inset 0 2px 4px #ffffffad,inset 0 -3px 5px #cf754829;z-index:10;transition:transform .12s ease-out,box-shadow .2s ease;line-height:1;padding:0}._previewToggle_1iyvt_14 span{width:8px;height:2px;border-radius:999px;background:currentColor;opacity:1;box-shadow:0 1px 2px #a65b372e,inset 0 -1px #fff9}._previewToggle_1iyvt_14:hover{transform:translateY(-1px);box-shadow:0 6px 12px #e8a87c57,inset 0 2px 4px #ffffffb8,inset 0 -3px 5px #cf754824}._previewToggle_1iyvt_14:active{transform:translateY(1px) scale(.96)}._resizeHandle_1iyvt_14{position:absolute;bottom:-1px;right:-1px;width:32px;height:32px;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.64),transparent 32%),linear-gradient(145deg,#e7bdfc,#c78ce2);border-radius:12px 12px 14px;cursor:se-resize;display:grid;place-items:center;box-shadow:0 6px 13px #b48fcc75,inset 0 3px 5px #ffffff7a,inset 0 -5px 7px #75488f2e;z-index:10;touch-action:none;font-size:0;color:transparent;font-weight:700;transition:transform .12s ease-out,box-shadow .2s ease}._resizeHandle_1iyvt_14:before{content:"";position:absolute;left:10px;top:14px;width:15px;height:3px;border-radius:999px;background:#fff;transform:rotate(45deg);box-shadow:0 1px 2px #532b6a26}._resizeHandle_1iyvt_14:after{content:"";position:absolute;right:8px;bottom:8px;width:8px;height:8px;border-right:3px solid #fff;border-bottom:3px solid #fff;border-radius:1px;box-shadow:1px 1px 2px #532b6a1f}._resizeHandle_1iyvt_14:hover{transform:translate(-1px,-1px);box-shadow:0 8px 18px #b48fcc8f,inset 0 3px 5px #ffffff85,inset 0 -5px 7px #75488f2e}._resizeHandle_1iyvt_14:active{transform:scale(.97)}._bubble_1iyvt_14{position:fixed;top:calc(var(--safe-top, env(safe-area-inset-top, 0px)) + 112px);right:14px;left:auto;width:52px;height:52px;border-radius:16px;background:#fff;box-shadow:0 4px 18px #5d534a1f,0 1px 4px #00000014;border:2px solid rgba(255,255,255,.86);z-index:450;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;touch-action:none;transition:box-shadow .15s,transform .15s;overflow:hidden}._bubble_1iyvt_14:hover{box-shadow:0 6px 24px #5d534a29,0 2px 6px #0000001a;transform:scale(1.05)}._bubbleCanvas_1iyvt_50{width:32px;height:32px;border-radius:8px;image-rendering:pixelated;background:#fff;border:1.5px solid rgba(93,83,74,.12);flex-shrink:0}._bubbleLabel_1iyvt_51{font-size:8px;font-weight:800;color:#ffffffeb;letter-spacing:.3px;line-height:1}._toolbar_1iyvt_52{--tool-row-height: 72px;--toolbar-content-height: 72px;position:absolute;left:50%;bottom:calc(var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 18px);transform:translate(-50%);z-index:20;display:grid;grid-template-rows:10px var(--tool-row-height) var(--toolbar-content-height);width:min(calc(100vw - 24px),760px);filter:drop-shadow(0 6px 28px rgba(93,83,74,.16))}._toolbarDrag_1iyvt_53{height:10px;background:#fff;border:1px solid rgba(216,180,226,.35);border-bottom:none;border-radius:18px 18px 0 0;cursor:move}._toolRow_1iyvt_54,._toolbarContent_1iyvt_54{background:#fff;border:1px solid rgba(216,180,226,.35);padding:10px 12px;box-sizing:border-box;min-width:0}._toolRow_1iyvt_54{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;border-bottom:none;align-items:center;height:var(--tool-row-height)}._toolbarContent_1iyvt_54{display:flex;align-items:center;gap:12px;height:var(--toolbar-content-height);border-radius:0 0 18px 18px;background:linear-gradient(135deg,#faf7fd,#f8f5ff);overflow-x:auto;overflow-y:hidden}._toolRow_1iyvt_54,._toolbarContent_1iyvt_54,._miniPalette_1iyvt_57{scrollbar-width:none}._toolRow_1iyvt_54::-webkit-scrollbar,._toolbarContent_1iyvt_54::-webkit-scrollbar,._miniPalette_1iyvt_57::-webkit-scrollbar{display:none}._toolBtn_1iyvt_14{width:50px;height:50px;border:2px solid transparent;border-radius:14px;background:#d8b4e214;display:grid;place-items:center;padding:5px}._toolBtn_1iyvt_14 img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}._toolActive_1iyvt_61{background:#d8b4e2;color:#fff;border-color:#b894cc}._toolSep_1iyvt_62{width:1px;height:28px;background:#5d534a1f;flex:0 0 auto}._toolInfoTag_1iyvt_63{display:flex;align-items:center;gap:6px;min-height:42px;padding:6px 10px;border-radius:12px;background:#d8b4e21f;flex:0 0 auto;box-sizing:border-box}._tagIcon_1iyvt_64{width:26px;height:26px;object-fit:contain;display:block;flex:0 0 auto}._tagText_1iyvt_65{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}._paramGroup_1iyvt_66{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:42px;flex:0 0 auto}._paramLabel_1iyvt_67{font-size:10px;font-weight:800;letter-spacing:.08em;color:#5d534a94;text-transform:uppercase}._sizeDots_1iyvt_68{display:flex;gap:6px;align-items:center}._sizeDotBtn_1iyvt_14{width:22px;height:22px;border-radius:999px;background:#d8b4e21f;display:grid;place-items:center;padding:0}._isActive_1iyvt_70{background:#d8b4e24d;box-shadow:inset 0 0 0 2px #b894cc59}._miniPalette_1iyvt_57{display:flex;gap:4px;align-items:center;flex-wrap:nowrap;overflow-x:auto}._miniColor_1iyvt_14{width:18px;height:18px;border-radius:6px;box-shadow:inset 0 0 0 1px #5d534a1a;flex:0 0 auto}._selected_1iyvt_73{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #b894cc}._fillTip_1iyvt_74{background:#b5ead733;padding:4px 8px;border-radius:8px;font-size:9px;color:#3aaa80;align-self:center;white-space:nowrap}._pickerTip_1iyvt_75{min-height:42px;box-sizing:border-box;background:#d8b4e21f;border-radius:12px;padding:6px 14px;color:#7b6d68;font-size:11px;font-weight:700;line-height:1.35;white-space:nowrap}._pickerTip_1iyvt_75 span{color:#b894cc}._zoomTools_1iyvt_77{display:flex;gap:5px}._smallActionBtn_1iyvt_14{width:28px;height:28px;border-radius:10px;background:#d8b4e22e;font-weight:800}._colorSwatch_1iyvt_79{width:50px;height:50px;border:2px solid #d8b4e2;border-radius:14px;overflow:hidden;flex:0 0 auto;padding:0;box-shadow:inset 0 0 0 2px #fffc;display:grid;place-items:center;font-size:12px;font-weight:900;line-height:1;text-align:center;letter-spacing:0}._colorSwatchCode_1iyvt_80{max-width:calc(100% - 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}._switch_1iyvt_14{width:42px;height:24px;border-radius:999px;background:#5d534a2e;position:relative}._switch_1iyvt_14:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease}._switchOn_1iyvt_83{background:#d8b4e2}._switchOn_1iyvt_83:after{transform:translate(18px)}._modalBackdrop_1iyvt_85{position:fixed;inset:0;background:#5d534a38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:grid;place-items:center;padding:16px}._modal_1iyvt_85{width:min(420px,100%);max-height:min(86vh,680px);background:linear-gradient(180deg,#fffffffa,#fffbf7fa);border-radius:24px;border:1px solid rgba(216,180,226,.42);box-shadow:0 20px 60px #5d534a2e;padding:18px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;box-sizing:border-box}._modalHeader_1iyvt_87{display:flex;justify-content:space-between;align-items:center}._modalHeader_1iyvt_87 h3{margin:0;font-family:ZCOOL KuaiLe,sans-serif;font-size:18px;color:#5d534a}._paletteBody_1iyvt_89{min-height:0;display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:start}._paletteNav_1iyvt_14{max-height:min(58vh,480px);overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px;scrollbar-width:thin}._paletteNavBtn_1iyvt_14{min-height:28px;border-radius:9px;padding:0 6px;background:#5d534a14;color:#5d534a;font-size:11px;font-weight:800;line-height:1.15;white-space:normal;word-break:break-word}._paletteNavBtnActive_1iyvt_92{background:#d8b4e2;color:#fff;box-shadow:0 4px 10px #d8b4e252}._paletteGrid_1iyvt_93{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:8px;max-height:min(58vh,480px);overflow:auto;padding-right:2px}._paletteSwatch_1iyvt_14{aspect-ratio:1;border-radius:14px;box-shadow:inset 0 0 0 1px #5d534a14;position:relative;overflow:hidden}._paletteSwatch_1iyvt_14 span{position:absolute;left:3px;right:3px;bottom:3px;min-height:14px;border-radius:7px;background:#ffffffbd;color:#3f3832;font-size:9px;font-weight:800;line-height:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._field_1iyvt_96{display:grid;gap:6px}._field_1iyvt_96 span{font-size:11px;font-weight:800;color:#5d534a94;text-transform:uppercase}._field_1iyvt_96 input{height:40px;border:1px solid rgba(216,180,226,.45);border-radius:12px;padding:0 12px}._modalActions_1iyvt_99{display:flex;gap:10px}._modalActions_1iyvt_99 button{flex:1;height:40px;border:0;border-radius:12px;background:#d8b4e229;font-weight:700;color:#5d534a}._modalActions_1iyvt_99 button:hover{background:#d8b4e242}._modalActions_1iyvt_99 button:disabled{opacity:.55;cursor:not-allowed}._renameModal_1iyvt_103{grid-template-rows:auto auto auto}._renameBody_1iyvt_104{display:grid;gap:8px}._renameInput_1iyvt_105{width:100%;min-width:0;height:44px;box-sizing:border-box;border:1px solid rgba(216,180,226,.45);border-radius:12px;padding:0 12px;background:#fff;color:#5d534a;font-size:15px;font-weight:700}._renameInput_1iyvt_105:focus{outline:none;border-color:#d8b4e2;box-shadow:0 0 0 3px #d8b4e23d}._renameBody_1iyvt_104 p{margin:0;color:#5d534a9e;font-size:12px;line-height:1.45}._closeBtn_1iyvt_14{width:32px;height:32px;border-radius:10px;background:#5d534a14}._toast_1iyvt_109{position:fixed;left:50%;bottom:calc(var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 24px);transform:translate(-50%);background:#5d534aeb;color:#fff;padding:10px 14px;border-radius:999px}._resetViewBackdrop_1iyvt_112{position:fixed;inset:0;background:#5d534a42;display:grid;place-items:center;z-index:1000;padding:16px}._resetViewModal_1iyvt_122{width:min(320px,100%);background:linear-gradient(180deg,#fffdfb,#faf4ee);border-radius:28px;padding:24px 20px 20px;box-shadow:0 20px 60px #5d534a2e;border:1px solid rgba(216,180,226,.42);text-align:center}._resetViewIcon_1iyvt_132{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(180deg,#e4c7ed,#d8b4e2);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #d8b4e266}._resetViewIcon_1iyvt_132 img{width:28px;height:28px;object-fit:contain}._resetViewMessage_1iyvt_150{font-family:ZCOOL KuaiLe,Varela Round,sans-serif;font-size:20px;color:#5d534a;margin:0 0 20px;line-height:1.3}._resetViewAction_1iyvt_158{width:100%;border:0;border-radius:18px;min-height:48px;background:linear-gradient(180deg,#dfc0ea,#d8b4e2);color:#fff;font-family:ZCOOL KuaiLe,Varela Round,sans-serif;font-size:16px;font-weight:800;box-shadow:0 8px 18px #d8b4e252;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}._resetViewAction_1iyvt_158:hover{transform:translateY(-1px);box-shadow:0 10px 22px #d8b4e266}._resetViewAction_1iyvt_158:active{transform:translateY(0)}@media(max-width:700px){._titlebar_1iyvt_2{align-items:center}._titlebarActions_1iyvt_12{gap:4px;overflow-x:auto;padding-bottom:2px}._titlebarText_1iyvt_6 h1{font-size:14px}._iconBtn_1iyvt_14{width:28px;height:28px}._primaryBtn_1iyvt_14{padding:0 10px;font-size:12px}._layout_1iyvt_22{inset-block-start:calc(var(--safe-top, env(safe-area-inset-top, 0px)) + 64px)}._canvasActions_1iyvt_27{right:10px}._previewPanel_1iyvt_32{width:min(42vw,150px);right:10px}._bubble_1iyvt_14{right:10px}._toolbar_1iyvt_52{--tool-row-height: 68px;--toolbar-content-height: 68px;width:calc(100vw - 20px);bottom:max(10px,var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}._toolRow_1iyvt_54,._toolbarContent_1iyvt_54{padding:8px 10px}}@media(min-width:701px){._toolbar_1iyvt_52{--tool-row-height: 84px;--toolbar-content-height: 84px;width:min(900px,calc(100vw - 40px));bottom:calc(var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 20px)}._toolRow_1iyvt_54,._toolbarContent_1iyvt_54{padding:12px 16px}._toolRow_1iyvt_54{gap:10px}._toolbarContent_1iyvt_54{gap:14px}._toolBtn_1iyvt_14,._colorSwatch_1iyvt_79{width:60px;height:60px;border-radius:16px}._toolBtn_1iyvt_14{padding:6px}._toolSep_1iyvt_62{height:36px}._toolInfoTag_1iyvt_63,._paramGroup_1iyvt_66,._pickerTip_1iyvt_75{min-height:54px}._tagIcon_1iyvt_64{width:32px;height:32px}._tagText_1iyvt_65{font-size:13px}._smallActionBtn_1iyvt_14{width:36px;height:36px;border-radius:12px}._sizeDotBtn_1iyvt_14{width:28px;height:28px}._miniColor_1iyvt_14{width:22px;height:22px;border-radius:7px}._zoomTools_1iyvt_77{gap:7px}._zoomBar_1iyvt_25{bottom:calc(var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 222px)}}@media(min-width:900px){._titlebar_1iyvt_2{padding-inline:20px}._titlebarText_1iyvt_6 h1{font-size:18px}._iconBtn_1iyvt_14{width:34px;height:34px}._primaryBtn_1iyvt_14{height:34px;padding-inline:16px}._toolbar_1iyvt_52{--tool-row-height: 92px;--toolbar-content-height: 92px;width:min(980px,calc(100vw - 56px));bottom:calc(var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 24px)}._toolRow_1iyvt_54,._toolbarContent_1iyvt_54{padding:14px 18px}._toolRow_1iyvt_54{gap:12px}._toolbarContent_1iyvt_54{gap:16px}._toolBtn_1iyvt_14,._colorSwatch_1iyvt_79{width:64px;height:64px;border-radius:18px}._canvasActions_1iyvt_27{top:24px;right:24px}._previewPanel_1iyvt_32{top:calc(var(--safe-top, env(safe-area-inset-top, 0px)) + 128px);right:24px;width:clamp(160px,18vw,240px)}._bubble_1iyvt_14{top:calc(var(--safe-top, env(safe-area-inset-top, 0px)) + 128px);right:24px}._zoomBar_1iyvt_25{bottom:calc(var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 246px)}}@media(max-width:520px){._modal_1iyvt_85{padding:14px}._paletteBody_1iyvt_89{grid-template-columns:58px minmax(0,1fr);gap:8px}._paletteGrid_1iyvt_93{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:7px}._paletteNavBtn_1iyvt_14{font-size:10px;padding-inline:4px}}._backdrop_7vwm1_2{position:fixed;inset:0;background:#5d534a42;z-index:200;animation:_fadeIn_7vwm1_1 .2s ease}._sheet_7vwm1_10{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:24px 24px 0 0;z-index:201;width:min(100%,560px);margin:0 auto;max-height:calc(100dvh - var(--safe-top, env(safe-area-inset-top, 0px)) - 16px);overflow-y:auto;animation:_slideUp_7vwm1_1 .3s cubic-bezier(.32,.72,0,1);box-shadow:0 -4px 32px #d8b4e247}._header_7vwm1_26{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 12px;border-bottom:1px solid rgba(93,83,74,.1)}._title_7vwm1_34{font-size:18px;font-weight:600;color:#5d534a;margin:0}._closeBtn_7vwm1_41{width:32px;height:32px;border-radius:50%;background:#5d534a14;border:none;font-size:18px;color:#5d534a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}._closeBtn_7vwm1_41:hover{background:#5d534a26}._content_7vwm1_60{padding:16px 16px calc(22px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}._section_7vwm1_64{margin-bottom:24px}._sectionTitle_7vwm1_68{font-size:14px;font-weight:600;color:#9c9188;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}._brandGrid_7vwm1_78{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:6px}._brandBtn_7vwm1_84{min-width:0;min-height:42px;padding:8px 4px;border-radius:8px;background:#5d534a0f;border:2px solid transparent;font-size:13px;font-weight:700;color:#5d534a;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._brandBtn_7vwm1_84:hover{background:#d8b4e233}._brandBtnActive_7vwm1_105{background:#d8b4e2;color:#fff;border-color:#b48fcc}._brandBtnActive_7vwm1_105:hover{background:#b48fcc}._sizeEditor_7vwm1_116{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;padding:12px;background:#5d534a0a;border-radius:12px}._sizeField_7vwm1_126{display:flex;flex-direction:column;gap:6px;min-width:0}._sizeField_7vwm1_126 span{font-size:12px;font-weight:700;color:#9c9188}._sizeInput_7vwm1_139{width:100%;min-width:0;padding:10px;border:1px solid rgba(93,83,74,.15);border-radius:8px;font-size:18px;font-weight:700;text-align:center;color:#5d534a;background:#fff}._sizeInput_7vwm1_139:focus{outline:none;border-color:#d8b4e2;box-shadow:0 0 0 2px #d8b4e24d}._sizeSeparator_7vwm1_158{padding-bottom:11px;font-size:18px;font-weight:700;text-align:center;color:#5d534a}._sizeHint_7vwm1_166{margin:8px 2px 0;font-size:13px;color:#9c9188}._optionGrid_7vwm1_172{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px;border-radius:12px;background:#5d534a0a}._optionBtn_7vwm1_181{min-height:44px;border:1px solid transparent;border-radius:10px;background:transparent;color:#5d534a;font-size:14px;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s,color .2s}._optionBtn_7vwm1_181:hover{background:#d8b4e229}._optionBtnActive_7vwm1_197{background:#d8b4e2;border-color:#b48fcc;color:#fff}._optionBtnActive_7vwm1_197:hover{background:#b48fcc}._switchList_7vwm1_207{display:flex;flex-direction:column;gap:8px}._switchRow_7vwm1_213{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 12px;background:#5d534a0a;border-radius:12px}._switchLabel_7vwm1_224{font-size:14px;font-weight:700;color:#5d534a}._switchBtn_7vwm1_230{position:relative;width:48px;height:28px;flex:0 0 auto;border:1px solid rgba(93,83,74,.12);border-radius:999px;background:#5d534a1f;cursor:pointer;transition:background .2s,border-color .2s}._switchBtn_7vwm1_230 span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #5d534a33;transition:transform .2s}._switchBtnOn_7vwm1_254{background:#d8b4e2;border-color:#b48fcc}._switchBtnOn_7vwm1_254 span{transform:translate(20px)}@keyframes _fadeIn_7vwm1_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_7vwm1_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:520px){._brandGrid_7vwm1_78{gap:5px}._brandBtn_7vwm1_84{min-height:38px;padding:7px 2px;font-size:11px}._sizeEditor_7vwm1_116{gap:8px}}:root{color-scheme:light;font-family:var(--font-body);line-height:1.5;font-weight:400;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-title: "ZCOOL KuaiLe", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;--font-body: "Nunito", "Varela Round", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", system-ui, sans-serif;--bg: #fdfbf7;--panel: rgba(255, 255, 255, .9);--surface: #ffffff;--ink: #5d534a;--muted: rgba(93, 83, 74, .4);--accent: #d8b4e2;--accent-strong: #c593d4;--mint: #b5ead7;--amber: #ffdac1;--rose: #f7d3dc;--mauve: #d4c3eb;--shadow: 0 1px 2px rgba(0, 0, 0, .05);--shadow-soft: 0 -4px 20px rgba(93, 83, 74, .05);--radius-card: 24px;--radius-lg: 28px;--radius-md: 18px;--radius-sm: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--page-padding-inline: clamp(12px, 4vw, 32px);--page-padding-block: clamp(14px, 3vw, 28px);--content-max-width: 1180px;--content-inner-max-width: calc(var(--content-max-width) - var(--page-padding-inline) - var(--page-padding-inline));--bottom-nav-height: 84px;--bottom-nav-total-height: calc(var(--bottom-nav-height) + var(--safe-bottom));--bottom-nav-clearance: calc(var(--bottom-nav-total-height) + 16px);--fixed-action-bottom: calc(var(--bottom-nav-total-height) + 12px)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%;overflow-x:hidden}body{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#fdfbf7,#fff);color:var(--ink)}button{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--ink)}p{margin:0}.app-shell{--shell-inline-padding: var(--page-padding-inline);min-height:100vh;min-height:100dvh;width:100%;max-width:none;margin:0 auto;background:linear-gradient(180deg,#fdfbf7,#fff);position:relative;padding-bottom:var(--bottom-nav-clearance);overflow-x:hidden}.app-shell--fullscreen{--bottom-nav-clearance: 0px;max-width:none;width:100%;min-height:100dvh;padding-bottom:0;overflow:hidden}.card-surface{border-radius:var(--radius-lg);background:var(--surface);border:1px solid rgba(93,83,74,.06);box-shadow:var(--shadow)}.soft-shadow{box-shadow:0 12px 24px #5d534a14}.layered-shell{width:min(100%,var(--content-max-width));margin:0 auto;padding:var(--page-padding-block) var(--page-padding-inline) 0;display:grid;gap:clamp(14px,2vw,22px);min-width:0}.layered-shell:has(.workshop-page){min-height:calc(100dvh - 96px);overflow:visible}.layered-shell--fullscreen{width:100%;min-height:100dvh;padding:0;gap:0}.discovery-page{display:grid;gap:clamp(16px,2vw,24px)}.page-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px}.page-hero h2{margin:0;font-size:24px;line-height:1.15}.workshop-create-settings-button{position:relative;width:44px;height:44px;flex:0 0 auto;border:1px solid rgba(93,83,74,.08);border-radius:16px;padding:0;display:grid;place-items:center;background:#ffffffe6;color:var(--ink);box-shadow:0 8px 18px #5d534a14;cursor:pointer}.workshop-create-settings-button:active{transform:scale(.96)}.workshop-create-settings-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.workshop-create-settings-button__badge{position:absolute;right:-6px;top:-7px;min-width:24px;height:18px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--mint);color:#2c6a55;font-size:10px;font-weight:900;line-height:1;box-shadow:0 4px 10px #5d534a1f}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quick-card{border:0;border-radius:24px;padding:20px 18px 18px;text-align:left;display:grid;align-content:start;gap:0;min-height:184px;position:relative;overflow:hidden;cursor:pointer;color:var(--ink);isolation:isolate;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease;animation:quick-card-in .5s ease both}.quick-card:active{transform:scale(.97)}.quick-card:hover{transform:translateY(-4px) scale(1.01)}.quick-card--mint{background:linear-gradient(145deg,#c8f0e4,#a8e4d0 60%,#b5ead7);box-shadow:0 8px 28px #7ed9b059,0 2px 8px #0000000f;animation-delay:.05s}.quick-card--mint:hover{box-shadow:0 14px 36px #7ed9b06b,0 4px 12px #00000014}.quick-card--lavender{background:linear-gradient(145deg,#edd8f8,#d8b4e2 55%,#c890e0);box-shadow:0 8px 28px #d8b4e266,0 2px 8px #00000012;animation-delay:.12s}.quick-card--lavender:hover{box-shadow:0 14px 36px #c890e07a,0 4px 12px #00000017}.quick-card__icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:14px;position:relative;z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.quick-card--mint .quick-card__icon{background:#ffffff8c;box-shadow:0 4px 12px #4dbf8a40,inset 0 1px 2px #fffc}.quick-card--lavender .quick-card__icon{background:#ffffff4d;box-shadow:0 4px 12px #a860c840,inset 0 1px 2px #fff9}.quick-card strong{position:relative;z-index:1;font-size:20px;line-height:1.2;letter-spacing:0}.quick-card--mint strong{color:#2a6b50}.quick-card--lavender strong{color:#fff}.quick-card p{position:relative;z-index:1;margin:5px 0 0;font-size:12px;font-weight:700;line-height:1.5;white-space:pre-line;letter-spacing:0}.quick-card--mint p{color:#3d8a68}.quick-card--lavender p{color:#ffffffdb}.quick-card__badge{width:fit-content;position:relative;z-index:1;margin-top:10px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.4}.quick-card--mint .quick-card__badge{color:#2a6b50;background:#ffffff73;border:1px solid rgba(255,255,255,.6)}.quick-card--lavender .quick-card__badge{color:#fffffff2;background:#ffffff38;border:1px solid rgba(255,255,255,.35)}.quick-card__arrow{position:absolute;right:18px;bottom:16px;width:32px;height:32px;border-radius:999px;display:grid;place-items:center;z-index:1;transition:transform .2s ease}.quick-card:hover .quick-card__arrow{transform:translate(3px)}.quick-card--mint .quick-card__arrow{color:#2a6b50;background:#ffffff73}.quick-card--lavender .quick-card__arrow{color:#fffffff2;background:#ffffff40}.quick-card__bead,.quick-card__dot{position:absolute;border-radius:999px;pointer-events:none}.quick-card__bead{animation:quick-float-slow 3.2s ease-in-out infinite}.quick-card__bead:after{content:"";position:absolute;left:22%;top:18%;width:28%;height:28%;border-radius:inherit;background:#ffffff7a}.quick-card__bead--large{width:28px;height:28px;top:14px;right:22px}.quick-card__bead--medium{width:20px;height:20px;top:38px;right:16px;animation-name:quick-float-mid;animation-delay:.6s}.quick-card__bead--small{width:14px;height:14px;top:12px;right:56px;animation-delay:1.1s}.quick-card--mint .quick-card__bead--large{background:radial-gradient(circle at 35% 35%,#f9b8a0,#e8804a);box-shadow:0 3px 8px #e8804a66,inset 0 -2px 4px #0000001f}.quick-card--mint .quick-card__bead--medium{background:radial-gradient(circle at 35% 35%,#e4c8f4,#c89eda);box-shadow:0 2px 6px #c89eda73,inset 0 -2px 3px #0000001a}.quick-card--mint .quick-card__bead--small{background:radial-gradient(circle at 35% 35%,#fde8a0,#f9d77e);box-shadow:0 2px 5px #f9d77e80}.quick-card--lavender .quick-card__bead--large{background:radial-gradient(circle at 35% 35%,#c8e8ff,#80b8f0);box-shadow:0 3px 8px #80b8f073,inset 0 -2px 4px #0000001a}.quick-card--lavender .quick-card__bead--medium{background:radial-gradient(circle at 35% 35%,#ffe4d0,#ffdac1);box-shadow:0 2px 6px #ffdac199,inset 0 -2px 3px #00000014}.quick-card--lavender .quick-card__bead--small{background:radial-gradient(circle at 35% 35%,#fff,#f0e4f8);box-shadow:0 2px 5px #fff9}.quick-card__dot{animation:quick-pulse-dot 2s ease-in-out infinite}.quick-card__dot--one{width:6px;height:6px;bottom:38px;left:16px;animation-delay:.3s}.quick-card__dot--two{width:4px;height:4px;bottom:28px;left:28px;animation-delay:.9s}.quick-card--mint .quick-card__dot{background:#4dbf8a73}.quick-card--lavender .quick-card__dot{background:#ffffff73}.quick-card__grid{position:absolute;bottom:0;width:80px;height:80px;opacity:.12;pointer-events:none;background-image:radial-gradient(closest-side,currentColor 88%,transparent 90%);background-size:20px 20px}.quick-card--mint .quick-card__grid{left:0;color:#2a6b50}.quick-card--lavender .quick-card__grid{right:0;color:#6030a0;opacity:.1}@keyframes quick-float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(3deg)}}@keyframes quick-float-mid{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-4deg)}}@keyframes quick-pulse-dot{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes quick-card-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.project-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(156px,1fr);gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.project-card{min-width:0;border-radius:22px;background:#fff;border:1px solid rgba(93,83,74,.06);box-shadow:var(--shadow);overflow:hidden;scroll-snap-align:start}.project-card__preview{aspect-ratio:1.25 / 1;background:linear-gradient(135deg,#f5eadf,#e5d3c1);position:relative}.project-card__progress{position:absolute;right:12px;top:12px;padding:6px 10px;border-radius:999px;background:#5d534ac7;color:#fff;font-size:12px}.project-card__body{padding:14px;display:grid;gap:4px}.project-card__body strong{font-size:16px}.beginner-guide{border-radius:24px;padding:18px 20px;display:grid;gap:14px;background:radial-gradient(circle at 86% 22%,rgba(236,226,214,.46),transparent 38%),linear-gradient(135deg,#fffcf7e0,#f2eae0b8);border:1.5px solid rgba(255,255,255,.96);box-shadow:0 14px 30px #5d534a14}.beginner-guide__item{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:14px}.beginner-guide__badge{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;color:#1e1a12;font-size:16px;font-weight:800}.beginner-guide__item:nth-child(1) .beginner-guide__badge{background:#ffdac1}.beginner-guide__item:nth-child(2) .beginner-guide__badge{background:#b5ead7}.beginner-guide__item:nth-child(3) .beginner-guide__badge{background:#f0d8f4}.beginner-guide__item strong{display:block;font-size:15px;line-height:1.35}.beginner-guide__item p{margin:3px 0 0;font-size:12px;line-height:1.45;color:#5d534aad}.inspiration-marquee{overflow:hidden;-webkit-overflow-scrolling:unset}.inspiration-track{display:flex;gap:12px;width:max-content;animation:marquee-left 18s linear infinite}.inspiration-marquee:focus-within .inspiration-track,.inspiration-track.is-paused{animation-play-state:paused}.inspiration-card{width:160px;border-radius:20px;padding:0;display:grid;gap:0;overflow:hidden;background:#fff;box-shadow:0 8px 20px #5d534a0d;border:1.5px solid #f0e8f8;flex:0 0 160px;cursor:pointer}.inspiration-card__art{aspect-ratio:1 / 1;position:relative;overflow:hidden;background:#f9f0ff;line-height:0}.inspiration-card__art img{width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated;padding:8px;box-sizing:border-box}.inspiration-card strong{display:block;padding:10px 12px 12px;font-family:var(--font-title);font-size:15px;line-height:1.25;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspiration-card p{margin:2px 0 0;font-size:12px;color:#5d534aa6}.inspiration-card--rose .inspiration-card__art{background:#fff0f6}.inspiration-card--mint .inspiration-card__art{background:#f0fbf6}.inspiration-card--amber .inspiration-card__art{background:#fff8f0}.inspiration-card--mauve .inspiration-card__art{background:#f9f0ff}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes workshop-fade-in{0%{opacity:0;transform:scale(.992)}to{opacity:1;transform:scale(1)}}.section-block{display:grid;gap:14px}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:12px}.section-heading-row h2,.section-heading-row h3{margin:0;line-height:1.2;font-family:var(--font-title)}.section-heading-row h2{font-size:20px}.section-heading-row h3{font-size:18px}.text-button{border:0;background:transparent;color:var(--accent-strong);padding:0}.workshop-page{--workshop-gap: clamp(6px, 1.15dvh, 10px);--shell-inline-padding: var(--page-padding-inline);--workshop-mobile-controls-height: 364px;--workshop-canvas-min-side: 200px;--canvas-side: max( var(--workshop-canvas-min-side), min( calc(100vw - var(--shell-inline-padding) - var(--shell-inline-padding)), calc(100dvh - var(--bottom-nav-total-height) - var(--workshop-mobile-controls-height)), 620px ) );height:auto;min-height:0;display:grid;grid-template-rows:auto auto auto auto;gap:var(--workshop-gap);overflow-x:hidden;overflow-y:visible;padding-bottom:8px}.workshop-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.workshop-hero__eyebrow{margin:0 0 4px;font-size:12px;letter-spacing:.12em;color:var(--accent-strong)}.workshop-hero h2{margin:0;font-size:24px;line-height:1.15}.workshop-hero__avatar{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:#d8b4e22e;color:var(--accent-strong);font-size:24px;flex:none;box-shadow:inset 0 0 0 1px #c593d42e}.workshop-canvas{--workshop-frame-margin: clamp(9px, 2vw, 18px);--workshop-frame-border: 2px;--workshop-frame-dash-length: 8px;--workshop-frame-dash-gap: 8px;width:var(--canvas-side);max-width:100%;aspect-ratio:1 / 1;border:0;border-radius:0;padding:0;margin:0;display:grid;justify-items:stretch;overflow:hidden}.workshop-page--home .workshop-canvas,.workshop-page--create .workshop-canvas,.workshop-page--result .workshop-canvas{justify-self:center}.workshop-canvas__frame{width:calc(100% - var(--workshop-frame-margin) - var(--workshop-frame-margin));max-width:none;height:calc(100% - var(--workshop-frame-margin) - var(--workshop-frame-margin));margin:var(--workshop-frame-margin);aspect-ratio:1 / 1;border:0;border-radius:0;background-color:#fdfbf7;background-image:radial-gradient(circle at 2px 2px,rgba(197,147,212,.35) 1px,transparent 0);background-size:18px 18px;display:grid;place-items:center;gap:16px;position:relative;overflow:hidden}.workshop-page--home .workshop-canvas__frame:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(to right,rgba(197,147,212,.78) 0 var(--workshop-frame-dash-length),transparent var(--workshop-frame-dash-length) calc(var(--workshop-frame-dash-length) + var(--workshop-frame-dash-gap))) top / 100% var(--workshop-frame-border) no-repeat,repeating-linear-gradient(to right,rgba(197,147,212,.78) 0 var(--workshop-frame-dash-length),transparent var(--workshop-frame-dash-length) calc(var(--workshop-frame-dash-length) + var(--workshop-frame-dash-gap))) bottom / 100% var(--workshop-frame-border) no-repeat,repeating-linear-gradient(to bottom,rgba(197,147,212,.78) 0 var(--workshop-frame-dash-length),transparent var(--workshop-frame-dash-length) calc(var(--workshop-frame-dash-length) + var(--workshop-frame-dash-gap))) left / var(--workshop-frame-border) 100% no-repeat,repeating-linear-gradient(to bottom,rgba(197,147,212,.78) 0 var(--workshop-frame-dash-length),transparent var(--workshop-frame-dash-length) calc(var(--workshop-frame-dash-length) + var(--workshop-frame-dash-gap))) right / var(--workshop-frame-border) 100% no-repeat}.workshop-canvas__camera{width:min(100%,290px);min-height:clamp(140px,42vw,172px);border:0;border-radius:32px;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.72),transparent 30%),linear-gradient(180deg,#e3c8ecf5,#d8b4e2eb 46%,#ffe3cdf0);color:var(--ink);display:grid;place-items:center;gap:12px;padding:22px 20px 18px;position:relative;overflow:hidden;box-shadow:0 18px 34px #5d534a24,inset 0 0 0 1px #ffffff61,inset 0 -24px 40px #ffffff24;transform:translateY(-2px);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;animation:workshop-cta-breathe 4.8s ease-in-out infinite}.workshop-canvas__camera:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22px 24px,rgba(255,255,255,.34) 0 2px,transparent 3px),radial-gradient(circle at 52px 18px,rgba(255,255,255,.24) 0 1px,transparent 2px),radial-gradient(circle at 72% 32%,rgba(255,255,255,.26) 0 2px,transparent 3px),radial-gradient(circle at 84% 18%,rgba(255,255,255,.16) 0 1px,transparent 2px),linear-gradient(135deg,rgba(255,255,255,.14) 0%,transparent 22%,transparent 78%,rgba(255,255,255,.1) 100%);opacity:.58;pointer-events:none}.workshop-canvas__camera:after{content:"";position:absolute;inset:14px;border-radius:24px;border:1px dashed rgba(255,255,255,.2);pointer-events:none}.workshop-canvas__camera:hover{transform:translateY(-5px) scale(1.01);filter:saturate(1.02)}.workshop-canvas__camera:active{transform:translateY(-1px) scale(.982);box-shadow:0 12px 24px #5d534a1c,inset 0 0 0 1px #ffffff57;animation-play-state:paused}.workshop-canvas__camera-icon{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;position:relative;background:#ffffff47;box-shadow:inset 0 0 0 1px #ffffff2e;z-index:1}.workshop-canvas__camera-icon--handdrawn:before,.workshop-canvas__camera-icon--handdrawn:after{content:"";position:absolute;border-radius:999px;border:2px solid rgba(106,78,105,.82)}.workshop-canvas__camera-icon--handdrawn:before{width:24px;height:16px;left:16px;top:22px;border-radius:6px 8px 10px;transform:rotate(-4deg);background:#ffffff3d}.workshop-canvas__camera-icon--handdrawn:after{width:10px;height:10px;right:13px;top:24px;background:#ffffff75;box-shadow:0 0 0 2px #6a4e69d1 inset}.workshop-canvas__camera-lens,.workshop-canvas__camera-flash{position:absolute;display:block}.workshop-canvas__camera-lens{width:14px;height:14px;left:23px;top:24px;border-radius:999px;border:2px solid rgba(106,78,105,.82);background:#ffffff73}.workshop-canvas__camera-flash{width:8px;height:5px;right:17px;top:18px;border-radius:2px 4px 3px 2px;background:#6a4e69d1;transform:rotate(-10deg)}.workshop-canvas__label{display:block;z-index:1;font-size:24px;font-weight:800;color:#6a4e69;letter-spacing:.03em}.workshop-canvas__camera--cta{align-content:center}.workshop-canvas__camera--cta .workshop-canvas__camera-copy{display:grid;gap:4px;text-align:center;z-index:1}.workshop-canvas__camera-copy-title{font-size:24px;font-weight:800;color:#6a4e69;letter-spacing:.03em}.workshop-canvas__camera-copy-subtitle{font-size:12px;color:#5d534ab3}.workshop-canvas__camera-glow,.workshop-canvas__camera-orb{position:absolute;border-radius:999px;pointer-events:none}.workshop-canvas__camera-glow{inset:auto -20% -32%;height:72px;background:radial-gradient(circle,#ffffff6b,#fff0 72%)}.workshop-canvas__camera-orb--left{width:18px;height:18px;left:18px;top:18px;background:#ffffff6b}.workshop-canvas__camera-orb--right{width:26px;height:26px;right:18px;top:20px;background:#ffffff38}@keyframes workshop-cta-breathe{0%,to{transform:translateY(-2px) scale(1)}50%{transform:translateY(-5px) scale(1.012)}}.workshop-canvas__loading{display:grid;place-items:center;min-height:360px;color:var(--accent-strong);font-weight:800}.workshop-canvas__switcher,.workshop-canvas__panel{position:absolute;inset:0}.workshop-canvas__panel--fade-in{animation:workshop-fade-in .22s ease-out}.workshop-canvas__generating-overlay{position:absolute;inset:0;z-index:7;overflow:hidden;pointer-events:none;display:grid;place-items:center;background:linear-gradient(180deg,#fdfbf770,#ffffffad),radial-gradient(circle at 18% 12%,rgba(216,180,226,.24),transparent 36%),radial-gradient(circle at 84% 20%,rgba(181,234,215,.24),transparent 38%);-webkit-backdrop-filter:blur(1.5px) saturate(.92);backdrop-filter:blur(1.5px) saturate(.92);animation:workshop-fade-in .18s ease-out}.admin-page{min-height:100vh;padding:22px clamp(14px,3vw,32px) 36px;background:#f6f7f4;color:#26312d;display:grid;align-content:start;gap:18px}.admin-header{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;max-width:1180px;width:100%;margin:0 auto}.admin-header__back,.admin-header__refresh,.admin-header__logout,.admin-tabs button,.admin-filters button,.admin-panel button,.admin-row-actions button,.admin-gallery-card__title-row button,.admin-denied button,.admin-login-form button{border:1px solid rgba(38,49,45,.12);background:#fff;color:#26312d;min-height:38px;border-radius:8px;padding:0 14px;font-weight:800;cursor:pointer}.admin-header__back{width:42px;padding:0;font-size:20px}.admin-header__actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.admin-header__logout{background:#fff7f5;border-color:#bf3d2c3d;color:#9f2f22}.admin-header__logout:disabled,.admin-login-form button:disabled{opacity:.55;cursor:not-allowed}.admin-header span{display:block;color:#5a6a63;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-header h1{margin:2px 0 0;font-size:clamp(24px,3vw,34px);line-height:1.1;color:#1f2a26}.admin-tabs{max-width:1180px;width:100%;margin:0 auto;display:flex;gap:8px;padding:4px;border:1px solid rgba(38,49,45,.1);border-radius:10px;background:#ffffffb8}.admin-tabs button{flex:1;border:0;background:transparent;color:#5d6a65}.admin-tabs button.is-active{background:#26312d;color:#fff}.admin-section{max-width:1180px;width:100%;margin:0 auto;display:grid;gap:14px}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-metric,.admin-panel,.admin-gallery-card,.admin-user-card,.admin-audit-card,.admin-login-panel,.admin-state,.admin-denied,.admin-error{border:1px solid rgba(38,49,45,.1);background:#fff;border-radius:8px;box-shadow:0 12px 30px #1f2a260f}.admin-metric{padding:18px;display:grid;gap:6px}.admin-metric span,.admin-panel p,.admin-gallery-card__meta,.admin-user-card__head span,.admin-user-card__stats,.admin-audit-card__meta{color:#65736e;font-size:13px;line-height:1.5}.admin-metric strong{color:#1f2a26;font-size:clamp(28px,5vw,42px);line-height:1}.admin-metric p{margin:0;color:#65736e;font-size:12px}.admin-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-panel{padding:20px;display:grid;gap:10px;align-content:start}.admin-panel h2{margin:0;font-size:18px;color:#26312d}.admin-panel p{margin:0}.admin-panel button{justify-self:start;background:#0f766e;border-color:#0f766e;color:#fff}.admin-login-panel{width:min(100%,520px);margin:clamp(42px,12vh,120px) auto 0;padding:24px;display:grid;gap:18px}.admin-login-panel .admin-header__back{justify-self:start}.admin-login-panel h1{margin:4px 0 8px;font-size:clamp(26px,5vw,36px);color:#1f2a26}.admin-login-panel p{margin:0;color:#65736e;line-height:1.65}.admin-login-form{display:grid;gap:12px}.admin-login-form label{display:grid;gap:6px;color:#65736e;font-size:13px;font-weight:800}.admin-login-form input{width:100%;min-height:42px;border:1px solid rgba(38,49,45,.14);border-radius:8px;background:#fff;color:#26312d;padding:8px 10px;font:inherit;outline:none}.admin-login-form button{background:#26312d;border-color:#26312d;color:#fff}.admin-filters{display:grid;grid-template-columns:150px 150px minmax(180px,1fr) auto;gap:10px}.admin-filters--audit{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(160px,1fr) auto}.admin-filters select,.admin-filters input,.admin-gallery-card input,.admin-gallery-card textarea,.admin-gallery-card select,.admin-user-card input,.admin-user-card select{width:100%;min-height:38px;border:1px solid rgba(38,49,45,.14);border-radius:8px;background:#fff;color:#26312d;padding:8px 10px;font:inherit;outline:none}.admin-gallery-card textarea{resize:vertical;min-height:66px}.admin-filters button,.admin-row-actions button:first-child{background:#26312d;border-color:#26312d;color:#fff}.admin-list-head{display:flex;justify-content:space-between;align-items:center;color:#26312d;font-size:14px}.admin-list-head span{color:#65736e;font-weight:700}.admin-gallery-list,.admin-user-list,.admin-audit-list{display:grid;gap:12px}.admin-gallery-card{display:grid;grid-template-columns:164px minmax(0,1fr);overflow:hidden}.admin-gallery-card__media{position:relative;min-height:190px;background:#e7ece8;display:grid;place-items:center}.admin-gallery-card__media img{width:100%;height:100%;object-fit:cover}.admin-gallery-card__body,.admin-user-card__body{padding:14px;display:grid;gap:10px}.admin-gallery-card__title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.admin-gallery-card__title-row input{font-size:17px;font-weight:800}.admin-gallery-card__meta,.admin-user-card__stats{display:flex;gap:8px;flex-wrap:wrap}.admin-gallery-card__meta span,.admin-user-card__stats span{padding:4px 8px;background:#eef2ef;border-radius:6px}.admin-edit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.admin-edit-grid--users{grid-template-columns:1.3fr 1fr 1fr 1fr}.admin-edit-grid label,.admin-wide-field{display:grid;gap:5px}.admin-edit-grid span,.admin-wide-field span{color:#65736e;font-size:12px;font-weight:800}.admin-row-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-row-actions button:disabled{opacity:.5;cursor:not-allowed}.admin-row-actions button.is-danger{background:#fff7f5;border-color:#bf3d2c3d;color:#a33a2e}.admin-badge{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900;line-height:1}.admin-gallery-card__media .admin-badge{position:absolute;left:10px;top:10px;box-shadow:0 4px 16px #1f2a262e}.admin-badge.is-pending_review{background:#fff0c2;color:#7a4d00}.admin-badge.is-published,.admin-badge.is-user-active{background:#ddf7eb;color:#0c6b4a}.admin-badge.is-rejected,.admin-badge.is-user-disabled{background:#ffe1dc;color:#9f2f22}.admin-badge.is-offline,.admin-badge.is-draft,.admin-badge.is-user-deleted{background:#e8ece9;color:#4d5d56}.admin-badge.is-audit-success{background:#ddf7eb;color:#0c6b4a}.admin-badge.is-audit-failure,.admin-badge.is-audit-denied{background:#ffe1dc;color:#9f2f22}.admin-audit-card{padding:16px;display:grid;gap:12px}.admin-audit-card__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.admin-audit-card__head strong,.admin-audit-card__head span{display:block;overflow-wrap:anywhere}.admin-audit-card__head strong{color:#26312d}.admin-audit-card__meta{display:flex;flex-wrap:wrap;gap:8px}.admin-audit-card__meta span{padding:4px 8px;background:#eef2ef;border-radius:6px;overflow-wrap:anywhere}.admin-audit-card__details{border-top:1px solid rgba(38,49,45,.1);padding-top:10px}.admin-audit-card__details summary{cursor:pointer;color:#26312d;font-weight:800}.admin-audit-card__details pre{margin:10px 0 0;max-height:280px;overflow:auto;padding:12px;border-radius:8px;background:#18211e;color:#e9f0ec;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.admin-user-card{display:grid;grid-template-columns:56px minmax(0,1fr);padding:14px;gap:12px}.admin-user-card__avatar{width:56px;height:56px;border-radius:8px;background:#d9e5df;color:#26312d;display:grid;place-items:center;font-weight:900;overflow:hidden}.admin-user-card__avatar img{width:100%;height:100%;object-fit:cover}.admin-user-card__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.admin-user-card__head div{min-width:0}.admin-user-card__head strong{display:block;color:#26312d;overflow-wrap:anywhere}.admin-user-card__head span{overflow-wrap:anywhere}.admin-state,.admin-denied,.admin-error{padding:18px}.admin-state,.admin-denied{color:#65736e}.admin-error{background:#fff7f5;border-color:#bf3d2c38;color:#9f2f22}.admin-denied{max-width:520px;margin:20vh auto 0;display:grid;gap:12px}.admin-denied p{margin:0}@media(max-width:860px){.admin-metrics,.admin-overview-grid,.admin-edit-grid,.admin-edit-grid--users,.admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filters--audit{grid-template-columns:1fr}}@media(max-width:620px){.admin-page{padding:14px 12px 28px}.admin-header{grid-template-columns:38px 1fr}.admin-header__actions{grid-column:1 / -1;justify-content:stretch}.admin-header__actions button{flex:1}.admin-tabs,.admin-filters,.admin-metrics,.admin-overview-grid,.admin-edit-grid,.admin-edit-grid--users,.admin-gallery-card,.admin-user-card{grid-template-columns:1fr}.admin-tabs{display:grid}.admin-gallery-card__media{min-height:220px}}.workshop-canvas__generating-overlay:before{content:"";position:absolute;left:0;right:0;top:-64px;height:64px;z-index:1;background:linear-gradient(to bottom,transparent,rgba(216,180,226,.52),rgba(181,234,215,.42),transparent);box-shadow:0 0 28px #d8b4e242;animation:workshop-generating-scan 2.4s linear infinite}.workshop-canvas__generating-overlay:after{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(to right,rgba(197,147,212,.16) 1px,transparent 1px),linear-gradient(to bottom,rgba(109,196,168,.14) 1px,transparent 1px),radial-gradient(circle at 2px 2px,rgba(255,218,193,.4) 1.5px,transparent 0);background-size:18px 18px,18px 18px,36px 36px;opacity:.62;animation:workshop-generating-grid 1.8s ease-in-out infinite}.workshop-canvas__generating-card{position:relative;z-index:3;width:min(calc(100% - 48px),260px);display:grid;justify-items:center;gap:4px;padding:14px 16px 15px;border-radius:24px;background:#ffffffe0;border:1px solid rgba(216,180,226,.38);box-shadow:0 16px 36px #5d534a21,inset 0 1px #ffffffd1;color:var(--ink);text-align:center}.workshop-canvas__generating-card strong{font-family:var(--font-title);font-size:20px;line-height:1.2;color:#6a4e69;letter-spacing:.02em}.workshop-canvas__generating-card span:last-child{font-size:12px;font-weight:700;line-height:1.4;color:#5d534aad}.workshop-canvas__generating-kicker{font-size:10px;font-weight:900;line-height:1.2;letter-spacing:.16em;color:var(--accent-strong)}.workshop-canvas__generating-progress{position:absolute;left:18px;right:18px;bottom:18px;z-index:3;height:8px;border-radius:999px;overflow:hidden;background:#ffffffb8;border:1px solid rgba(216,180,226,.28);box-shadow:inset 0 1px 2px #5d534a0f}.workshop-canvas__generating-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d8b4e2,#b5ead7,#ffdac1);animation:workshop-generating-bar 2.2s ease-in-out infinite}@keyframes workshop-generating-scan{to{top:110%}}@keyframes workshop-generating-grid{0%,to{opacity:.5}50%{opacity:.74}}@keyframes workshop-generating-bar{0%{transform:translate(-110%)}55%{transform:translate(120%)}to{transform:translate(260%)}}@media(prefers-reduced-motion:reduce){.workshop-canvas__generating-overlay,.workshop-canvas__generating-overlay:before,.workshop-canvas__generating-overlay:after,.workshop-canvas__generating-progress span{animation:none}.workshop-canvas__generating-overlay:before{top:44%}.workshop-canvas__generating-progress span{width:100%;transform:none}}.app-loading-overlay{position:fixed;inset:0;z-index:1800;display:grid;place-items:center;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);background:linear-gradient(180deg,#fdfbf7d1,#ffffffc2),linear-gradient(to right,rgba(216,180,226,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(181,234,215,.08) 1px,transparent 1px);background-size:auto,18px 18px,18px 18px;-webkit-backdrop-filter:blur(6px) saturate(.94);backdrop-filter:blur(6px) saturate(.94);pointer-events:auto;animation:app-loading-overlay-in .2s ease-out}.app-loading-overlay--modal{position:absolute;z-index:12;border-radius:inherit;padding:18px;background:linear-gradient(180deg,#fdfbf7e6,#ffffffd1),linear-gradient(to right,rgba(216,180,226,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(181,234,215,.08) 1px,transparent 1px);background-size:auto,18px 18px,18px 18px}.app-loading-overlay__card{width:min(calc(100vw - 32px),292px);display:grid;justify-items:center;gap:10px;padding:22px 20px 20px;border-radius:24px;background:#ffffffeb;border:1px solid rgba(216,180,226,.42);box-shadow:0 18px 42px #5d534a24,0 4px 18px #d8b4e22e;color:var(--ink);text-align:center}.app-loading-overlay--modal .app-loading-overlay__card{width:min(100%,270px)}.app-loading-overlay__beads{position:relative;width:78px;height:78px}.app-loading-overlay__beads:before{content:"";position:absolute;inset:26px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 2px #d8b4e22e,0 4px 12px #5d534a14}.app-loading-overlay__bead{--bead-angle: 0deg;--bead-delay: 0s;position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:999px;background:#d8b4e2;box-shadow:inset 0 2px 3px #ffffff9e,0 3px 8px #5d534a1f;transform:translate(-50%,-50%) rotate(var(--bead-angle)) translateY(-30px) scale(.74);animation:app-loading-bead 1.2s ease-in-out infinite;animation-delay:var(--bead-delay)}.app-loading-overlay__bead:nth-child(1){--bead-angle: 0deg;--bead-delay: 0s;background:#d8b4e2}.app-loading-overlay__bead:nth-child(2){--bead-angle: 45deg;--bead-delay: .08s;background:#b5ead7}.app-loading-overlay__bead:nth-child(3){--bead-angle: 90deg;--bead-delay: .16s;background:#ffdac1}.app-loading-overlay__bead:nth-child(4){--bead-angle: 135deg;--bead-delay: .24s;background:#c7dff7}.app-loading-overlay__bead:nth-child(5){--bead-angle: 180deg;--bead-delay: .32s;background:#edd9f5}.app-loading-overlay__bead:nth-child(6){--bead-angle: 225deg;--bead-delay: .4s;background:#b5ead7}.app-loading-overlay__bead:nth-child(7){--bead-angle: 270deg;--bead-delay: .48s;background:#f4b8bb}.app-loading-overlay__bead:nth-child(8){--bead-angle: 315deg;--bead-delay: .56s;background:#d8b4e2}.app-loading-overlay__copy{display:grid;justify-items:center;gap:4px}.app-loading-overlay__eyebrow{color:var(--accent-strong);font-size:10px;font-weight:900;line-height:1.2;letter-spacing:.16em}.app-loading-overlay__copy strong{font-family:var(--font-title);color:#6a4e69;font-size:21px;line-height:1.2}.app-loading-overlay__copy p{max-width:230px;color:#5d534aad;font-size:12px;font-weight:700;line-height:1.45}.app-loading-overlay__bar{width:100%;height:8px;border-radius:999px;overflow:hidden;background:#d8b4e224;border:1px solid rgba(216,180,226,.24);box-shadow:inset 0 1px 2px #5d534a0d}.app-loading-overlay__bar span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d8b4e2,#b5ead7,#ffdac1);animation:app-loading-bar 1.45s ease-in-out infinite}@keyframes app-loading-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes app-loading-bead{0%,to{opacity:.42;transform:translate(-50%,-50%) rotate(var(--bead-angle)) translateY(-30px) scale(.74)}45%{opacity:1;transform:translate(-50%,-50%) rotate(var(--bead-angle)) translateY(-30px) scale(1.12)}}@keyframes app-loading-bar{0%{transform:translate(-120%)}60%{transform:translate(120%)}to{transform:translate(260%)}}@media(prefers-reduced-motion:reduce){.app-loading-overlay,.app-loading-overlay__bead,.app-loading-overlay__bar span{animation:none}.app-loading-overlay__bead{opacity:1;transform:translate(-50%,-50%) rotate(var(--bead-angle)) translateY(-30px)}.app-loading-overlay__bar span{width:100%;transform:none}}.workshop-canvas__viewport-shell{--crop-frame-outset: 7px;position:absolute;inset:var(--crop-frame-outset);touch-action:none}.workshop-canvas__viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;border-radius:0;background-color:#f3f1ec;background-image:linear-gradient(45deg,#E4DFD6 25%,transparent 25%),linear-gradient(-45deg,#E4DFD6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#E4DFD6 75%),linear-gradient(-45deg,transparent 75%,#E4DFD6 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0px}.workshop-canvas__image{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:none;max-height:none;transform-origin:center center;border-radius:0;background:transparent;pointer-events:none}.workshop-canvas__pattern{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;background:#fff}.workshop-canvas__pattern-canvas{width:auto;height:auto;max-width:100%;max-height:100%;display:block;justify-self:center;align-self:center;background:#fff;touch-action:none}.workshop-canvas__pattern-tooltip{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:10px;max-width:calc(100% - 28px);padding:10px 12px;border-radius:16px;background:#fffffff5;border:1px solid rgba(93,83,74,.1);box-shadow:0 10px 22px #5d534a1f;pointer-events:none;transform:translate(-50%,calc(-100% - 12px))}.workshop-canvas__pattern-tooltip.is-below{transform:translate(-50%,12px)}.workshop-canvas__pattern-tooltip-swatch{width:18px;height:18px;border-radius:6px;border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px #5d534a24;flex:none}.workshop-canvas__pattern-tooltip strong{font-size:14px;color:var(--ink)}.workshop-canvas__pattern-tooltip.is-pinned{background:#f8f4fffa;border-color:#c593d438}.workshop-canvas__pattern-meta{width:100%;justify-self:stretch;display:flex;justify-content:space-between;gap:8px;padding:12px 14px;background:#fffffff0;border-top:1px solid rgba(93,83,74,.08);color:#5d534ab8;font-size:12px;font-weight:700}.workshop-canvas__center-notice{position:absolute;left:50%;top:50%;z-index:8;transform:translate(-50%,-50%);max-width:calc(100% - 48px);padding:14px 18px;border-radius:24px;background:linear-gradient(180deg,#fffffff5,#fdfbf7f0),radial-gradient(circle at 18% 12%,rgba(216,180,226,.26),transparent 46%);color:#5d534a;border:1px solid rgba(216,180,226,.38);box-shadow:0 18px 42px #5d534a24,inset 0 1px #ffffffbd;font-family:var(--font-title);font-size:15px;font-weight:800;text-align:center;white-space:nowrap;letter-spacing:.02em;pointer-events:none;animation:workshop-fade-in .18s ease-out}.workshop-canvas__crop-frame{--crop-frame-line: rgba(255, 255, 255, .92);--crop-frame-shadow: rgba(70, 38, 86, .78);--crop-frame-corner: #fff7ff;position:absolute;inset:calc(-1 * var(--crop-frame-outset));border:1px solid var(--crop-frame-line);box-shadow:inset 0 0 0 1px #46265657,0 0 0 1px #ffffff47;border-radius:0;pointer-events:none}.workshop-canvas__crop-frame:before,.workshop-canvas__crop-frame:after{content:"";position:absolute;inset:0;pointer-events:none}.workshop-canvas__crop-frame:before{inset:var(--crop-frame-outset);background:linear-gradient(to right,transparent 0 calc(33.333% - .5px),rgba(255,255,255,.42) calc(33.333% - .5px) calc(33.333% + .5px),transparent calc(33.333% + .5px) calc(66.666% - .5px),rgba(255,255,255,.42) calc(66.666% - .5px) calc(66.666% + .5px),transparent calc(66.666% + .5px) 100%),linear-gradient(to bottom,transparent 0 calc(33.333% - .5px),rgba(255,255,255,.42) calc(33.333% - .5px) calc(33.333% + .5px),transparent calc(33.333% + .5px) calc(66.666% - .5px),rgba(255,255,255,.42) calc(66.666% - .5px) calc(66.666% + .5px),transparent calc(66.666% + .5px) 100%);filter:drop-shadow(0 0 1px rgba(70,38,86,.72))}.workshop-canvas__crop-frame:after{background:linear-gradient(var(--crop-frame-corner),var(--crop-frame-corner)) left top / 42px 3px no-repeat,linear-gradient(var(--crop-frame-corner),var(--crop-frame-corner)) left top / 3px 42px no-repeat,linear-gradient(var(--crop-frame-corner),var(--crop-frame-corner)) right top / 42px 3px no-repeat,linear-gradient(var(--crop-frame-corner),var(--crop-frame-corner)) right top / 3px 42px no-repeat,linear-gradient(var(--crop-frame-corner),var(--crop-frame-corner)) left bottom / 42px 3px no-repeat,linear-gradient(var(--crop-frame-corner),var(--crop-frame-corner)) left bottom / 3px 42px no-repeat,linear-gradient(var(--crop-frame-corner),var(--crop-frame-corner)) right bottom / 42px 3px no-repeat,linear-gradient(var(--crop-frame-corner),var(--crop-frame-corner)) right bottom / 3px 42px no-repeat,linear-gradient(var(--crop-frame-shadow),var(--crop-frame-shadow)) left top / 46px 7px no-repeat,linear-gradient(var(--crop-frame-shadow),var(--crop-frame-shadow)) left top / 7px 46px no-repeat,linear-gradient(var(--crop-frame-shadow),var(--crop-frame-shadow)) right top / 46px 7px no-repeat,linear-gradient(var(--crop-frame-shadow),var(--crop-frame-shadow)) right top / 7px 46px no-repeat,linear-gradient(var(--crop-frame-shadow),var(--crop-frame-shadow)) left bottom / 46px 7px no-repeat,linear-gradient(var(--crop-frame-shadow),var(--crop-frame-shadow)) left bottom / 7px 46px no-repeat,linear-gradient(var(--crop-frame-shadow),var(--crop-frame-shadow)) right bottom / 46px 7px no-repeat,linear-gradient(var(--crop-frame-shadow),var(--crop-frame-shadow)) right bottom / 7px 46px no-repeat}.workshop-canvas__crop-grid{position:absolute;inset:var(--crop-frame-outset);background-image:linear-gradient(to right,rgba(70,38,86,.16) 1px,transparent 1px),linear-gradient(to bottom,rgba(70,38,86,.16) 1px,transparent 1px);background-size:33.333% 100%,100% 33.333%;border-radius:0;mix-blend-mode:multiply}.workshop-canvas__crop-hint{position:absolute;left:16px;bottom:16px;padding:8px 12px;border-radius:999px;background:#ffffffdb;color:var(--accent-strong);font-size:12px;font-weight:700}.workshop-canvas__actions{position:absolute;right:14px;bottom:14px;display:flex;gap:10px}.workshop-canvas__action{width:48px;height:48px;border:0;border-radius:18px;background:#ffffffeb;color:var(--accent-strong);display:grid;place-items:center;box-shadow:0 14px 24px #5d534a26}.workshop-canvas__action span{font-size:20px}.workshop-home-entry{display:grid;gap:14px}.workshop-home-entry__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-inline:clamp(6px,1.8vw,12px)}.workshop-home-entry-card{position:relative;min-height:116px;border:1px solid rgba(255,255,255,.88);border-radius:20px;padding:20px 16px 18px;display:grid;align-content:end;justify-items:start;text-align:left;color:#2f2a25;cursor:pointer;overflow:hidden;isolation:isolate;box-shadow:0 10px 18px #5d534a1f,0 2px 4px #5d534a14,inset 0 1px #ffffffe0,inset 0 -12px 24px #ffffff2e;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.workshop-home-entry-card:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle at 1px 1px,rgba(93,83,74,.08) 1px,transparent 0),radial-gradient(circle at 82% 26%,rgba(255,255,255,.92) 0 2px,transparent 3px),radial-gradient(circle at 90% 36%,rgba(255,255,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 68% 74%,rgba(255,255,255,.58) 0 1px,transparent 2px);background-size:12px 12px,auto,auto,auto;opacity:.7;pointer-events:none}.workshop-home-entry-card:after{content:"";position:absolute;left:54%;bottom:18px;z-index:-1;width:58px;height:22px;border-bottom:1.5px dashed rgba(205,137,79,.28);border-radius:0 0 999px 999px;transform:rotate(-4deg);pointer-events:none}.workshop-home-entry-card:hover:not(:disabled){transform:translateY(-3px);filter:saturate(1.03);box-shadow:0 14px 24px #5d534a24,0 4px 8px #5d534a14,inset 0 1px #ffffffeb,inset 0 -12px 24px #fff3}.workshop-home-entry-card:active:not(:disabled){transform:scale(.98)}.workshop-home-entry-card:disabled,.workshop-home-import:disabled{cursor:not-allowed;opacity:.58}.workshop-home-entry-card--ai{background:linear-gradient(145deg,#e2f6e8fa,#c4ecd1fa)}.workshop-home-entry-card--canvas{background:linear-gradient(145deg,#ffeed8fa,#ffdabffa)}.workshop-home-entry-card__icon{position:absolute;left:16px;top:14px;width:54px;height:54px;display:grid;place-items:center;font-size:28px;line-height:1;z-index:1}.workshop-home-entry-card__icon img{width:100%;height:100%;display:block;object-fit:contain}.workshop-home-entry-card__copy{display:grid;gap:4px;min-width:0;padding-right:44px;position:relative;z-index:1}.workshop-home-entry-card__copy strong{font-size:18px;line-height:1.2;font-weight:900}.workshop-home-entry-card__copy span{font-size:13px;line-height:1.3;color:#5d534a8f;font-weight:700}.workshop-home-entry-card__arrow{position:absolute;right:14px;bottom:14px;z-index:1;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:900;line-height:1;box-shadow:0 6px 12px #5d534a29,inset 0 1px #ffffff59}.workshop-home-entry-card--ai .workshop-home-entry-card__arrow{background:#80d39e}.workshop-home-entry-card--canvas .workshop-home-entry-card__arrow{background:#ff9f43}.workshop-home-import{min-height:56px;border:1px solid rgba(93,83,74,.08);border-radius:16px;padding:10px 16px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;text-align:left;background:#fffffff5;color:var(--ink);box-shadow:0 10px 22px #5d534a12;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.workshop-home-import:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #5d534a1a}.workshop-home-import--placeholder{background:#ffffffd1}.workshop-home-import--placeholder .workshop-home-import__arrow{font-size:12px;font-weight:900;color:#5d534a85}.workshop-home-import__icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f0e2ff;color:#b77de7;font-size:20px;line-height:1}.workshop-home-import--inventory .workshop-home-import__icon{background:#e5f7ef;color:#44a77c}.workshop-home-import__copy{display:grid;gap:2px;min-width:0}.workshop-home-import__copy strong{font-size:16px;line-height:1.2;font-weight:900}.workshop-home-import__copy span{color:#5d534a7a;font-size:12px;line-height:1.2;font-weight:700}.workshop-home-import__arrow{color:#1f1c19;font-size:28px;line-height:1}.workshop-home-dev-toast{position:fixed;left:50%;bottom:var(--fixed-action-bottom);transform:translate(-50%,8px);z-index:45;max-width:min(320px,calc(100vw - 32px));padding:10px 14px;border-radius:999px;background:#5d534aeb;color:#fff;font-size:14px;font-weight:800;line-height:1.35;text-align:center;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.workshop-home-dev-toast--show{opacity:1;transform:translate(-50%)}.inventory-page{display:grid;gap:14px;padding-bottom:18px;min-width:0}.inventory-page__header{display:flex;align-items:center;gap:12px}.inventory-page__header p{margin:0 0 2px;color:var(--accent-strong);font-size:12px;font-weight:800}.inventory-page__header h1{margin:0;font-size:24px;line-height:1.15}.inventory-page__back{width:42px;height:42px;border:0;border-radius:14px;background:#fff;color:var(--ink);font-size:30px;line-height:1;box-shadow:0 8px 18px #5d534a14}.inventory-sync-panel{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px;border-radius:18px;background:#fff8e7;border:1px solid rgba(224,173,75,.24);box-shadow:0 8px 18px #5d534a0a}.inventory-sync-panel.is-remote{background:#edf8f4;border-color:#44a77c38}.inventory-sync-panel div{min-width:0}.inventory-sync-panel strong,.inventory-sync-panel span{display:block}.inventory-sync-panel strong{font-size:13px;line-height:1.2}.inventory-sync-panel span{margin-top:3px;color:#5d534a9e;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-sync-panel button{min-height:36px;border:0;border-radius:12px;padding:0 12px;background:var(--ink);color:#fff;font-weight:900;white-space:nowrap}.inventory-sync-panel__actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.inventory-sync-panel__actions button+button{background:#5d534a14;color:#5d534ab8}.inventory-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.inventory-summary__item{min-width:0;border-radius:18px;padding:14px 12px;background:#fff;border:1px solid rgba(93,83,74,.06);box-shadow:0 8px 18px #5d534a0a}.inventory-summary__item span{display:block;color:#5d534a8f;font-size:12px;font-weight:800}.inventory-summary__item strong{display:block;margin-top:4px;font-size:20px;line-height:1.15}.inventory-editor,.inventory-list-section{border-radius:22px;background:#fffffff5;border:1px solid rgba(93,83,74,.06);box-shadow:0 10px 24px #5d534a0d}.inventory-editor{padding:14px}.inventory-form{display:grid;gap:12px}.inventory-form__topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.inventory-form__topline h2{margin:0;font-size:18px;line-height:1.2}.inventory-form__topline p{margin-top:3px;color:#5d534a94;font-size:12px;font-weight:800}.inventory-form__swatch{width:46px;height:46px;flex:none;border-radius:999px;box-shadow:inset 0 0 0 1px #5d534a14,0 8px 18px #5d534a14}.inventory-form__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.inventory-field{display:grid;gap:6px;min-width:0}.inventory-field span{color:#5d534a99;font-size:12px;font-weight:800}.inventory-field input,.inventory-field select,.inventory-filterbar input,.inventory-filterbar select{width:100%;min-height:42px;border:1px solid rgba(93,83,74,.1);border-radius:14px;padding:0 12px;background:#fdfbf7;color:var(--ink);outline:none}.inventory-field input:focus,.inventory-field select:focus,.inventory-filterbar input:focus,.inventory-filterbar select:focus{border-color:#c593d48c;box-shadow:0 0 0 3px #d8b4e22e}.inventory-favorite-toggle{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:#5d534aad;font-size:13px;font-weight:800}.inventory-favorite-toggle input{accent-color:var(--accent-strong)}.inventory-message{color:var(--accent-strong);font-size:12px;font-weight:800}.inventory-form__actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.inventory-primary-button,.inventory-secondary-button{min-height:42px;border:0;border-radius:16px;padding:0 16px;font-weight:900}.inventory-primary-button{background:var(--accent);color:#fff;box-shadow:0 10px 20px #d8b4e247}.inventory-primary-button:disabled,.inventory-sync-panel button:disabled{cursor:not-allowed;opacity:.6}.inventory-secondary-button{background:#5d534a0f;color:#5d534ab8}.inventory-list-section{display:grid;gap:10px;padding:12px}.inventory-filterbar{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:center}.inventory-filterbar__favorite{min-height:42px;border:1px solid rgba(93,83,74,.08);border-radius:14px;padding:0 12px;background:#fff;color:#5d534aa3;font-weight:900}.inventory-filterbar__favorite.is-active{background:#e5f7ef;color:#338864;border-color:#44a77c40}.inventory-list{display:grid;gap:10px}.inventory-item{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border-radius:18px;background:#fff;border:1px solid rgba(93,83,74,.05)}.inventory-item__swatch{width:42px;height:42px;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff80}.inventory-item__body{min-width:0;display:grid;gap:2px}.inventory-item__body strong{font-size:15px;line-height:1.2}.inventory-item__body p,.inventory-item__body span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5d534a94;font-size:12px}.inventory-item__actions{display:flex;align-items:center;gap:6px;grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap}.inventory-item__actions button,.inventory-item__favorite{border:0;border-radius:12px;padding:7px 9px;background:#5d534a0f;color:#5d534ab3;font-size:12px;font-weight:900;white-space:nowrap}.inventory-item__favorite{background:#e5f7ef;color:#338864}.inventory-empty{padding:18px 12px;border-radius:16px;background:#5d534a0a;color:#5d534a9e;font-size:13px;font-weight:800;text-align:center}.workshop-toolbar-surface{padding:10px 12px;display:grid;gap:8px;background:linear-gradient(180deg,#fffffffa,#fdfbf7f5);border:1px solid rgba(216,180,226,.45);box-shadow:0 10px 28px #c593d41f}.workshop-toolbar-surface--create,.workshop-toolbar-surface--result{--workshop-tool-icon-height: 50px;--workshop-tool-min-width: 54px;padding:0;background:transparent;border:0;box-shadow:none}.workshop-toolbar-surface .workshop-canvas__toolbar{display:flex;gap:10px;flex-wrap:wrap}.workshop-toolbar-surface .workshop-canvas__tool{border:1px solid rgba(197,147,212,.16);border-radius:999px;padding:8px 12px;background:linear-gradient(180deg,#d8b4e22e,#ffffffeb);color:var(--accent-strong);font-weight:700;box-shadow:0 4px 12px #5d534a0f}.workshop-toolbar-surface--create .workshop-canvas__toolbar,.workshop-toolbar-surface--result .workshop-canvas__toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--workshop-tool-min-width),1fr));gap:8px;min-height:var(--workshop-tool-icon-height);height:auto;grid-auto-rows:var(--workshop-tool-icon-height);align-items:stretch}.workshop-toolbar-surface--create .workshop-canvas__tool,.workshop-toolbar-surface--result .workshop-canvas__tool{height:var(--workshop-tool-icon-height);max-height:var(--workshop-tool-icon-height);min-height:0;border:0;border-radius:0;padding:0;display:grid;justify-items:center;align-content:center;gap:0;background:transparent;color:#5d534ab8;box-shadow:none}.workshop-toolbar-surface--create .workshop-canvas__tool:active:not(:disabled),.workshop-toolbar-surface--result .workshop-canvas__tool:active:not(:disabled){transform:scale(.98)}.workshop-toolbar-surface--create .workshop-canvas__tool:disabled,.workshop-toolbar-surface--result .workshop-canvas__tool:disabled{opacity:.52;box-shadow:none}.workshop-canvas__tool-icon{width:min(100%,76px);height:100%;max-height:var(--workshop-tool-icon-height);object-fit:contain;display:block}.workshop-panel{min-height:0;padding:10px 12px 12px;display:grid;grid-template-rows:auto auto auto auto;gap:8px;align-content:start;background:#fffffffa}.workshop-panel--result{align-self:start;padding-block:10px;grid-template-rows:auto}.workshop-panel__result-content{display:grid;gap:12px}.workshop-bottom-action{display:grid;position:relative;z-index:1}.workshop-bottom-action--standalone{align-self:start}.workshop-panel__hint{color:var(--accent-strong);font-size:12px}.workshop-tags{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:4px;border-radius:18px;background:#5d534a0a;box-shadow:inset 0 0 0 1px #5d534a0a;margin-top:-2px}.workshop-tag{border:0;background:transparent;border-radius:14px;padding:9px 6px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;color:#5d534a8f;min-width:0;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.workshop-tag.is-active{background:#fff;color:var(--ink);box-shadow:0 6px 18px #5d534a14,0 0 0 1px #d8b4e25c inset;transform:translateY(-1px)}.workshop-tag__icon{font-size:14px}.workshop-tag__label{font-size:13px;font-weight:700}.workshop-settings{display:grid;gap:8px;min-height:46px;height:46px;align-items:center;overflow:hidden}.workshop-create-settings-mask{position:fixed;inset:0;z-index:1200;display:grid;align-items:end;background:#5d534a42;pointer-events:auto}.workshop-create-settings-mask.show{opacity:1;pointer-events:auto}.workshop-create-settings-sheet{width:100%;max-width:min(100%,420px);max-height:calc(100dvh - var(--safe-top));margin:0 auto;padding:12px 14px calc(16px + var(--safe-bottom));display:grid;grid-template-rows:auto auto minmax(0,1fr);border-radius:28px 28px 0 0;background:linear-gradient(180deg,#fffdfb,#faf4ee);box-shadow:0 -12px 30px #5d534a24;animation:workshop-fade-in .22s ease-out;position:relative;z-index:1201;overflow:hidden}.workshop-create-settings-sheet.show{opacity:1;pointer-events:auto}.workshop-create-settings-sheet__handle{width:42px;height:4px;border-radius:999px;background:#5d534a24;margin:4px auto 12px}.workshop-create-settings-sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.workshop-create-settings-sheet__head h3{margin:0;font-size:22px;font-family:var(--font-title)}.workshop-create-settings-sheet__close{width:32px;height:32px;border:0;border-radius:999px;background:#5d534a14;color:var(--ink);font-size:20px;line-height:1}.workshop-create-settings-sheet__body{display:grid;gap:10px;min-height:0;max-height:none;overflow:auto;padding-right:2px}.workshop-create-settings-sheet__section{display:grid;gap:10px;padding:14px 14px 12px;border-radius:22px;background:#fff;border:1px solid rgba(93,83,74,.06);box-shadow:0 8px 18px #5d534a0a}.workshop-create-settings-sheet__label{font-size:13px;color:#5d534a9e;font-family:var(--font-title);font-weight:800}.workshop-create-settings-sheet__label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.workshop-create-settings-sheet__text-button{border:0;border-radius:999px;padding:7px 10px;background:#d8b4e229;color:var(--accent-strong);font-size:12px;font-weight:900;cursor:pointer}.workshop-create-settings-sheet__segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border-radius:18px;background:#5d534a0f}.workshop-create-settings-sheet__segmented button{min-height:40px;border:0;border-radius:14px;background:transparent;color:#5d534aa3;font-size:13px;font-weight:800;cursor:pointer}.workshop-create-settings-sheet__segmented button.is-active{background:#fff;color:var(--ink);box-shadow:0 8px 18px #5d534a14,inset 0 0 0 1px #d8b4e280}.workshop-create-settings-sheet__ranges{display:grid;gap:12px}.workshop-create-settings-sheet__range{display:grid;gap:8px}.workshop-create-settings-sheet__range>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.workshop-create-settings-sheet__range strong{color:#5d534ad6;font-size:13px}.workshop-create-settings-sheet__range output{min-width:34px;text-align:right;color:var(--accent-strong);font-size:13px;font-weight:900}.workshop-create-settings-sheet__range input{width:100%;accent-color:#d8b4e2}.workshop-control{display:grid;gap:10px;min-height:0;min-block-size:46px;height:auto;align-content:center}.workshop-control--range{gap:0;min-height:46px;padding-top:0;align-content:center}.workshop-control__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.workshop-control__header strong{font-size:15px;font-family:var(--font-title);letter-spacing:.02em}.workshop-control__header span{font-size:13px;color:var(--accent-strong);font-weight:700}.workshop-control__meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.workshop-control__range-labels{display:none}.workshop-range-stage{--workshop-range-track-height: 22px;--workshop-range-thumb-size: 18px;--workshop-range-preset-dot-size: 12px;position:relative;min-height:42px;padding:15px 0 0}.workshop-range-value{position:absolute;top:0;left:var(--range-percent);transform:translate(-50%);min-width:42px;padding:3px 7px;border-radius:999px;background:#fff;color:var(--accent-strong);font-size:11px;font-weight:800;line-height:1;text-align:center;white-space:nowrap;box-shadow:0 4px 12px #d8b4e23d,inset 0 0 0 1px #d8b4e238;pointer-events:none;z-index:3}.workshop-range-value:after{content:"";position:absolute;left:50%;bottom:-3px;width:7px;height:7px;background:#fff;transform:translate(-50%) rotate(45deg);box-shadow:1px 1px #d8b4e22e}.workshop-range{width:100%;height:var(--workshop-range-track-height);appearance:none;border:0;border-radius:999px;background:linear-gradient(90deg,var(--accent-strong) 0 var(--range-percent),rgba(216,180,226,.24) var(--range-percent) 100%);cursor:pointer;position:relative;z-index:2}.workshop-range:focus-visible{outline:2px solid rgba(197,147,212,.46);outline-offset:3px}.workshop-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:transparent}.workshop-range::-webkit-slider-thumb{appearance:none;width:var(--workshop-range-thumb-size);height:var(--workshop-range-thumb-size);margin-top:calc((6px - var(--workshop-range-thumb-size)) / 2);border-radius:999px;border:3px solid #ffffff;background:linear-gradient(180deg,#dfc0ea 0%,var(--accent) 100%);box-shadow:0 4px 12px #d8b4e275,0 0 0 1px #c593d44d}.workshop-range::-moz-range-track{height:6px;border-radius:999px;background:#d8b4e23d}.workshop-range::-moz-range-progress{height:6px;border-radius:999px;background:var(--accent-strong)}.workshop-range::-moz-range-thumb{width:calc(var(--workshop-range-thumb-size) - 4px);height:calc(var(--workshop-range-thumb-size) - 4px);border-radius:999px;border:3px solid #ffffff;background:var(--accent);box-shadow:0 4px 12px #d8b4e275,0 0 0 1px #c593d44d}.workshop-range-presets{position:absolute;inset:15px 0 auto;height:var(--workshop-range-track-height);pointer-events:none;z-index:4}.workshop-range-preset{position:absolute;left:var(--preset-percent);top:0;transform:translate(-50%);width:30px;height:var(--workshop-range-track-height);border:0;background:transparent;color:#b67bd2;display:grid;justify-items:center;align-content:center;padding:0;font-size:10px;font-weight:800;line-height:1;cursor:pointer;pointer-events:auto}.workshop-range-preset:focus{outline:none}.workshop-range-preset:focus-visible .workshop-range-preset__dot{box-shadow:0 0 0 4px #c593d49e,0 2px 8px #d8b4e257}.workshop-range-preset__dot{width:var(--workshop-range-preset-dot-size);height:var(--workshop-range-preset-dot-size);border-radius:999px;background:#fff;box-shadow:0 0 0 3px #c593d48a,0 2px 8px #d8b4e257}.workshop-range-preset__label{display:none}.workshop-range-preset.is-active{pointer-events:none}.workshop-range-preset.is-active .workshop-range-preset__dot{opacity:0}.workshop-range-preset.is-active .workshop-range-preset__label{background:#d8b4e22e;color:#9b5ebb}.workshop-pill-row{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;min-height:46px;padding-bottom:0;align-items:center}.workshop-pill{border:1px solid #ebe6de;background:#fdfbf7;border-radius:999px;padding:10px 16px;color:#a8a29e;flex:0 0 auto;white-space:nowrap}.workshop-pill.is-active{background:#d8b4e21f;border-color:#c593d438;color:var(--accent-strong)}.workshop-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;background:transparent;padding:0;width:100%;min-width:0;text-align:left}.workshop-result-grid--fade-in{animation:workshop-fade-in .22s ease-out}.workshop-result-card{display:flex;align-items:center;gap:10px;min-width:0;min-height:62px;padding:10px 12px;border-radius:18px;background:#f7f1ea;border:1px solid rgba(93,83,74,.05);box-shadow:0 1px #ffffffbf inset,0 6px 18px #5d534a0a}.workshop-result-card__icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;flex:none}.workshop-result-card__icon span{font-size:18px;line-height:1;color:#8f6f8e}.workshop-result-card__icon--color{background:#efe5f5}.workshop-result-card__icon--color span{color:#c297d1}.workshop-result-card__icon--beads{background:#efe9df}.workshop-result-card__icon--beads span{color:#8d8175;font-weight:800;font-size:16px}.workshop-result-card__body{display:grid;gap:0;min-width:0}.workshop-result-card__body strong{font-size:16px;line-height:1.1;color:var(--ink);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workshop-result-actions{display:grid;gap:12px}.workshop-result-actions__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;min-width:0}.workshop-result-actions__tile{border:0;border-radius:22px;padding:12px 8px 10px;min-height:88px;min-width:0;display:grid;gap:10px;align-content:center;justify-items:center;text-align:center;background:linear-gradient(180deg,#fdfbf7,#fff);border:1px solid rgba(93,83,74,.06);box-shadow:0 10px 22px #5d534a0f;color:var(--ink)}.workshop-result-actions__tile:disabled{opacity:.72;box-shadow:none}.workshop-result-actions__tile--mint{background:linear-gradient(180deg,#b5ead759,#fffffff5)}.workshop-result-actions__tile--lavender{background:linear-gradient(180deg,#d8b4e257,#fffffff5)}.workshop-result-actions__tile--amber{background:linear-gradient(180deg,#ffdac16b,#fffffff5)}.workshop-result-actions__icon{width:38px;height:38px;border-radius:16px;display:grid;place-items:center;font-size:18px;background:#ffffffb8;box-shadow:inset 0 0 0 1px #5d534a0a}.workshop-result-actions__icon--mint{color:#74ba9c}.workshop-result-actions__icon--lavender{color:var(--accent-strong)}.workshop-result-actions__icon--amber{color:#d49a63}.workshop-result-actions__label{max-width:100%;font-size:13px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workshop-stats-sheet__backdrop{position:fixed;inset:0;background:#5d534a42;display:grid;align-items:end;z-index:1200;pointer-events:auto}.workshop-stats-sheet{width:100%;max-width:min(100%,420px);height:min(66.666dvh,calc(100dvh - var(--safe-top)));max-height:min(66.666dvh,calc(100dvh - var(--safe-top)));margin:0 auto;border-radius:28px 28px 0 0;padding:12px 14px calc(16px + var(--safe-bottom));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;position:relative;z-index:1201;box-shadow:0 -12px 30px #5d534a24;background:linear-gradient(180deg,#fffdfb,#faf4ee)}.workshop-stats-sheet__handle{width:42px;height:4px;border-radius:999px;background:#5d534a24;margin:4px auto 12px}.workshop-stats-sheet__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.workshop-stats-sheet__header h3{margin:0;font-size:22px}.workshop-stats-sheet__header p{margin-top:4px;font-size:12px;color:#5d534a9e}.workshop-stats-sheet__close{width:32px;height:32px;border:0;border-radius:999px;background:#5d534a14;color:var(--ink);font-size:20px;line-height:1}.workshop-stats-sheet__inventory-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:10px 12px;border-radius:16px;background:#5d534a0d;color:#5d534aad}.workshop-stats-sheet__inventory-summary.has-inventory{background:#eaf8f2;color:#338864}.workshop-stats-sheet__inventory-summary.has-cleanup-message{background:#d8b4e229;color:var(--accent-strong)}.workshop-stats-sheet__inventory-summary span{font-size:12px;font-weight:900}.workshop-stats-sheet__inventory-summary strong{font-size:12px;font-weight:900;text-align:right}.workshop-stats-sheet__list{min-height:0;max-height:none;overflow:auto;display:grid;gap:10px;padding-right:2px}.workshop-stats-sheet__item-wrap{display:grid;gap:8px}.workshop-stats-sheet__item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-radius:20px;background:#fff;border:1px solid rgba(93,83,74,.05);box-shadow:0 8px 18px #5d534a0a}.workshop-stats-sheet__swatch-button{width:42px;height:42px;border:0;border-radius:999px;padding:0;display:grid;place-items:center;background:transparent}.workshop-stats-sheet__swatch-button:focus-visible{outline:3px solid rgba(216,180,226,.42);outline-offset:3px}.workshop-stats-sheet__swatch{width:100%;height:100%;border-radius:999px;position:relative;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80}.workshop-stats-sheet__swatch-button.is-selected .workshop-stats-sheet__swatch{box-shadow:inset 0 0 0 1px #ffffff80,0 0 0 3px #b48fcc}.workshop-stats-sheet__swatch.is-white,.workshop-stats-sheet__palette-swatch.is-white{border:1px solid #111}.workshop-stats-sheet__meta{display:grid;gap:2px;min-width:0}.workshop-stats-sheet__meta strong{font-size:15px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workshop-stats-sheet__meta span{font-size:11px;color:#5d534a94}.workshop-stats-sheet__count{display:grid;justify-items:end;gap:3px;min-width:78px;color:var(--accent-strong);white-space:nowrap}.workshop-stats-sheet__count strong{font-size:12px;font-weight:900}.workshop-stats-sheet__status{width:fit-content;max-width:124px;overflow:hidden;text-overflow:ellipsis;padding:3px 7px;border-radius:999px;background:#5d534a0f;color:#5d534a94;font-size:10px;font-weight:900}.workshop-stats-sheet__status.is-enough{background:#e5f7ef;color:#338864}.workshop-stats-sheet__status.is-missing{background:#fff0e8;color:#c06c3e}.workshop-stats-sheet__replace-button{width:fit-content;justify-self:end;border:0;border-radius:999px;padding:4px 9px;background:#d8b4e22e;color:var(--accent-strong);font-size:10px;font-weight:900}.workshop-stats-sheet__palette-panel{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;padding:10px;max-height:244px;border-radius:18px;background:#ffffffc2;border:1px solid rgba(93,83,74,.06);box-shadow:inset 0 0 0 1px #ffffff8f}.workshop-stats-sheet__palette-nav{min-width:0;overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px;scrollbar-width:thin}.workshop-stats-sheet__palette-nav-button{min-height:28px;border:0;border-radius:9px;padding:0 6px;background:#5d534a14;color:#5d534a;font-size:11px;font-weight:900;line-height:1.15;white-space:normal;word-break:break-word}.workshop-stats-sheet__palette-nav-button.is-active{background:#d8b4e2;color:#fff;box-shadow:0 4px 10px #d8b4e252}.workshop-stats-sheet__palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;min-width:0;max-height:220px;overflow:auto;padding-right:2px}.workshop-stats-sheet__palette-color{min-width:0;border:0;border-radius:14px;padding:7px 4px 6px;display:grid;justify-items:center;gap:4px;background:#fff;color:#3f3832d1;font-size:10px;font-weight:900;box-shadow:0 6px 14px #5d534a0f,inset 0 0 0 1px #5d534a0d}.workshop-stats-sheet__palette-color.is-used{box-shadow:0 6px 14px #5d534a14,inset 0 0 0 2px #3388645c}.workshop-stats-sheet__palette-swatch{width:28px;height:28px;border-radius:999px;position:relative;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80}.workshop-stats-sheet__palette-swatch.is-used{box-shadow:inset 0 0 0 1px #ffffff80,0 0 0 2px #3388642e}.workshop-stats-sheet__palette-check{width:17px;height:17px;border-radius:999px;display:grid;place-items:center;background:#ffffffe6;color:#2a6b50;font-size:12px;font-weight:900;line-height:1;box-shadow:0 0 0 1px #5d534a29,0 2px 5px #5d534a29}.workshop-stats-sheet__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.workshop-stats-sheet__cleanup-selection{display:grid;gap:8px;min-width:0;margin-top:10px}.workshop-stats-sheet__cleanup-divider{display:flex;align-items:center;gap:10px;color:#5d534a8f;font-size:11px;font-weight:900}.workshop-stats-sheet__cleanup-divider:before,.workshop-stats-sheet__cleanup-divider:after{content:"";height:1px;flex:1;background:#b48fcc52}.workshop-stats-sheet__cleanup-colors{display:flex;gap:8px;min-width:0;overflow:auto;padding-bottom:2px;scrollbar-width:thin}.workshop-stats-sheet__cleanup-color{flex:0 0 auto;min-width:76px;border:0;border-radius:14px;padding:7px 9px;display:grid;grid-template-columns:24px auto;grid-template-areas:"swatch code" "swatch count";align-items:center;column-gap:7px;background:#fff;color:#3f3832d1;box-shadow:inset 0 0 0 1px #b48fcc4d,0 6px 14px #5d534a0d}.workshop-stats-sheet__cleanup-swatch{grid-area:swatch;width:24px;height:24px;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff80,0 0 0 2px #b48fcc}.workshop-stats-sheet__cleanup-swatch.is-white{border:1px solid #111}.workshop-stats-sheet__cleanup-color strong{grid-area:code;font-size:11px;line-height:1.1;font-weight:900;white-space:nowrap}.workshop-stats-sheet__cleanup-color span:last-child{grid-area:count;color:#5d534a94;font-size:10px;font-weight:900;line-height:1.1}.workshop-stats-sheet__action{width:100%;border:0;border-radius:18px;min-height:52px;background:linear-gradient(180deg,#dfc0ea,#d8b4e2);color:#fff;font-weight:800;box-shadow:0 10px 20px #d8b4e252}.workshop-stats-sheet__action:disabled{opacity:.58;box-shadow:none}.workshop-stats-sheet__secondary-action{width:100%;border:0;border-radius:18px;min-height:52px;background:#fff;color:#5d534ab8;font-weight:900;box-shadow:inset 0 0 0 1px #5d534a14}.workshop-stats-sheet__actions:has(.workshop-stats-sheet__action:only-child){grid-template-columns:1fr}.workshop-stats-sheet__toast{position:absolute;left:50%;bottom:calc(84px + var(--safe-bottom));z-index:3;max-width:calc(100% - 32px);transform:translate(-50%);pointer-events:none;padding:10px 14px;border-radius:999px;background:#5d534aeb;color:#fff;font-size:12px;font-weight:800;line-height:1.2;text-align:center;white-space:nowrap;box-shadow:0 10px 24px #5d534a38}.workshop-generate-button{border:0;border-radius:24px;padding:13px 18px;min-height:50px;background:linear-gradient(180deg,#e4c7ed,#d8b4e2);color:#fff;font-family:var(--font-title);font-size:18px;font-weight:800;letter-spacing:.02em;box-shadow:0 10px 22px #d8b4e26b,inset 0 1px #ffffff61;text-shadow:0 1px 0 rgba(0,0,0,.04)}.workshop-generate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #d8b4e280,inset 0 1px #ffffff6b}.workshop-generate-button:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 18px #d8b4e25c,inset 0 1px #ffffff47}.workshop-generate-button:disabled{background:linear-gradient(180deg,#d8b4e28c,#d8b4e266);color:#ffffffe0;box-shadow:none;cursor:not-allowed;opacity:.85}.crop-upload{padding:12px}.crop-upload__dropzone{min-height:520px;display:grid;gap:14px;align-content:start}.crop-upload__image{border-radius:24px;background:linear-gradient(180deg,#f7f1ea,#efe7dd);padding:16px;min-height:360px;display:grid;place-items:center}.crop-upload__hint h2{margin:4px 0 0;font-size:22px}.crop-upload__hint p:last-child{margin-top:8px;font-size:13px;color:#5d534ab8}.crop-upload__button{border:0;border-radius:18px;padding:16px;background:var(--accent);color:#fff;font-weight:700;box-shadow:0 12px 24px #d8b4e247}.crop-stage__frame{position:relative;width:100%;max-width:280px;aspect-ratio:1 / 1.12;border-radius:24px;overflow:hidden;background:#ecd8c6}.crop-stage__image{position:absolute;inset:0;background:linear-gradient(135deg,#9fc7b1 0 34%,#f6efe6 34% 100%)}.crop-stage__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:24px 24px;opacity:.45}.crop-stage__corner{position:absolute;width:24px;height:24px;z-index:2}.crop-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px}.crop-tool{border:0;border-radius:18px;padding:12px 8px;display:grid;gap:6px;justify-items:center;background:transparent;color:#5d534aa8}.crop-tool.is-active{background:#d8b4e21f;color:var(--accent-strong)}.crop-tool__icon{font-size:18px}.crop-info{display:grid;gap:6px}.crop-info h2{margin:4px 0 0;font-size:20px}.crop-info p:last-child{color:#5d534ab8;font-size:13px}.crop-step{display:flex;gap:12px;padding:14px;align-items:flex-start}.crop-step__index{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:#d8b4e21f;color:var(--accent-strong);font-weight:700;flex:none}.crop-step strong{font-size:15px}.crop-next-button{border:0;border-radius:22px;padding:16px;background:var(--accent);color:#fff;font-weight:700;box-shadow:0 12px 24px #d8b4e247}.workshop-settings-page{display:grid;gap:14px}.workshop-settings-hero{height:300px;padding:12px}.workshop-settings-hero__image{position:relative;height:100%;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#a7d7b6,#76b87f 45%,#f1eadf 45% 100%)}.workshop-settings-hero__tag{position:absolute;top:16px;left:16px;padding:6px 12px;border-radius:999px;background:#5d534ad1;color:#fff;font-size:10px;letter-spacing:.12em}.workshop-settings-panel{padding:18px;display:grid;gap:20px}.workshop-settings-panel__hint{color:var(--accent-strong);font-size:12px}.workshop-settings-group{display:grid;gap:10px}.workshop-settings-group__label{display:grid;gap:2px}.workshop-settings-group__label strong{font-size:15px}.workshop-settings-group__label span{font-size:12px;color:var(--muted)}.workshop-settings-next{border:0;border-radius:22px;padding:16px;background:var(--accent);color:#fff;font-weight:700;box-shadow:0 12px 24px #d8b4e247}.workshop-preview-page{display:grid;gap:14px}.workshop-preview-hero{padding:12px;height:450px}.workshop-preview-hero__image{position:relative;height:100%;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#f2efe8,#ece0d0)}.workshop-preview-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.36) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.36) 1px,transparent 1px);background-size:24px 24px}.workshop-preview-hero__art{position:absolute;inset:0;display:grid;place-items:center}.workshop-preview-hero__art span{position:absolute;border-radius:999px;background:#ffffffb8}.workshop-preview-hero__art span:nth-child(1){width:48%;height:18%;left:16%;top:18%}.workshop-preview-hero__art span:nth-child(2){width:58%;height:16%;right:12%;top:42%}.workshop-preview-hero__art span:nth-child(3){width:18%;height:34%;left:44%;bottom:18%}.workshop-preview-panel{padding:18px;display:grid;gap:18px}.workshop-preview-panel__hint{color:var(--accent-strong);font-size:12px}.workshop-preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.workshop-preview-stat{padding:14px 10px;text-align:center;border-radius:18px;background:#fdfbf7;border:1px solid rgba(93,83,74,.06)}.workshop-preview-stat span{display:block;font-size:12px;color:var(--muted)}.workshop-preview-stat strong{font-size:18px}.workshop-preview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preview-action{border:1px solid #ebe6de;border-radius:18px;padding:14px 10px;background:#fff;color:#5d534ab8}.preview-action.is-active{background:#d8b4e21f;border-color:#c593d438;color:var(--accent-strong)}.download-modal__backdrop{position:fixed;inset:0;background:#5d534a42;display:grid;align-items:end;z-index:1200;pointer-events:auto}.download-modal{width:100%;max-width:min(100%,420px);max-height:calc(100dvh - var(--safe-top));margin:0 auto;border-radius:28px 28px 0 0;padding:12px 14px calc(16px + var(--safe-bottom));box-shadow:0 -12px 30px #5d534a24;background:linear-gradient(180deg,#fffdfb,#faf4ee);animation:workshop-fade-in .22s ease-out;position:relative;z-index:1201;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.download-modal__handle{width:42px;height:4px;border-radius:999px;background:#5d534a24;margin:4px auto 12px}.download-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.download-modal__header h3{margin:0;font-size:22px;font-family:var(--font-title)}.download-modal__header p{margin-top:4px;font-size:12px;color:#5d534a9e;font-family:var(--font-title)}.download-modal__close{width:32px;height:32px;border:0;border-radius:999px;background:#5d534a14;color:var(--ink);font-size:20px;line-height:1}.download-modal__close:disabled{opacity:.46;cursor:not-allowed}.download-modal__body{display:grid;gap:10px;min-height:0;max-height:none;overflow:auto;padding-right:2px}.download-modal__form-row{display:grid;gap:10px}.download-modal__form-row--inline{grid-template-columns:minmax(0,1fr);gap:10px}.download-modal__field{display:grid;gap:8px}.download-modal__field>span{font-size:13px;color:#5d534a9e;font-family:var(--font-title)}.download-modal__card{padding:14px 14px 12px;border-radius:22px;background:#fff;border:1px solid rgba(93,83,74,.06);box-shadow:0 8px 18px #5d534a0a;display:grid;gap:10px}.download-modal__card--stacked{gap:12px}.download-modal__card--list{gap:0;padding:6px 0;overflow:hidden}.download-modal__input{width:100%;border:1px solid #ebe6de;background:#fff;border-radius:18px;padding:12px 14px;font-size:14px;color:var(--ink);outline:none;box-shadow:0 1px #ffffffbf inset}.download-modal__input::placeholder{color:#5d534a61}.download-modal__setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--ink);min-height:24px;font-family:var(--font-title)}.download-modal__setting-row--list{padding:10px 14px}.download-modal__setting-row--slider{padding-bottom:2px}.download-modal__setting-row--tight{padding-bottom:0}.download-modal__setting-title{display:flex;align-items:center;gap:8px;min-width:0}.download-modal__setting-title strong{font-size:14px;font-family:var(--font-title)}.download-modal__setting-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#d8b4e229;color:#c593d4;font-size:12px;flex:none}.download-modal__help{margin:-2px 14px 2px;font-size:12px;color:#5d534a9e;line-height:1.4}.download-modal__permission-row{margin:-2px 14px 2px;display:flex;align-items:center;justify-content:space-between;gap:10px}.download-modal__permission-row .download-modal__help{margin:0;flex:1 1 auto}.download-modal__login-action{flex:none;border:0;border-radius:999px;padding:7px 12px;background:#1e1a12;color:#fff;font-size:12px;font-weight:800;font-family:var(--font-title)}.download-modal__value-chip{min-width:28px;height:22px;padding:0 8px;border-radius:999px;background:#f1eadf;display:grid;place-items:center;color:#5d534ab8;font-size:12px;font-weight:700;font-family:var(--font-title)}.download-switch{width:42px;height:24px;border:0;border-radius:999px;background:#e7e1d7;position:relative;flex:none;box-shadow:inset 0 0 0 1px #5d534a0a;outline:none;padding:0}.download-switch:after{content:"";position:absolute;top:50%;left:3px;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000029;transform:translateY(-50%);transition:transform .16s ease,background-color .16s ease}.download-switch.is-on{background:#d8b4e2}.download-switch.is-on:after{transform:translate(18px,-50%)}.download-modal__range{width:100%;accent-color:#d8b4e2}.download-modal__color-row{display:flex;gap:12px;flex-wrap:wrap;padding-top:2px}.download-modal__color{width:28px;height:28px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px #5d534a2e;padding:0}.download-modal__color.is-active{box-shadow:0 0 0 2px #d8b4e2,0 0 0 1px #5d534a2e}.download-modal__divider{height:1px;background:#5d534a14;margin:0}.download-modal__action{width:100%;margin-top:14px;border:0;border-radius:18px;min-height:52px;background:linear-gradient(180deg,#dfc0ea,#d8b4e2);color:#fff;font-family:var(--font-title);font-size:18px;font-weight:800;letter-spacing:.02em;box-shadow:0 10px 20px #d8b4e252}.crop-preview-modal__backdrop{position:fixed;inset:0;z-index:35;background:#5d534a52;display:grid;place-items:center;padding:20px 16px}.crop-preview-modal{width:min(92vw,520px);max-height:min(84vh,760px);display:grid;gap:14px;padding:16px;border-radius:28px;background:linear-gradient(180deg,#fffdfb,#faf4ee);box-shadow:0 20px 40px #5d534a33;animation:workshop-fade-in .22s ease-out}.crop-preview-modal__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.crop-preview-modal__header p{margin:0;font-size:12px;color:#5d534a9e;font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase}.crop-preview-modal__header h3{margin:4px 0 0;font-size:22px;font-family:var(--font-title)}.crop-preview-modal__close{width:34px;height:34px;border:0;border-radius:999px;background:#5d534a14;color:var(--ink);font-size:22px;line-height:1;flex:none}.crop-preview-modal__body{min-height:240px;display:grid;place-items:center;border-radius:22px;overflow:hidden;background:repeating-conic-gradient(#f3ede6 0% 25%,#ece4db 0% 50%) 0 0 / 18px 18px}.crop-preview-modal__image{display:block;width:100%;max-height:68vh;object-fit:contain}.crop-preview-modal__loading{padding:24px;color:#5d534ab8;font-family:var(--font-title)}@keyframes sheet-rise{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.collection-page{position:relative;display:grid;gap:14px;padding-bottom:var(--bottom-nav-clearance);min-width:0}.collection-filters{display:flex;gap:10px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;overscroll-behavior-inline:contain;scrollbar-width:none}.collection-filters::-webkit-scrollbar{display:none}.filter-chip{border:0;background:transparent;border-radius:999px;padding:0;color:#5d534aa8;display:inline-grid;place-items:center;width:72px;height:38px;overflow:hidden}.filter-chip__icon{width:100%;height:100%;object-fit:contain;display:block;flex:none}.filter-chip.is-active{color:var(--accent-strong)}.collection-masonry{column-count:2;column-gap:12px;min-width:0}.collection-masonry__column{display:contents}.collection-masonry>.collection-empty{column-span:all}.collection-card{position:relative;display:inline-block;break-inside:avoid;width:100%;margin:0 0 12px;overflow:hidden;border-radius:20px;background:#fff;border:1.5px solid #f0e8f8;box-shadow:0 8px 20px #5d534a0d;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.collection-card:active{transform:scale(.98)}.collection-card:focus-visible{outline:3px solid rgba(216,180,226,.38);outline-offset:3px}.collection-card__media{position:relative;overflow:hidden;line-height:0;min-height:104px;background:#f9f0ff}.collection-card__image{width:100%;height:auto;object-fit:contain;object-position:center;display:block;image-rendering:pixelated;padding:8px;box-sizing:border-box}.collection-card__favorite{position:absolute;left:8px;top:8px;width:30px;height:30px;border:0;border-radius:999px;background:#ffffffe0;color:#d8b4e2;display:grid;place-items:center;padding:0;box-shadow:0 3px 10px #5d534a14;cursor:pointer}.collection-card__favorite.is-active{background:#fff;color:#d8b4e2}.collection-card__favorite:focus-visible{outline:3px solid rgba(216,180,226,.42);outline-offset:2px}.collection-card__favorite svg{width:15px;height:15px}.collection-card__status{position:absolute;right:8px;top:8px;flex:none;padding:3px 8px;border-radius:8px;background:#d8b4e2;color:#fff;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.03em;z-index:1;box-shadow:0 3px 10px #d8b4e247}.collection-card__body{padding:10px 12px 12px;display:grid;gap:7px;background:#fff}.collection-card__title{margin:0;color:var(--ink);font-family:var(--font-title);font-size:15px;line-height:1.25;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-card__meta{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.collection-card__pill{min-width:0;max-width:100%;padding:3px 7px;border-radius:8px;font-size:10px;line-height:1.2;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-card__pill--size{background:#f3ebf8;color:#9b6bb5}.collection-card__pill--color{background:#e6f8f0;color:#3bab7a}.collection-card__pill--count{background:#fff4e6;color:#c08b2a}.collection-my-library{display:grid;gap:14px;min-width:0;max-width:100%;overflow-x:hidden}.collection-my-sections{display:grid;gap:18px;min-width:0;max-width:100%}.collection-my-sections>section{min-width:0;max-width:100%}.collection-my-section__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.collection-my-section__header h4{margin:0;font-family:var(--font-title);font-size:16px;color:var(--ink)}.collection-my-section__header span,.collection-my-section__more{border:0;background:transparent;color:#b48ec8;font-size:12px;font-weight:800;padding:0}.collection-recent-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,62%);gap:12px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 2px}.collection-recent-row::-webkit-scrollbar{display:none}.collection-recent-card{width:100%;min-width:0;overflow:hidden;border-radius:18px;background:#fff;border:1.5px solid #ede3f5;scroll-snap-align:start;box-shadow:0 8px 18px #5d534a0a}.collection-recent-card__media{position:relative;height:88px;overflow:hidden;background:#fff}.collection-recent-card--pattern .collection-recent-card__media{height:112px}.collection-recent-card__media img{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:contain;object-position:center;display:block;image-rendering:pixelated;padding:0;box-sizing:border-box}.collection-recent-card__badge{position:absolute;right:8px;top:8px;z-index:1;padding:3px 8px;border-radius:8px;font-size:10px;font-weight:800;line-height:1.2;box-shadow:0 3px 10px #5d534a14}.collection-recent-card__badge.is-beading{background:#d8b4e2;color:#fff}.collection-recent-card__badge.is-pattern{background:#b5ead7;color:#0f6e56}.collection-recent-card__body{padding:7px 9px 9px}.collection-recent-card__body strong{display:block;font-family:var(--font-title);font-size:13px;color:var(--ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-recent-card__body p{margin-top:4px;font-size:10px;color:#5d534a9e}.collection-progress-track{height:5px;margin-top:6px;overflow:hidden;border-radius:999px;background:#ede3f5}.collection-progress-track span{display:block;height:100%;border-radius:inherit;background:#d8b4e2}.collection-my-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,142px),1fr));gap:10px;width:100%;max-width:100%;min-width:0}.collection-my-card{min-width:0;overflow:hidden;border-radius:20px;background:#fff;border:1px solid rgba(93,83,74,.06);box-shadow:var(--shadow)}.collection-my-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:linear-gradient(180deg,#f4efe9f2,#e9e2daf2)}.collection-my-card__media img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;object-position:center;display:block;image-rendering:pixelated;padding:0;box-sizing:border-box}.collection-my-card__badge{position:absolute;right:8px;top:8px;padding:3px 8px;border-radius:8px;font-size:10px;font-weight:800;line-height:1.2}.collection-my-card__badge.is-mine{background:#ffdac1;color:#9b5e1a}.collection-my-card__badge.is-saved{background:#b5ead7;color:#0f6e56}.collection-my-card__body{padding:10px 12px 12px;display:grid;gap:4px}.collection-my-card__body strong{display:block;font-family:var(--font-title);font-size:14px;font-weight:800;color:var(--ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-my-card__body p{font-size:12px;color:#5d534aad}.collection-progress-list{display:grid;gap:10px;width:100%;max-width:100%;min-width:0}.collection-progress-item{display:flex;align-items:center;gap:12px;width:100%;max-width:100%;min-width:0;padding:12px 14px;border-radius:18px;background:#fff;border:1.5px solid #ede3f5;box-shadow:0 8px 18px #5d534a0a}.collection-progress-item__media{position:relative;width:52px;height:52px;border-radius:12px;overflow:hidden;flex:none}.collection-progress-item__media img{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:contain;object-position:center;display:block;image-rendering:pixelated;padding:0;box-sizing:border-box}.collection-progress-item__body{flex:1;min-width:0}.collection-progress-item__body strong{display:block;font-family:var(--font-title);font-size:14px;color:var(--ink);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-progress-item__body p{margin-top:2px;font-size:11px;color:#5d534a9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-progress-item__percent{flex:none;color:#b48ec8;font-size:11px;font-weight:800}.continue-beading-card{cursor:pointer}.continue-beading-card:active{transform:scale(.98)}.continue-beading-card:focus-visible{outline:3px solid rgba(216,180,226,.38);outline-offset:3px}.continue-beading-card__media{background:linear-gradient(135deg,#fff0f6,#f0fbf6)}.collection-empty--inline{padding:14px 12px;border-radius:18px;background:#5d534a0a;color:#5d534aa8}.collection-fab{position:fixed;right:max(calc((100vw - min(var(--content-max-width),100vw)) / 2 + var(--page-padding-inline)),16px);bottom:var(--fixed-action-bottom);width:52px;height:52px;border:0;border-radius:999px;background:var(--accent);color:#fff;font-size:28px;line-height:1;display:grid;place-items:center;box-shadow:0 16px 28px #c593d459}.gallery-detail-page{height:100dvh;min-height:0;display:flex;flex-direction:column;gap:10px;margin:0;padding:calc(var(--safe-top) + 8px) var(--page-padding-inline) calc(var(--safe-bottom) + 12px);background:#f5f0e8;overflow:hidden}.gallery-detail__topbar{flex:none;min-height:58px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;background:#f5f0e8eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gallery-detail__back{width:54px;height:54px;border:0;border-radius:14px;background:transparent;color:#4a4030;font-size:20px;font-weight:800;box-shadow:none;padding:0;display:grid;place-items:center}.gallery-detail__back img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.gallery-detail__actions{margin-left:auto;display:flex;gap:8px;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none}.gallery-detail__actions::-webkit-scrollbar{display:none}.gallery-detail__actions button{flex:none;border:0;border-radius:14px;padding:10px 12px;background:#1e1a12;color:#fff;font-size:13px;font-weight:800;box-shadow:0 8px 18px #1e1a1224}.gallery-detail__actions button:disabled{opacity:.45;box-shadow:none}.gallery-detail__state{flex:none;border-radius:18px;padding:12px 14px;background:#ffffffd1;color:#5d534ab8;font-size:13px;font-weight:700}.gallery-detail__state--actionable{display:flex;align-items:center;justify-content:space-between;gap:12px}.gallery-detail__state--actionable button{flex:none;border:0;border-radius:999px;padding:8px 12px;background:#1e1a12;color:#fff;font-size:12px;font-weight:800}.gallery-detail__canvas-shell{flex:1 1 auto;min-height:0;border-radius:4px;background:#f5f0e8}.gallery-detail__canvas-scroll{width:100%;height:100%;overflow:hidden;overscroll-behavior:contain;border-radius:4px;background:#f5f0e8;-webkit-overflow-scrolling:touch;display:grid;place-items:center;padding:6px}.gallery-detail__canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;background:#f5f0e8}.focus-mode-page{min-height:100dvh;display:grid;gap:14px;background:#463e38;color:#fff;margin:0;padding:92px 16px 24px}.focus-mode-page .layered-shell{padding:0;gap:0}.focus-mode-stage{padding:12px;background:#ffffff14;border-color:#ffffff14}.focus-mode-stage__canvas{height:360px;position:relative;border-radius:22px;overflow:hidden;background:#2f2a25}.focus-mode-stage__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:24px 24px;opacity:.7}.focus-mode-stage__art{position:absolute;inset:0;display:grid;place-items:center}.focus-mode-stage__art span{position:absolute;border-radius:999px;background:#b5ead7eb}.focus-mode-stage__art span:nth-child(1){width:42%;height:18%;left:16%;top:18%}.focus-mode-stage__art span:nth-child(2){width:54%;height:16%;right:12%;top:42%}.focus-mode-stage__art span:nth-child(3){width:18%;height:34%;left:44%;bottom:18%}.focus-mode-summary{padding:18px;background:#ffffff14;border-color:#ffffff14}.focus-mode-summary__hint{color:#ffffffb8;font-size:12px}.focus-mode-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.focus-layer{padding:14px 10px;border-radius:18px;background:#ffffff14;display:grid;gap:4px;text-align:center}.focus-layer.is-active{background:#d8b4e233;color:#fff}.focus-layer span{color:#ffffffb8;font-size:12px}.focus-mode-grid{display:grid;gap:12px}.focus-mode-card{padding:18px;background:#ffffff14;border-color:#ffffff14}.focus-mode-card h3{margin:4px 0 0;font-size:18px}.bead-list{display:grid;gap:10px;margin-top:12px}.bead-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#ffffff0f}.bead-item__dot{width:18px;height:18px;border-radius:999px;background:#fff}.bead-item strong{flex:1;font-size:14px}.bead-item span{color:#ffffffb8;font-size:12px}.strategy-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.strategy-pill{border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;border-radius:999px;padding:10px 14px}.strategy-pill.is-active{background:#d8b4e238;border-color:#d8b4e259}.focus-mode-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto}.focus-mode-actions__secondary,.focus-mode-actions__primary{border:0;border-radius:22px;padding:16px;font-weight:700}.focus-mode-actions__secondary{background:#ffffff1f;color:#fff}.focus-mode-actions__primary{background:#d8b4e2;color:#fff}.crop-page{display:grid;gap:14px}.crop-stage{padding:12px}.crop-stage__preview{height:430px}.crop-stage__frame{position:relative;height:100%;border-radius:24px;overflow:hidden;background:#ead8be}.crop-stage__image{position:absolute;inset:0;background:linear-gradient(135deg,#8fbe9f 0 28%,#f6e8d7 28% 100%)}.crop-stage__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px);background-size:24px 24px;opacity:.7}.crop-stage__corner{position:absolute;width:24px;height:24px;border-color:#fff;z-index:2}.crop-stage__corner--tl{top:16px;left:16px;border-top:3px solid #fff;border-left:3px solid #fff}.crop-stage__corner--tr{top:16px;right:16px;border-top:3px solid #fff;border-right:3px solid #fff}.crop-stage__corner--bl{bottom:16px;left:16px;border-bottom:3px solid #fff;border-left:3px solid #fff}.crop-stage__corner--br{bottom:16px;right:16px;border-bottom:3px solid #fff;border-right:3px solid #fff}.crop-toolbar{padding:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.crop-tool{border:0;border-radius:18px;padding:12px 8px;background:#fdfbf7;display:grid;justify-items:center;gap:6px;color:#5d534aad}.crop-tool.is-active{background:#d8b4e224;color:var(--accent-strong)}.crop-tool__icon{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#fff}.crop-info{display:grid;gap:8px}.crop-info h2{margin:4px 0 0;font-size:22px}.crop-info p{font-size:14px;color:#5d534ab8}.crop-steps{display:grid;gap:10px}.crop-step{padding:14px;display:flex;gap:12px;align-items:flex-start}.crop-step__index{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#d8b4e21f;color:var(--accent-strong);font-weight:700;flex:none}.crop-step strong{display:block;font-size:15px}.crop-step p{margin-top:4px;font-size:12px;color:var(--muted)}.crop-next-button{border:0;border-radius:24px;padding:16px;background:#d8b4e2;color:#fff;font-size:18px;font-weight:700;box-shadow:0 8px 20px -4px #d8b4e280}.bottom-nav{position:fixed;left:50%;bottom:0;width:100%;min-height:var(--bottom-nav-total-height);box-sizing:border-box;transform:translate(-50%);padding:0 clamp(16px,8vw,72px) var(--safe-bottom);display:flex;align-items:center;justify-content:space-between;background:#fdfbf7f2;border-top:1px solid rgba(93,83,74,.05);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30}.nav-item{min-width:0;border:0;background:transparent;display:grid;justify-items:center;gap:0;color:#5d534a66;line-height:1}.nav-item.is-active{color:#c593d4;font-weight:700}.nav-item__icon{width:50px;height:50px;object-fit:contain;display:block}.nav-item>span:last-child{line-height:1}.nav-item__dot{width:20px;height:20px;border-radius:999px;background:#5d534a99}.nav-item__dot.is-active{background:#d8b4e21a;border:2px solid #d8b4e2}@media(min-width:480px){.quick-actions,.workshop-home-entry__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:640px){.workshop-toolbar-surface--create,.workshop-toolbar-surface--result{--workshop-tool-icon-height: 80px;--workshop-tool-min-width: 84px}.workshop-toolbar-surface--create .workshop-canvas__toolbar,.workshop-toolbar-surface--result .workshop-canvas__toolbar{gap:10px}.workshop-toolbar-surface--create .workshop-canvas__tool-icon,.workshop-toolbar-surface--result .workshop-canvas__tool-icon{width:min(100%,84px)}.page-hero{min-height:60px}.page-hero h2{font-size:clamp(24px,3vw,34px)}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.section-block{min-width:0}.beginner-guide{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.beginner-guide__item{align-items:start}.collection-masonry{column-count:3;column-gap:16px}.collection-recent-row{grid-auto-columns:calc((100% - 24px) / 3)}.collection-my-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.download-modal__form-row--inline,.inventory-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-filterbar{grid-template-columns:minmax(0,1fr) minmax(116px,auto) auto}.inventory-item{grid-template-columns:42px minmax(0,1fr) auto}.inventory-item__actions{grid-column:auto;justify-content:flex-end}.crop-page{grid-template-columns:minmax(320px,1fr) minmax(260px,.8fr);align-items:start}.crop-stage,.crop-toolbar{grid-column:1}.crop-info,.crop-steps,.crop-next-button{grid-column:2}.gallery-detail-page{padding-inline:clamp(20px,4vw,40px)}}@media(min-width:900px)and (min-height:721px){.layered-shell:has(.workshop-page){height:auto;min-height:calc(100dvh - 104px);overflow:visible}.workshop-page{--workshop-gap: clamp(14px, 2vw, 22px);--canvas-side: min(56vw, calc(100dvh - 190px) , 680px);height:auto;min-height:calc(100dvh - 142px);grid-template-columns:minmax(360px,1fr) minmax(320px,430px);grid-template-rows:auto auto auto auto;align-items:start;overflow:visible;padding-bottom:0}.workshop-hero{grid-column:1 / -1}.workshop-canvas{grid-column:1;grid-row:2 / 5;margin:0;align-self:start}.workshop-page--home .workshop-canvas{grid-row:2}.workshop-canvas__frame{border-radius:0}.workshop-toolbar-surface,.workshop-panel,.workshop-bottom-action--standalone,.workshop-home-entry{grid-column:2}.workshop-page--home .workshop-home-entry{grid-row:2;align-self:stretch;height:100%;grid-template-rows:minmax(0,1fr) auto auto}.workshop-page--home .workshop-home-entry__cards{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));height:100%;padding-inline:0}.workshop-page--home .workshop-home-entry-card{min-height:0;height:100%;padding:24px 18px 20px}.workshop-panel{grid-template-rows:auto auto minmax(120px,auto) auto}.workshop-settings{height:46px;min-height:46px}.workshop-toolbar-surface .workshop-canvas__toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.workshop-toolbar-surface--create .workshop-canvas__toolbar,.workshop-toolbar-surface--result .workshop-canvas__toolbar{grid-template-columns:repeat(auto-fit,minmax(var(--workshop-tool-min-width),1fr))}.workshop-toolbar-surface--create,.workshop-toolbar-surface--result{--workshop-tool-icon-height: 96px;--workshop-tool-min-width: 100px}.workshop-toolbar-surface--create .workshop-canvas__tool-icon,.workshop-toolbar-surface--result .workshop-canvas__tool-icon{width:min(100%,88px)}.workshop-result-actions__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.discovery-page{grid-template-columns:minmax(0,1fr);align-items:stretch}.page-hero,.quick-actions,.discovery-page>.section-block{grid-column:1 / -1}.inspiration-marquee{max-width:100%}.collection-page{gap:18px}.collection-masonry{column-count:4}.collection-filters{justify-content:flex-start}.bottom-nav{width:min(var(--content-inner-max-width),calc(100% - var(--page-padding-inline) - var(--page-padding-inline)));bottom:calc(16px + var(--safe-bottom));min-height:var(--bottom-nav-height);border:1px solid rgba(93,83,74,.06);border-radius:28px;padding:10px 56px}.collection-fab{bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 40px)}}@media(min-width:900px)and (orientation:landscape){.workshop-stats-sheet__backdrop{display:block;padding:0;background:transparent;pointer-events:none}.workshop-stats-sheet{position:fixed;top:var(--page-padding-block);right:max(var(--page-padding-inline),calc((100vw - var(--content-max-width)) / 2 + var(--page-padding-inline)));bottom:calc(var(--bottom-nav-total-height) + 16px);width:min(430px,calc(100vw - var(--page-padding-inline) - var(--page-padding-inline)));height:auto;max-height:none;margin:0;border-radius:28px;pointer-events:auto;box-shadow:0 16px 36px #5d534a29}}@media(max-width:420px){.app-shell,.bottom-nav{width:100%;max-width:none}.workshop-page{--workshop-canvas-min-side: 184px}.workshop-tags{gap:0}.workshop-tag{padding-inline:3px;font-size:12px}.workshop-tag__icon,.workshop-tag__label{font-size:12px}.workshop-result-grid{gap:8px}.workshop-result-card{gap:8px;min-height:56px;padding:8px 9px}.workshop-result-card__icon{width:30px;height:30px;border-radius:10px}.workshop-result-card__body strong{font-size:14px}.workshop-result-actions__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.workshop-result-actions__tile{min-height:78px;padding:9px 5px 8px;border-radius:18px}.workshop-result-actions__icon{width:32px;height:32px;border-radius:12px}.workshop-result-actions__label{font-size:12px}.workshop-stats,.workshop-actions-grid,.collection-grid,.inventory-form__grid,.inventory-filterbar,.inventory-item{grid-template-columns:1fr}.inventory-item__actions{justify-content:flex-start;flex-wrap:wrap}.inventory-summary__item{padding-inline:10px}.workshop-stats-sheet__item{grid-template-columns:36px minmax(0,1fr) auto;gap:8px;padding:10px}.workshop-stats-sheet__swatch-button,.workshop-stats-sheet__swatch{width:36px;height:36px}.workshop-stats-sheet__count{grid-column:auto;min-width:58px;justify-items:end}.workshop-stats-sheet__status{max-width:86px}.workshop-stats-sheet__palette-panel{grid-template-columns:56px minmax(0,1fr);gap:7px;padding:8px}.workshop-stats-sheet__palette-nav-button{font-size:10px;padding-inline:4px}.download-modal,.workshop-create-settings-sheet,.workshop-stats-sheet{padding-inline:12px}.download-modal__card,.workshop-create-settings-sheet__section{padding:12px 12px 10px;border-radius:18px}.download-modal__setting-row{gap:8px}}@media(max-width:899px){.workshop-page--create{padding-bottom:calc(var(--fixed-action-bottom) + 56px + var(--workshop-gap))}.workshop-page--result{padding-bottom:calc(var(--fixed-action-bottom) + 62px + var(--workshop-gap))}.workshop-page--create .workshop-bottom-action--standalone,.workshop-page--result .workshop-bottom-action--standalone{position:fixed;left:50%;right:auto;width:min(100%,var(--content-max-width));max-width:100%;transform:translate(-50%);box-sizing:border-box;padding-inline:var(--shell-inline-padding);bottom:var(--fixed-action-bottom);z-index:29}.workshop-page--result .workshop-panel--result{margin-bottom:var(--workshop-gap)}}@media(min-height:780px)and (max-width:899px){.workshop-page{--canvas-side: max( var(--workshop-canvas-min-side), min( calc(100vw - var(--shell-inline-padding) - var(--shell-inline-padding)), calc(100dvh - var(--bottom-nav-total-height) - var(--workshop-mobile-controls-height)), 620px ) )}}@media(max-height:720px){.app-shell:has(.workshop-page){padding-bottom:calc(var(--bottom-nav-total-height) + 8px)}.layered-shell:has(.workshop-page){min-height:calc(100dvh - var(--bottom-nav-total-height) - 8px);padding-top:16px}.bottom-nav{padding-bottom:max(var(--safe-bottom),8px)}.workshop-page{--workshop-gap: 6px;--workshop-mobile-controls-height: 312px;--workshop-canvas-min-side: 168px}.workshop-page--result{--workshop-mobile-controls-height: 336px;--workshop-canvas-min-side: 156px}.workshop-hero{padding-top:0}.workshop-hero__eyebrow{display:none}.page-hero{min-height:48px}.page-hero h2{font-size:22px}.workshop-toolbar-surface{padding:7px 10px}.workshop-toolbar-surface--create,.workshop-toolbar-surface--result{--workshop-tool-icon-height: 46px;--workshop-tool-min-width: 50px;padding:0}.workshop-toolbar-surface .workshop-canvas__toolbar{gap:6px}.workshop-toolbar-surface .workshop-canvas__tool{padding:0;font-size:12px}.workshop-toolbar-surface--create .workshop-canvas__toolbar,.workshop-toolbar-surface--result .workshop-canvas__toolbar{gap:6px}.workshop-toolbar-surface--create .workshop-canvas__tool,.workshop-toolbar-surface--result .workshop-canvas__tool{height:var(--workshop-tool-icon-height);max-height:var(--workshop-tool-icon-height);min-height:0;padding:0;border-radius:0}.workshop-toolbar-surface--create .workshop-canvas__tool-icon,.workshop-toolbar-surface--result .workshop-canvas__tool-icon{width:min(100%,70px);height:100%;max-height:var(--workshop-tool-icon-height)}.workshop-panel{padding:8px 10px 10px;gap:6px}.workshop-panel--result{padding-block:8px}.workshop-panel{grid-template-rows:auto auto auto auto}.section-heading-row h3{font-size:16px}.workshop-panel__hint{font-size:11px}.workshop-tags{padding:3px;border-radius:14px}.workshop-tag{padding:7px 4px;border-radius:11px;gap:4px}.workshop-settings{height:46px;min-height:46px}.workshop-control__range-labels{font-size:11px}.workshop-range-stage{min-height:42px;padding:15px 0 0}.workshop-range-value{font-size:11px;padding:3px 7px}.workshop-range-presets{inset-block-start:15px}.workshop-range-preset__label{display:none}.workshop-pill-row{gap:6px;padding-bottom:0}.workshop-pill{padding:8px 12px;font-size:12px}.workshop-generate-button{min-height:44px;padding:10px 14px;font-size:16px;border-radius:18px}}@media(orientation:landscape)and (max-height:520px){.layered-shell:has(.workshop-page){padding-top:10px}.workshop-page{--workshop-mobile-controls-height: 228px;--workshop-canvas-min-side: 128px;--workshop-gap: 5px}.workshop-hero h2{font-size:20px}.workshop-canvas{justify-self:center}.workshop-panel{padding-block:7px}.workshop-settings{min-height:42px;height:42px}}.account-entry{width:auto;min-width:52px;max-width:98px;height:44px;border:1px solid rgba(93,83,74,.08);border-radius:16px;padding:0 10px;display:grid;place-items:center;background:#ffffffeb;color:var(--ink);box-shadow:0 8px 18px #5d534a14;cursor:pointer;overflow:hidden;font-size:12px;font-weight:900}.account-entry span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-entry--signed-in{color:#5d534a}.account-entry img{width:100%;height:100%;object-fit:cover}.account-page{min-height:calc(100dvh - var(--page-padding-block) * 2);display:grid;align-items:start;justify-items:center;padding-top:clamp(16px,6vh,56px)}.account-panel{width:min(100%,440px);border:1px solid rgba(93,83,74,.08);border-radius:24px;background:#fffffff0;box-shadow:0 14px 36px #5d534a14;padding:22px;position:relative}.account-page__back{width:38px;height:38px;border:1px solid rgba(93,83,74,.08);border-radius:14px;background:#fff;display:grid;place-items:center;cursor:pointer;margin-bottom:18px}.account-profile p{color:#5d534a85;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.account-profile h1{margin:0;font-size:28px;line-height:1.15}.account-actions{display:grid;gap:14px}.account-actions button{min-height:46px;border:0;border-radius:14px;background:var(--accent);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 10px 18px #c593d438}.account-profile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;margin-bottom:22px}.account-avatar{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--mint);color:#2c6a55;font-size:24px;font-weight:900;overflow:hidden}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-profile span,.account-loading{color:#5d534a94;font-size:13px;font-weight:800}.account-actions button{background:#fff;color:var(--ink);border:1px solid rgba(93,83,74,.08);box-shadow:none}.account-actions .account-actions__danger{background:#f570701a;color:#a14a4a}.app-shell--fullscreen:has(.auth-page){overflow-y:auto;background:#fbf3eb}.auth-page{min-height:100dvh;width:100%;display:grid;align-items:start;justify-items:center;padding:calc(var(--safe-top) + clamp(34px,7dvh,70px)) clamp(18px,5vw,28px) calc(var(--safe-bottom) + clamp(22px,5dvh,56px));background:linear-gradient(180deg,#fffbf61f,#fffbf652),url(/assets/backgrounds/login_mobile_bg.png) center / cover no-repeat}.auth-showcase,.auth-panel-heading,.auth-showcase__tablet-tagline,.auth-title-tablet,.auth-options{display:none}.auth-panel{position:relative;width:min(85vw,386px);max-width:100%;border:1px solid rgba(227,207,194,.82);border-radius:clamp(26px,8vw,42px);background:#ffffffed;box-shadow:0 22px 54px #674f3d1f;padding:clamp(26px,7vw,40px) clamp(10px,7vw,34px) clamp(14px,4vw,24px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-page__back{position:absolute;top:clamp(14px,4vw,20px);left:clamp(14px,4vw,20px);width:34px;height:34px;border:1px solid rgba(221,203,190,.75);border-radius:999px;background:#ffffffbd;color:#5d534ab8;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 16px #5d534a14}.auth-brand{display:grid;justify-items:center;text-align:center;margin-bottom:clamp(16px,4.4vw,28px)}.auth-logo{width:min(94%,310px);height:auto;display:block;margin:-58px 0 -52px}.auth-brand h1{margin:clamp(10px,3vw,16px) 0 0;color:#59443a;font-family:var(--font-title);font-size:clamp(24px,6.6vw,32px);line-height:1.08;font-weight:900;letter-spacing:0}.auth-brand p{margin-top:6px;color:#7e6358bd;font-size:clamp(15px,4.1vw,19px);line-height:1.35;font-weight:800}.auth-form{display:grid;gap:clamp(8px,2.4vw,12px)}.auth-field{position:relative;display:block}.auth-field__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.auth-field__icon{position:absolute;left:clamp(18px,5.4vw,24px);top:50%;width:25px;height:25px;display:grid;place-items:center;color:#bd7bd0;transform:translateY(-50%);pointer-events:none}.auth-field__icon--text{width:38px;color:#b88ac6;font-size:13px;font-weight:900}.auth-field svg,.auth-password-toggle svg,.auth-guest svg,.auth-sync-note svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.auth-field input{width:100%;min-height:clamp(46px,11.5vw,56px);border:1.5px solid rgba(221,202,190,.92);border-radius:19px;background:#ffffffc7;padding:0 54px 0 clamp(56px,15vw,68px);color:#5f5049;outline:none;font:inherit;font-size:clamp(15px,4.2vw,19px);font-weight:800;box-shadow:inset 0 1px #ffffffb8}.auth-field__icon--text+.auth-field__label+input{padding-left:clamp(72px,20vw,86px)}.auth-field input::placeholder{color:#836a6094}.auth-field input:focus{border-color:#c98dde;box-shadow:0 0 0 4px #d5ade22e,inset 0 1px #ffffffb8}.auth-field input:disabled{cursor:not-allowed;color:#5f50496b;background:#ffffff75}.auth-code-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,34%);gap:8px;align-items:stretch}.auth-code-button{min-height:clamp(46px,11.5vw,56px);border:1.5px solid rgba(117,202,168,.62);border-radius:19px;background:linear-gradient(180deg,#eefff8f0,#e2fff4d6);color:#48ad80;box-shadow:0 8px 16px #5d534a0f,inset 0 1px #ffffffad;cursor:pointer;font-size:clamp(12px,3.5vw,15px);font-weight:900;line-height:1.1;padding:0 10px;white-space:nowrap}.auth-code-button:disabled{cursor:not-allowed;color:#48ad8080;background:#ffffff80;opacity:.72;box-shadow:none}.auth-remember,.auth-options__forgot{border:0;padding:0;background:transparent;color:#b982ca;font:inherit;font-size:13px;font-weight:800}.auth-remember{display:inline-flex;align-items:center;gap:8px;color:#7e6358a3}.auth-remember input{appearance:none;width:16px;height:16px;border:1.5px solid rgba(201,141,222,.68);border-radius:5px;background:#ffffffb8;display:grid;place-items:center}.auth-remember input:checked:before{content:"";width:8px;height:5px;border-left:2px solid #bd7bd0;border-bottom:2px solid #bd7bd0;transform:rotate(-45deg) translateY(-1px)}.auth-options__forgot{cursor:pointer}.auth-password-toggle{position:absolute;right:clamp(17px,5vw,22px);top:50%;width:26px;height:26px;border:0;padding:0;display:grid;place-items:center;background:transparent;color:#bd7bd0;transform:translateY(-50%);cursor:pointer}.auth-message{border-radius:16px;background:#ffe1e1d1;color:#a24c4c;padding:10px 12px;font-size:13px;line-height:1.35;font-weight:800;text-align:center}.auth-submit,.auth-secondary,.auth-guest{width:100%;min-height:clamp(48px,12.2vw,58px);border-radius:19px;font-size:clamp(19px,5.5vw,27px);line-height:1;font-weight:900;letter-spacing:0;cursor:pointer}.auth-submit{border:1.5px solid #c48ad7;background:linear-gradient(180deg,#dba8e9,#c786dc);color:#fff;box-shadow:0 10px 18px #a25bb738,inset 0 2px #ffffff57;text-shadow:0 1px 0 rgba(105,61,119,.18)}.auth-submit:disabled{cursor:not-allowed;opacity:.62}.auth-secondary{min-height:clamp(44px,11vw,52px);border:1px solid rgba(201,141,222,.5);background:#ffffff7a;color:#ae69c2c7;font-size:clamp(16px,4.8vw,22px);box-shadow:none}.auth-forgot{justify-self:center;border:0;background:transparent;color:#b982ca;font-size:clamp(14px,4.1vw,17px);font-weight:900;cursor:pointer;padding:0 8px}.auth-divider{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;color:#6f5950b8;font-weight:900}.auth-divider span{height:1px;background:#d2c0b5db}.auth-divider em{width:30px;height:30px;border:1px solid rgba(218,202,191,.8);border-radius:50%;display:grid;place-items:center;background:#ffffffd6;font-style:normal;font-size:16px}.auth-guest{border:1.5px solid #75caa8;background:linear-gradient(180deg,#eefff8eb,#e2fff4d1);color:#48ad80;display:inline-grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:8px;min-height:clamp(40px,10.5vw,48px);font-size:clamp(15px,4.4vw,20px);border-color:#75caa89e}.auth-guest.auth-guest--desktop{display:none}.auth-guest svg{width:24px;height:24px;stroke-width:1.65}.auth-sync-note{display:inline-grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:9px;color:#7e63589e;font-size:clamp(12px,3.5vw,15px);font-weight:500;line-height:1.2;text-align:center}.auth-sync-note svg{width:22px;height:18px;color:#bd7bd0b8}@media(min-width:900px){.auth-page{grid-template-columns:minmax(400px,580px) minmax(440px,590px);justify-content:center;align-items:center;justify-items:center;padding:clamp(42px,6vh,74px) clamp(52px,7vw,118px);background:linear-gradient(90deg,#fff8f005,#fff8f00f),url(/assets/backgrounds/login_desktop_bg.png) center / cover no-repeat;overflow:hidden}.auth-showcase{display:grid;justify-items:center;align-self:center;width:min(45vw,600px);min-width:390px;text-align:center;transform:translateY(-146px)}.auth-showcase__logo{width:min(82%,480px);height:auto;display:block;margin:0 0 -72px}.auth-showcase h2{margin:0;color:#9e63bb;font-family:var(--font-title);font-size:clamp(36px,3.35vw,50px);line-height:1.1;font-weight:900;letter-spacing:0}.auth-showcase p{margin-top:12px;color:#654d42c2;font-size:clamp(17px,1.45vw,21px);line-height:1.35;font-weight:700}.auth-panel{width:min(40.5vw,590px);min-width:440px;max-width:590px;border-radius:30px;border-color:#ffffffdb;background:#ffffffed;box-shadow:0 24px 70px #5d483a21;padding:clamp(54px,7.3vh,76px) clamp(48px,4.5vw,68px) clamp(42px,5.2vh,54px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-page__back,.auth-brand,.auth-guest--mobile{display:none}.auth-panel-heading{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:clamp(34px,5vh,46px);color:#5d4a40;font-size:clamp(16px,1.25vw,19px);line-height:1;font-weight:900}.auth-panel-heading>span{color:#c98dde;font-size:20px;line-height:1}.auth-panel-heading__mark{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffe6ef 0 16%,transparent 17%),radial-gradient(circle at 50% 18%,#c58ae0 0 17%,transparent 18%),radial-gradient(circle at 82% 50%,#f7b6cf 0 17%,transparent 18%),radial-gradient(circle at 50% 82%,#f2d06b 0 17%,transparent 18%),radial-gradient(circle at 18% 50%,#b5ead7 0 17%,transparent 18%);box-shadow:0 6px 14px #9d67b229}.auth-form{gap:14px}.auth-field__icon{left:23px;width:28px;height:28px}.auth-field__icon--text{width:46px;font-size:14px}.auth-field input{min-height:60px;border-radius:15px;border-color:#ddcabec2;padding-left:72px;font-size:20px;background:#ffffffb3}.auth-code-row{grid-template-columns:minmax(0,1fr) 118px;gap:10px}.auth-code-button{min-height:60px;border-radius:15px;font-size:16px}.auth-field__icon--text+.auth-field__label+input{padding-left:88px}.auth-password-toggle{right:22px;width:28px;height:28px}.auth-submit,.auth-secondary,.auth-guest{min-height:64px;border-radius:15px;font-size:26px}.auth-submit{box-shadow:0 13px 24px #a25bb738,inset 0 2px #ffffff59}.auth-secondary{min-height:56px;border:1.5px solid rgba(201,141,222,.92);background:#ffffff94;color:#c17ad6;font-size:22px}.auth-forgot{margin-top:2px;color:#bd7bd0;font-size:16px}.auth-divider{gap:14px;margin:2px 0 0}.auth-divider em{width:34px;height:34px;font-size:16px}.auth-guest.auth-guest--desktop{display:inline-grid;min-height:58px;border-radius:15px;border-color:#75caa8b8;color:#4aae82;font-size:22px;background:linear-gradient(180deg,#effff8e6,#e2fff4c7)}.auth-guest--desktop svg{width:26px;height:26px}.auth-sync-note{margin-top:12px;color:#7e6358a8;font-size:17px;font-weight:600}.auth-sync-note svg{width:30px;height:24px}}@media(min-width:700px)and (max-width:1199px)and (orientation:landscape){.auth-page{grid-template-columns:minmax(360px,1fr) minmax(360px,430px);align-items:center;justify-items:center;gap:clamp(22px,4vw,44px);padding:clamp(34px,5vh,48px) clamp(42px,6vw,64px);background:linear-gradient(90deg,#fff9f40a,#fff9f41f),url(/assets/backgrounds/login_tablet_horizontal_bg.png) center / cover no-repeat;overflow:hidden}.auth-showcase{display:grid;justify-items:center;width:min(44vw,430px);min-width:340px;text-align:center;transform:translateY(-86px)}.auth-showcase__logo{width:min(100%,420px);height:auto;display:block;margin:-24px 0 -100px}.auth-showcase h2,.auth-showcase>p:not(.auth-showcase__tablet-tagline){display:none}.auth-showcase__tablet-tagline{display:block;margin:-18px 0 0;color:#654d42b8;font-size:clamp(17px,2vw,22px);line-height:1.25;font-weight:800;letter-spacing:0}.auth-panel{width:min(40vw,430px);min-width:380px;max-width:430px;border-radius:34px;border-color:#ffffffc7;background:#ffffffe6;box-shadow:0 22px 56px #674f3d1f;padding:clamp(34px,5vh,46px) clamp(34px,4.8vw,44px) clamp(24px,4vh,34px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-page__back,.auth-panel-heading,.auth-logo,.auth-title-mobile,.auth-guest.auth-guest--desktop{display:none}.auth-brand{display:grid;justify-items:center;margin-bottom:clamp(24px,4vh,34px)}.auth-title-tablet{display:inline}.auth-brand h1{margin:0;color:#59443a;font-size:clamp(26px,3vw,34px);line-height:1.08}.auth-brand p{position:relative;margin-top:10px;color:#7e6358b8;font-size:clamp(14px,1.55vw,17px);font-weight:700}.auth-brand p:after{content:"";position:absolute;left:50%;bottom:-9px;width:128px;height:8px;background:linear-gradient(90deg,#c98dde00,#c98ddeb8,#c98dde00);border-radius:999px;transform:translate(-50%) rotate(-3deg)}.auth-form{gap:14px}.auth-field__icon{left:18px;width:23px;height:23px}.auth-field input{min-height:48px;border-radius:10px;padding-left:52px;font-size:15px;font-weight:800;background:#ffffffc2}.auth-code-row{grid-template-columns:minmax(0,1fr) 104px;gap:8px}.auth-code-button{min-height:48px;border-radius:10px;font-size:13px}.auth-field__icon--text+.auth-field__label+input{padding-left:66px}.auth-password-toggle{right:18px;width:24px;height:24px}.auth-options{display:flex;align-items:center;justify-content:space-between;margin-top:-2px}.auth-submit,.auth-secondary,.auth-guest{min-height:48px;border-radius:999px;font-size:18px}.auth-submit{margin-top:2px}.auth-secondary{min-height:42px;font-size:17px}.auth-forgot{display:none}.auth-divider{gap:10px;margin-top:0}.auth-divider em{width:28px;height:28px;font-size:14px}.auth-guest--mobile{display:inline-grid;min-height:44px;font-size:17px}.auth-guest--mobile svg{width:25px;height:25px}.auth-sync-note{margin-top:8px;color:#7e635894;font-size:13px;font-weight:500}}@media(min-width:700px)and (max-width:1199px)and (orientation:portrait){.auth-page{grid-template-columns:1fr;align-items:start;justify-items:center;gap:0;padding:calc(var(--safe-top) + clamp(28px,4.5vh,46px)) clamp(36px,6vw,56px) calc(var(--safe-bottom) + clamp(24px,4vh,40px));background:linear-gradient(180deg,#fff9f40d,#fff9f41f),url(/assets/backgrounds/login_tablet_vertical_bg.png) center / cover no-repeat;overflow:hidden}.auth-showcase{display:grid;justify-items:center;width:min(72vw,520px);text-align:center}.auth-showcase__logo{width:min(100%,500px);height:auto;display:block;margin:-52px 0 -160px}.auth-showcase h2,.auth-showcase p{display:none}.auth-panel{width:min(55vw,420px);min-width:380px;max-width:420px;border-radius:24px;border-color:#ffffffc2;background:#ffffffe6;box-shadow:0 18px 46px #674f3d1f;padding:clamp(24px,3.5vh,32px) clamp(28px,4.4vw,36px) clamp(18px,3vh,26px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-page__back,.auth-panel-heading,.auth-logo,.auth-title-mobile,.auth-guest.auth-guest--desktop{display:none}.auth-brand{display:grid;justify-items:center;margin-bottom:18px}.auth-title-tablet{display:inline}.auth-brand h1{margin:0;color:#59443a;font-size:clamp(22px,4vw,28px);line-height:1.08}.auth-brand p{position:relative;margin-top:8px;color:#7e6358b8;font-size:clamp(12px,2vw,15px);font-weight:700}.auth-brand p:after{content:"";position:absolute;left:50%;bottom:-8px;width:112px;height:7px;background:linear-gradient(90deg,#c98dde00,#c98ddead,#c98dde00);border-radius:999px;transform:translate(-50%) rotate(-3deg)}.auth-form{gap:10px}.auth-field__icon{left:14px;width:20px;height:20px}.auth-field input{min-height:38px;border-radius:8px;padding-left:42px;font-size:12px;font-weight:800;background:#ffffffc2}.auth-code-row{grid-template-columns:minmax(0,1fr) 84px;gap:7px}.auth-code-button{min-height:38px;border-radius:8px;font-size:11px;padding:0 7px}.auth-field__icon--text+.auth-field__label+input{padding-left:58px}.auth-password-toggle{right:14px;width:21px;height:21px}.auth-options{display:flex;align-items:center;justify-content:space-between;margin-top:-2px}.auth-remember,.auth-options__forgot{font-size:11px}.auth-remember input{width:13px;height:13px;border-radius:4px}.auth-submit,.auth-secondary,.auth-guest{min-height:38px;border-radius:999px;font-size:14px}.auth-secondary{min-height:34px;font-size:13px}.auth-forgot{display:none}.auth-divider{gap:8px;margin:-1px 0}.auth-divider em{width:24px;height:24px;font-size:12px}.auth-guest--mobile{display:inline-grid;min-height:36px;font-size:13px;gap:7px}.auth-guest--mobile svg{width:20px;height:20px}.auth-sync-note{margin-top:8px;color:#7e635894;font-size:12px;font-weight:500}.auth-sync-note svg{width:20px;height:16px}}