@import url('./community-remix.css');
.community-mode{margin:-12px 0 24px;padding:10px 15px;border:1px dashed #dbd3ed;border-radius:12px;color:#8a80a1;background:#faf8ff;font-size:12px}
.discovery-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;background:#fff;border:1px solid #e7e3f1;border-radius:22px;margin-bottom:34px}
.discovery-label{font-size:13px;font-weight:700;color:#68617f}.scene-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.scene-chip{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border:1px solid #e8e4f2;background:#fbfaff;border-radius:13px;font-size:13px;color:#70628e}.scene-chip .ui-icon{width:18px;height:18px}.scene-chip.selected{background:#eeebff;color:#653cf1;border-color:#bba7ff;box-shadow:0 3px 10px #7d53df0c}
.discovery-heading h2{font-size:25px}.discovery-heading p,.stories-heading p{font-size:13px;margin:7px 0 0}.discovery-heading>span{white-space:nowrap;font-size:12px;color:#8c829e}.community-search{display:grid;grid-template-columns:minmax(0,1fr) 145px 130px;gap:10px;margin-bottom:23px}.search-box{display:flex;align-items:center;background:white;border:1px solid #e4dff0;border-radius:12px;padding-left:15px;gap:5px}.search-box input{border:0!important;background:transparent!important}.search-box .ui-icon{color:#9179be;flex:none}
.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.community-card{min-width:0;border-radius:18px}.community-card .card-body{padding:18px}.community-card h3{font-family:'Lab Sans',sans-serif;font-size:18px;line-height:1.5;font-weight:800;margin:11px 0 7px;overflow-wrap:anywhere}.community-card .card-body>p{font-size:13px;line-height:1.7;min-height:44px;margin-bottom:12px}.community-card .byline{font-size:11px}.community-card .card-bottom{padding-top:13px;gap:5px}.community-card .small-label{display:flex;align-items:center;gap:4px;white-space:nowrap}.community-card .small-label .ui-icon{width:14px;height:14px}.community-card .meta{font-size:11px;gap:7px}
.community-art{height:185px;position:relative;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:#f0ebff}.community-art.mint{background:#e2f7ef}.community-art.peach{background:#ffede4}.community-art.blue{background:#e6f2ff}.community-art:after{content:'';position:absolute;width:95px;height:95px;border:22px solid #ffffff55;border-radius:50%;right:-20px;top:-20px}.art-paper{z-index:1;width:89%;background:#ffffffed;border:1px solid #fff;border-radius:12px;padding:18px 12px;box-shadow:0 10px 18px #4e39740b;transform:rotate(-3deg);text-align:center;min-height:106px}.art-paper small{font-size:9px;letter-spacing:1px;color:#9a8fad}.art-doodle{position:absolute;left:13px;top:16px;transform:rotate(-12deg);color:#8c72ca}.art-doodle .ui-icon{width:25px;height:25px}.art-star{position:absolute;right:14px;bottom:13px;color:#ad8dea;font-size:25px}.art-emotions{font-size:26px;margin-top:12px;white-space:nowrap}.art-groups{display:flex;gap:5px;justify-content:center;margin-top:14px}.art-groups span{border-radius:8px;padding:10px 7px;background:#ece8fa;font-size:11px;line-height:2;color:#796097}.art-groups span:nth-child(2){background:#e8f7ee}.art-groups span:nth-child(3){background:#fff1de}.art-timer{font-size:44px;font-weight:800;letter-spacing:7px;color:#3c5085;font-variant-numeric:tabular-nums}.art-timer span{color:#abbbdb}.art-speech{display:flex;flex-direction:column;gap:6px;margin-top:8px;text-align:left;font-size:11px}.art-speech span{padding:5px 9px;background:#f4e9fb;border-radius:9px}.art-speech span:last-child{align-self:flex-end;background:#e6f3ff}.art-question{font-size:17px;line-height:1.7;margin-top:12px;color:#59417b;overflow-wrap:anywhere}.art-checks{text-align:left;font-size:12px;color:#68806b;margin:10px auto 0;width:140px;line-height:1.9}.community-art.actual{padding:0;background:#f5f5fa}.community-art.actual:after{display:none}.community-art.actual img{width:100%;height:100%;object-fit:contain}.art-caption{position:absolute;bottom:7px;left:8px;background:#fffe;padding:3px 8px;border-radius:7px;font-size:9px;color:#8b7f9b}
.use-meta{display:flex;gap:13px;flex-wrap:wrap;margin:13px 0;color:#857792;font-size:11px}.use-meta span{display:flex;align-items:center;gap:5px}.use-meta .ui-icon{width:15px;height:15px}.experiment-banner{display:flex;gap:24px;align-items:center;background:linear-gradient(110deg,#eeeaff,#f2f9f6);border:1px solid #e0d8f4;border-radius:22px;padding:30px;margin:36px 0}.experiment-banner h2{font-family:'Lab Sans',sans-serif;font-size:22px;font-weight:800;margin:0 0 7px}.experiment-banner p{font-size:13px;margin:0}.experiment-banner .eyebrow{font-size:10px;letter-spacing:1px;margin:0 0 9px}.experiment-banner .btn{margin-left:auto;flex:none;font-size:13px}.experiment-symbol{position:relative;background:white;border-radius:20px;width:76px;height:76px;display:grid;place-items:center;flex:none;color:#865ad1}.experiment-symbol>.ui-icon{width:38px;height:38px}.experiment-symbol>.experiment-spark{position:absolute;right:-5px;top:-12px;color:#f1c346;font-size:25px}
.discovery-end{padding:25px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.discovery-end h3{font-size:19px}.discovery-end p{margin:0;font-size:13px}.community-empty{padding:42px 25px;text-align:center;width:100%;grid-column:1/-1;background:#fbfaff;border:1px dashed #e5dff0;border-radius:18px}.community-empty>.ui-icon{width:29px;height:29px;color:#b39bcf;margin-bottom:15px}.community-empty h3{font-family:'Lab Sans',sans-serif;font-weight:700;font-size:16px}.community-empty p{font-size:13px;margin-bottom:0}
.community-detail,.publish-layout,.experiment-detail{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px}.detail-art .community-art{height:330px;border-radius:20px}.detail-art .art-paper{max-width:430px;padding:34px;min-height:180px}.detail-art .art-paper small{font-size:12px}.detail-art .art-emotions{font-size:42px}.detail-art .art-question{font-size:26px}.detail-art .art-timer{font-size:70px}.detail-art .art-groups{gap:16px}.detail-art .art-groups span{font-size:15px;padding:16px}.detail-actions .use-meta{margin:22px 0}.detail-small{font-size:11px!important;margin:15px 0 0!important}.build-note{margin-top:24px}.discovery-related{margin:36px 0}.discovery-related h2{font-size:23px}.discovery-related p{font-size:13px;margin:6px 0 0}.classroom-notes{margin-top:25px}.classroom-notes h2{font-size:23px}.count-pill{display:inline-block;padding:1px 10px;background:#f0ebff;border-radius:20px;color:#9064d4;font-family:'Lab Sans',sans-serif;font-size:14px;vertical-align:middle}.classroom-note{padding:23px 0;border-bottom:1px solid #eee8f5}.note-byline{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px}.note-byline time{margin-left:auto;color:#a29aae;font-size:10px}.classroom-note>p{font-size:14px;margin:14px 0;white-space:pre-wrap;overflow-wrap:anywhere}.note-reply{margin:12px 0 12px 20px;padding:14px;background:#f7f4fc;border-left:2px solid #cfc0ea;border-radius:0 12px 12px 0}.note-reply b{font-size:12px}.note-reply p{font-size:13px;margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.note-reply-button{border:0;background:transparent;color:#8d68b4;font-size:12px;padding:3px}.classroom-note-form{background:#f9f7fe;padding:23px;border-radius:16px;margin-top:24px}.classroom-note-form h3{font-family:'Lab Sans',sans-serif;font-size:16px;font-weight:700;margin:0}.note-input-row{display:grid;grid-template-columns:140px 1fr;gap:15px}.note-input-row label{font-size:12px;color:#716384}.note-input-row select,.note-input-row textarea{display:block;margin-top:8px}.note-input-row textarea{min-height:95px}.classroom-note-form>.section-head:last-child{margin-top:15px;margin-bottom:0}.classroom-note-form small{font-size:10px;color:#9384a5}
.publish-row{display:flex;gap:14px}.publish-row>.field{flex:1;min-width:0}.publish-extra{border-top:1px solid #eee7f6;border-bottom:1px solid #eee7f6;padding:18px 0;margin-bottom:24px}.publish-extra summary{cursor:pointer;color:#705495;font-size:14px;margin-bottom:12px}.publish-extra summary span{font-size:11px;color:#a393b1;margin-left:8px}.publish-extra .field:first-of-type{margin-top:15px}.publish-extra #thumbnail-remove{margin-bottom:20px}.publish-submit{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:25px}.publish-submit small{font-size:11px;color:#9685a5}.sticky-preview{position:sticky;top:24px}.preview-help{text-align:center;font-family:'Gaegu',cursive;font-size:22px;line-height:1.6;margin-top:24px;color:#9677ab}
.lab-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lab-entry-grid .panel{padding:32px;position:relative}.lab-new{background:linear-gradient(135deg,#fffdf1,#fff)!important}.lab-remix{background:linear-gradient(135deg,#effaf5,#fff)!important}.lab-entry-grid h2{font-family:'Lab Sans',sans-serif;font-weight:800;font-size:25px}.lab-entry-grid p{font-size:14px}.lab-entry-grid .eyebrow{font-size:10px}.lab-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#ffefb4;color:#b89934;margin-bottom:22px}.lab-remix .lab-icon{background:#d6f4e6;color:#4aa284}.lab-icon .ui-icon{width:29px;height:29px}.lab-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.lab-principles b,.experiment-steps b{font-size:30px;font-weight:300;color:#bfa8e3}.lab-principles h3{margin-top:12px}.lab-principles p{font-size:13px}.experiment-question h2{font-family:'Lab Sans',sans-serif;font-size:25px;font-weight:800}.experiment-question>p{font-size:14px}.experiment-steps{display:flex;gap:16px;margin:25px 0}.experiment-steps>div{flex:1;padding:17px;background:#f8f5ff;border-radius:14px}.experiment-steps p{font-size:13px;margin:8px 0 0}.experiment-question .small-label{display:block;margin-top:18px;font-size:11px}.experiment-status ol{padding-left:20px;font-size:13px;line-height:2.2}.experiment-status h3{margin-top:20px}.experiment-summary p{white-space:pre-wrap}.stories-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.story-card>p{font-size:19px;color:#685781;line-height:1.8;margin-top:18px;white-space:pre-wrap;overflow-wrap:anywhere}.story-source{font-size:12px;color:#956bb6;display:flex;align-items:center;gap:8px;border-top:1px solid #eee8f5;padding-top:15px}.account-form{max-width:580px;margin:auto}.account-form p{font-size:13px;margin-top:20px}.home-discovery-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 0}.home-discovery-actions .btn{font-size:13px}.account-aux{display:flex;flex-direction:column;gap:8px;padding:10px}.account-aux a{font-size:12px;color:#82619f;padding:6px}
@media(max-width:1000px){.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-detail,.publish-layout,.experiment-detail{grid-template-columns:minmax(0,1fr) 270px}.experiment-banner{gap:15px;flex-wrap:wrap}.experiment-banner .btn{margin-left:0}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.discovery-strip{padding:20px;display:block}.discovery-strip>.btn{margin-top:20px}.scene-chips{gap:7px}.scene-chip{font-size:11px;padding:9px 11px}.discovery-heading{align-items:flex-start}.discovery-heading h2{font-size:23px}.discovery-heading>span{font-size:10px}.community-search{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}.community-grid{grid-template-columns:1fr}.community-art{height:190px}.community-card h3{font-size:20px}.community-card .card-body>p{min-height:0}.community-card .byline{font-size:12px}.community-detail,.publish-layout,.experiment-detail{display:flex;flex-direction:column}.detail-actions{display:grid;grid-template-columns:1fr}.detail-actions .side-card{margin-bottom:12px}.detail-art .community-art{height:255px}.detail-art .art-paper{padding:22px;min-height:130px}.detail-art .art-emotions{font-size:29px}.detail-art .art-groups{gap:8px}.detail-art .art-groups span{font-size:12px;padding:9px}.detail-art .art-question{font-size:22px}.tabs{gap:18px}.tabs a{font-size:12px}.experiment-banner{padding:22px}.experiment-symbol{width:54px;height:54px;border-radius:14px}.experiment-symbol>.ui-icon{width:27px;height:27px}.experiment-banner h2{font-size:21px}.experiment-banner>.btn{width:100%}.discovery-end{align-items:flex-start;flex-direction:column}.lab-entry-grid,.lab-principles,.story-grid{grid-template-columns:1fr}.lab-entry-grid{gap:0}.lab-entry-grid .panel{padding:25px}.lab-principles{gap:15px}.lab-principles>div{border-bottom:1px solid #ece7f4;padding-bottom:12px}.lab-entry-grid h2{font-size:23px}.experiment-steps{flex-direction:column;gap:8px}.experiment-steps>div{display:flex;gap:15px;align-items:center}.experiment-steps p{margin:0}.classroom-notes{padding:20px!important}.classroom-notes h2{font-size:21px}.note-input-row{grid-template-columns:1fr}.classroom-note-form{padding:16px}.classroom-note-form>.section-head:last-child{align-items:flex-start;flex-direction:column}.classroom-note-form .primary{width:100%}.note-byline time{margin-left:0}.publish-row{flex-wrap:wrap}.publish-row .field{flex-basis:40%}.publish-submit{flex-direction:column;align-items:stretch}.publish-layout>aside{order:-1}.sticky-preview{position:static}.publish-layout>aside .community-art{height:130px}.publish-layout>aside .card-body{display:none}.preview-help{display:none}.stories-heading{align-items:flex-start;flex-direction:column}.story-card>p{font-size:17px}.community-empty{padding:30px 18px}.community-mode{font-size:10px}.home-discovery-actions .btn{flex:1;white-space:nowrap}}


[hidden]{display:none!important}

.home-works .community-art{height:145px;padding:18px 10px}
.home-works .community-card .card-body{padding:13px}
.home-works .community-card h3{font-size:16px}
.home-works .art-groups{gap:3px}
.home-works .art-groups span{padding:7px 4px;font-size:9px}
.home-works .art-emotions{font-size:21px}
.home-works .art-paper{width:94%;padding:12px 7px}
.home-works .art-question{font-size:14px}
.home-works .card-bottom{flex-wrap:wrap}
@media(max-width:760px){.home-works .community-art{height:130px}.home-works .art-timer{font-size:29px;letter-spacing:3px}.home-works .art-emotions{font-size:17px}.home-works .community-card .use-meta{gap:5px;font-size:10px}.home-works .community-card .meta{flex-wrap:wrap}.home-works .community-card .card-body>p{font-size:11px}}

.lab-builtin{display:flex;align-items:center;gap:20px;margin-top:24px;padding:24px 28px}.lab-builtin>div{flex:1}.lab-builtin h2{margin:4px 0}.lab-builtin p{margin:0;color:var(--muted)}@media(max-width:760px){.lab-builtin{flex-direction:column;align-items:flex-start}}
/* 만든 과정: the shared timeline on a studio tool's "어떻게 만들었지?" tab */
.making-of{margin-top:26px;padding-top:20px;border-top:1px solid var(--line,#e9edf8)}
.making-of h3{margin:0 0 6px}
.making-of-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.making-of-meta span{font-size:12px;padding:3px 10px;border-radius:999px;background:var(--lavender,#e9e1ff);color:#4b3a8f}
.making-of-steps{list-style:none;margin:0 0 14px;padding:0 0 0 18px;border-left:2px solid var(--line,#e9edf8);display:grid;gap:14px}
.making-of-steps li{position:relative}
.making-of-steps li:before{content:'';position:absolute;left:-25px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #b9a8f5}
.making-of-steps small{display:block;font-size:12px;color:var(--muted,#697399);margin-bottom:3px}
.making-of-steps p{margin:0;overflow-wrap:anywhere;white-space:pre-line}
.making-of-seed blockquote{margin:4px 0 8px;padding:12px 14px;border-radius:12px;background:var(--lavender,#e9e1ff);white-space:pre-line;overflow-wrap:anywhere;font-weight:600}
.making-of-seed:before{background:#7a5cf0!important;border-color:#7a5cf0!important}
.making-of-seed .btn{margin-top:8px}
.making-of-edit:before{border-style:dashed!important;border-color:#c6cbe0!important}
.making-of-edit p{color:var(--muted,#697399);font-size:14px}
.making-of-reply{margin-top:6px!important;padding:8px 12px;border-radius:10px;background:var(--mint,#dff9f1);font-size:14px;color:#24493f}
.making-of-reply b{margin-right:4px}
body[data-site-appearance=dark] .making-of-meta span,body[data-site-appearance=dark] .making-of-seed blockquote{background:#2d2650;color:#e8e2ff}
body[data-site-appearance=dark] .making-of-reply{background:#183b33;color:#d4f5ea}
body[data-site-appearance=dark] .making-of-steps li:before{background:#1c1f33}
/* 수업자료 분류 — publish form block, card tags, tool page */
.curriculum-fields{border:1px solid var(--line,#e2e6f3);border-radius:14px;padding:12px 16px 14px;margin:16px 0;display:grid;gap:12px;min-width:0}
.curriculum-fields legend{font-weight:800;padding:0 6px}
.curriculum-fields legend small{font-weight:500;color:var(--muted,#697399);margin-left:6px}
.curriculum-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:start}
.curriculum-row>b{font-size:13px;padding-top:6px}.curriculum-row>b small{display:block;font-weight:500;color:var(--muted,#697399);font-size:11px}
.curriculum-row input:not([type=checkbox]){width:100%;min-width:0}
.curriculum-chips{display:flex;flex-wrap:wrap;gap:6px}
.curriculum-chips button{border:1px solid var(--line,#d9def0);background:var(--surface,#fff);color:inherit;border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;cursor:pointer}
.curriculum-chips button[aria-pressed=true]{background:#6841ff;border-color:#6841ff;color:#fff;font-weight:700}
.curriculum-status{margin:4px 0 6px;font-size:12px;color:var(--muted,#697399)}
.curriculum-standard{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.5;padding:6px 8px;border-radius:10px;background:#f6f4ff;margin:4px 0}
.curriculum-standard input{margin-top:3px;flex:none}.curriculum-standard em,.tool-standards em{font-style:normal;font-size:11px;color:#6841ff;background:#ece6ff;border-radius:6px;padding:1px 6px}
.curriculum-more summary{cursor:pointer;font-size:13px;color:#6841ff;margin:6px 0}
.curriculum-more input{margin-bottom:6px}
.curriculum-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.curriculum-tag{display:inline-flex;align-items:center;gap:2px;background:#eef7ff;color:#1f5fbf;border-radius:999px;padding:3px 4px 3px 10px;font-size:13px;font-weight:600}
.curriculum-tag button{border:0;background:none;color:inherit;cursor:pointer;font-size:14px;padding:0 6px}
.curriculum-row small{display:block;font-size:11px;color:var(--muted,#697399);margin-top:4px}
.curriculum-source{font-size:11px;color:var(--muted,#697399)}
.tool-tags{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 2px}
.tool-tag{font-size:12px;font-weight:600;color:#1f5fbf;background:#eef7ff;border-radius:999px;padding:2px 9px;text-decoration:none}
.tool-tag:hover{background:#dcefff}
.tool-curriculum{margin-top:22px;padding-top:16px;border-top:1px solid var(--line,#e9edf8)}
.tool-standards{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}
.tool-standards li{font-size:14px;line-height:1.55;background:#f6f4ff;border-radius:10px;padding:8px 10px}
.tool-curriculum>small{display:block;font-size:11px;color:var(--muted,#697399);margin-top:6px}
@media(max-width:560px){.curriculum-row{grid-template-columns:1fr;gap:4px}.curriculum-row>b{padding-top:0}}
body[data-site-appearance=dark] .curriculum-standard,body[data-site-appearance=dark] .tool-standards li{background:#26214a}
body[data-site-appearance=dark] .curriculum-tag,body[data-site-appearance=dark] .tool-tag{background:#1d2f4d;color:#a9d1ff}