.generation-composition.svelte-iyj9n1{position:relative;padding:0 11% 7% 0}.home-preview.svelte-iyj9n1{box-shadow:0 24px 70px #0005}.generation-panel.svelte-iyj9n1{position:absolute;bottom:0;right:0;width:21%;box-shadow:0 20px 70px #0009}.generation-words.svelte-iyj9n1{display:flex;gap:32px;color:#858591;font-size:11px;margin-top:22px}.detail-composition.svelte-iyj9n1{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:18px;padding:28px;border-radius:16px;background:radial-gradient(ellipse at 40% 50%,#2b2d47,#17171b 75%)}.adjust-preview.svelte-iyj9n1{box-shadow:0 18px 45px #0005}.detail-panels.svelte-iyj9n1{display:grid;gap:18px}.detail-aside.svelte-iyj9n1{color:#b8c4e5!important;font-size:11px!important}.history-composition.svelte-iyj9n1{display:grid;grid-template-columns:1fr .3fr;align-items:start;gap:38px}.history-desktop.svelte-iyj9n1 .preview{max-height:700px}.history-compact.svelte-iyj9n1{margin-top:80px}.color-composition.svelte-iyj9n1{display:grid;grid-template-columns:.9fr 2.6fr;align-items:start;gap:32px;padding:36px 26px;background:radial-gradient(ellipse at 10% 20%,#2e2937,#17171b 75%);border-radius:16px}.color-context.svelte-iyj9n1{margin-top:30px}.color-tools.svelte-iyj9n1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px}.color-tools.svelte-iyj9n1 figure:where(.svelte-iyj9n1):nth-child(2){margin-top:54px}.mask-gallery.svelte-iyj9n1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:30px;padding:20px 16px 0}.mask-gallery.svelte-iyj9n1 figure:where(.svelte-iyj9n1):nth-child(2){margin-top:65px}.mask-gallery.svelte-iyj9n1 figure:where(.svelte-iyj9n1):nth-child(3){margin-top:130px}.timeline-stage.svelte-iyj9n1{padding:40px 28px 24px;border-radius:16px;background:radial-gradient(ellipse at 50% 10%,#22283d,#17171b 75%)}.timeline-label.svelte-iyj9n1{display:block;margin-top:24px;text-align:center;color:#8b8b9b;font-size:11px}@media(max-width:900px){.history-composition.svelte-iyj9n1{gap:24px}.history-desktop.svelte-iyj9n1 .preview{max-height:560px}.color-composition.svelte-iyj9n1{grid-template-columns:1fr;gap:30px}.color-context.svelte-iyj9n1{max-width:250px;margin:0 auto}.mask-gallery.svelte-iyj9n1{gap:20px;padding-inline:0}.detail-composition.svelte-iyj9n1{padding:18px;gap:12px}.detail-panels.svelte-iyj9n1{gap:12px}.generation-words.svelte-iyj9n1{gap:18px;font-size:10px}}@media(max-width:650px){.history-composition.svelte-iyj9n1{grid-template-columns:1fr;gap:34px}.history-desktop.svelte-iyj9n1 .preview{max-height:500px}.history-compact.svelte-iyj9n1{width:54%;max-width:245px;margin:0 auto}.color-composition.svelte-iyj9n1{padding:28px 16px}.color-context.svelte-iyj9n1{width:68%}.color-tools.svelte-iyj9n1{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.color-tools.svelte-iyj9n1 figure:where(.svelte-iyj9n1):nth-child(2){margin-top:24px}.color-tools.svelte-iyj9n1 figure:where(.svelte-iyj9n1):last-child{width:calc(50% - 8px);grid-column:1 / -1;justify-self:center}.mask-gallery.svelte-iyj9n1{grid-template-columns:1fr;width:82%;max-width:345px;margin:0 auto;gap:36px;padding:0}.mask-gallery.svelte-iyj9n1 figure:where(.svelte-iyj9n1):nth-child(n){margin-top:0}.generation-composition.svelte-iyj9n1{padding:0 0 22%}.home-preview.svelte-iyj9n1{width:94%}.generation-panel.svelte-iyj9n1{width:25%}.generation-words.svelte-iyj9n1{gap:10px;font-size:9px;line-height:1.6}.detail-composition.svelte-iyj9n1{max-width:440px;margin-inline:auto;padding:22px;gap:16px}.detail-panels.svelte-iyj9n1{gap:16px}.timeline-stage.svelte-iyj9n1{padding:22px 12px 18px}.timeline-label.svelte-iyj9n1{font-size:10px;margin-top:18px}}