:root{font-family:Inter,Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:#253230;background:#f5f1e8;font-synthesis:none;font-weight:400;--ink: #253230;--muted: #738078;--paper: #fffdf6;--accent: #ac653e;--line: #d8d8ca;--green: #254f46}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:transparent;border-radius:7px;padding:11px 15px;min-height:44px;transition:background .15s}button:hover{background:#e9e9df}button:disabled{opacity:.45;cursor:not-allowed}button[aria-pressed=true],button.active{background:#e1e7dc;border-color:#718f75}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid #ab673c;outline-offset:4px}input,textarea,select{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:11px;margin-top:7px;min-height:44px}textarea{resize:vertical}label{display:block;font-size:13px;font-weight:600;margin:14px 0}input[type=range]{padding:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;letter-spacing:-.04em;word-break:keep-all}p{line-height:1.7}header{display:flex;align-items:center;gap:32px;max-width:1500px;margin:auto;padding:25px 42px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;border:0;padding:0;text-align:left;font-size:12px;line-height:1.25;letter-spacing:.14em}.brand b{font-size:17px}.eye-logo{font-size:38px;color:var(--accent)}nav{display:flex;gap:8px;margin-left:auto}nav button{border:0;font-size:13px}.count{display:inline-flex;padding:2px 7px;border-radius:20px;background:#dee4d9;font-size:11px;margin-left:5px}.safety-controls{display:flex;gap:6px}.safety-controls button{font-size:11px;padding:10px}.safety-controls button:last-child{border-color:#a4ad9e}main{max-width:1320px;margin:auto;padding:0 38px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding:68px 0 56px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--accent);margin-bottom:20px}.hero h1{font-size:clamp(32px,3.3vw,49px);line-height:1.45;margin-bottom:25px}.hero em{font-style:normal;color:var(--accent)}.lead{font-size:14px;color:#68756e;line-height:1.9}.hero-actions{display:flex;gap:20px;align-items:center;margin-top:29px}.hero-actions>span{font-size:11px;color:var(--muted)}.primary{background:var(--green)!important;color:#fff9e9!important;border-color:var(--green)!important;padding:15px 22px}.primary:hover{background:#326454!important}.stats{display:flex;gap:30px;margin-top:38px}.stats span{font-size:10px;color:var(--muted);display:flex;gap:9px;align-items:baseline}.stats b{font-size:24px;font-weight:400;color:var(--ink)}.hero-plate{padding:23px;background:#e8e7da;border:1px solid #dddccd;transform:rotate(1deg);box-shadow:10px 14px #ebe6d9}.hero-plate canvas{width:100%;display:block;margin:15px 0;background:#f3efdf}.hero-plate p{font-size:11px;color:#718074;margin:0;text-align:right}.hero-plate .eyebrow{font-size:8px;color:#6d7a6c}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin:20px 0 22px}.section-heading h2{font-size:24px;margin:0}.section-heading p{font-size:11px;color:var(--muted);margin:0}.workshops{display:grid;grid-template-columns:1fr 1fr;gap:24px}.workshop{background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden}.workshop-heading{padding:29px 28px 17px}.workshop h2{font-size:27px;margin:10px 0}.workshop-heading p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0}.workshop .eyebrow{margin:0;font-size:9px}.lesson-list{padding:0 15px}.lesson-list button{width:100%;display:flex;text-align:left;gap:15px;align-items:center;border:0;border-top:1px solid #eae9df;border-radius:0;padding:17px 12px}.lesson-list button>span:nth-child(2){flex:1}.lesson-number{font-size:13px;color:var(--accent);min-width:24px}.lesson-list b{display:block;font-weight:500;font-size:14px;margin-bottom:5px}.lesson-list small{font-size:11px;color:var(--muted);display:block;line-height:1.5}.blank-link{width:100%;border:0;border-radius:0;background:#e9ede2;margin-top:10px;padding:22px 28px;display:flex;justify-content:space-between;gap:15px;text-align:left}.blank-link b{font-size:13px}.blank-link span{font-size:10px}.notice{padding:18px 22px;background:#edece2;color:#687367;border-left:3px solid #a4ad8f;font-size:12px;line-height:1.8;margin:30px 0}footer{max-width:1320px;padding:25px 38px;display:flex;gap:20px;align-items:center;justify-content:space-between;margin:40px auto 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}footer button{font-size:10px}.page-title{padding:58px 0 30px}.page-title h1{font-size:34px}.page-title p:not(.eyebrow){color:var(--muted);font-size:13px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.gallery-card{padding:0;text-align:left;overflow:hidden;background:var(--paper)}.gallery-card canvas{width:100%;display:block}.gallery-card>div{padding:22px}.gallery-card small{font-size:10px;color:var(--accent)}.gallery-card h2{font-size:19px;margin:10px 0}.gallery-card p{font-size:11px;color:var(--muted);margin:0}.drafts{display:flex;gap:12px;flex-wrap:wrap}.empty{padding:60px 20px;text-align:center;border:1px dashed var(--line);border-radius:8px;color:var(--muted)}.studio{max-width:1450px}.studio-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:35px 0 25px}.studio-heading .eyebrow{margin-bottom:10px}.studio-heading h1{font-size:29px;margin-bottom:10px}.studio-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0;max-width:740px}.studio-heading>div:last-child{display:flex;gap:8px;flex-shrink:0}.studio-heading button{font-size:11px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:25px;align-items:start}.art-panel{background:var(--paper);border:1px solid var(--line);border-radius:9px;overflow:hidden}.art-top{display:flex;justify-content:space-between;padding:17px 22px;font-size:9px;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--line)}.surfaces{position:relative;padding:18px;display:grid;gap:12px}.surfaces.mirror{grid-template-columns:1.25fr 1fr;align-items:center;min-height:320px}.surfaces.rings{max-width:680px;margin:auto}.surfaces figure{margin:0;min-width:0}.surfaces canvas{width:100%;height:auto;display:block;touch-action:none;background:#f6f0df;border:1px solid #dedfd1;cursor:crosshair}.surfaces figcaption{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 4px;min-height:32px}.hidden-message{display:none;position:absolute;inset:40px 10px auto;text-align:center;line-height:2;font-size:13px;color:var(--muted)}.art-hidden canvas{visibility:hidden}.art-hidden .hidden-message{display:block}.art-toolbar{display:flex;flex-wrap:wrap;gap:7px;padding:16px;border-top:1px solid var(--line);background:#f8f6ee}.art-toolbar button{font-size:11px;padding:9px 12px}.art-panel #diagnostic{font-size:11px;color:var(--muted);padding:0 22px;margin:6px 0 19px;min-height:35px}.frame-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:0 18px 18px;max-width:560px;margin:auto}.frame-strip canvas{display:block;width:100%;height:auto;border:1px solid var(--line)}.tools{border:1px solid var(--line);background:var(--paper);border-radius:9px;overflow:hidden}.tool-section{padding:22px;border-bottom:1px solid var(--line)}.tool-section .eyebrow{font-size:9px}.tool-section h2{font-size:19px;margin:10px 0 17px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool-grid button,.part-tools button{font-size:11px;padding:9px 8px}.tool-note{color:var(--muted);font-size:10px;line-height:1.8;margin:15px 0}.swatches{display:flex;gap:9px;margin:15px 0}.swatches button{min-height:38px;width:38px;height:38px;border-radius:50%;padding:6px;background:var(--swatch);border:5px solid var(--paper);outline:1px solid var(--line)}.swatches button[aria-pressed=true]{outline:2px solid var(--accent)}.part-tools{display:flex;flex-wrap:wrap;gap:6px}.part-tools button{flex:1 0 45%}details{margin:17px 0 0;font-size:11px}summary{padding:12px 0;cursor:pointer;color:var(--muted)}details p{font-size:11px}.wide{width:100%;font-size:12px;margin-top:9px}.history-actions{display:flex;gap:5px}.history-actions button{flex:1;font-size:10px;padding:9px 4px}.optional{font-weight:400;color:var(--muted);font-size:10px}.tools #completion{font-size:10px;color:var(--muted);margin:13px 0;line-height:1.7}.result{padding:22px;background:#e8edde}.result h3{font-size:17px}.result p,.result button{font-size:12px}.save-warning{display:none;max-width:1320px;margin:20px auto;padding:18px;background:#f3e0c1;border:1px solid #c9a571;font-size:12px}.save-warning.visible{display:block}.save-warning button{margin-left:10px;font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%) translateY(15px);opacity:0;pointer-events:none;background:#263d36;color:#fffbef;padding:15px 25px;z-index:10;border-radius:9px;font-size:12px;line-height:1.8;max-width:calc(100% - 32px);width:max-content;box-shadow:0 5px 20px #0002}#toast.visible{opacity:1;transform:translate(-50%)}[hidden]{display:none!important}@media(min-width:1450px){.surfaces.mirror{min-height:430px}}@media(max-width:1050px){header{padding:20px 25px;gap:14px}main{padding:0 25px}.hero{gap:30px}.hero h1{font-size:34px}.safety-controls{flex-direction:column}.safety-controls button{min-height:32px;padding:7px}.studio-layout{grid-template-columns:minmax(0,1fr) 275px;gap:16px}.surfaces.mirror{grid-template-columns:1fr}.paper-figure{max-width:300px;margin:auto!important}.tool-section{padding:18px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:760px){header{flex-wrap:wrap;padding:16px 18px;gap:14px}.brand{font-size:9px;letter-spacing:.1em}.brand b{font-size:14px}.eye-logo{font-size:29px}nav{gap:0}nav button{font-size:11px;padding:8px}.safety-controls{flex-direction:row;width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:10px}.safety-controls button{min-height:38px}main{padding:0 18px}.hero{grid-template-columns:1fr;gap:30px;padding:36px 0}.hero h1{font-size:clamp(28px,7.4vw,42px)}.hero .eyebrow{font-size:9px}.hero .lead{font-size:13px}.hero-actions{flex-direction:row;align-items:center;gap:15px}.hero-actions>span{font-size:10px}.hero-plate{max-width:500px;margin:auto;width:100%;padding:18px}.stats{margin-top:27px;gap:25px}.section-heading{display:block;margin-top:25px}.section-heading h2{font-size:21px;margin-bottom:12px}.section-heading p{font-size:10px;line-height:1.7}.workshops{grid-template-columns:1fr;gap:20px}.workshop-heading{padding:23px}.blank-link{padding:21px}.gallery-grid{grid-template-columns:1fr 1fr;gap:13px}.gallery-card>div{padding:15px}.gallery-card h2{font-size:16px}.studio-heading{display:block;padding-top:26px}.studio-heading h1{font-size:25px}.studio-heading>div:last-child{margin-top:18px}.studio-layout{grid-template-columns:1fr}.surfaces.mirror{grid-template-columns:1fr 1fr;min-height:0;padding:12px;gap:9px}.surfaces figcaption{font-size:9px;margin:8px 2px}.paper-figure{max-width:none}.tools{display:grid;grid-template-columns:1fr 1fr}.tool-section:first-child{grid-column:1/-1}.tool-section:first-child .tool-grid{grid-template-columns:repeat(3,1fr)}.tool-section:first-child .part-tools{max-width:400px}.tool-section:first-child .swatches{margin:15px 0}.tool-note{font-size:11px}.result{grid-column:1/-1}.art-toolbar{padding:12px}.art-toolbar button{flex:1 0 28%;font-size:10px}.tool-section{padding:18px}.tool-section .history-actions{flex-wrap:wrap}.tool-section .history-actions button{flex:1 0 45%}.page-title{padding-top:34px}.page-title h1{font-size:28px}footer{flex-wrap:wrap;padding:20px 18px;gap:13px;margin-top:28px}.notice{font-size:11px;padding:15px 18px}}@media(max-width:420px){.surfaces.mirror{grid-template-columns:1fr}.paper-figure{max-width:240px!important}.tools,.gallery-grid{grid-template-columns:1fr}.tool-section:first-child .tool-grid{grid-template-columns:1fr 1fr}.hero-actions{flex-direction:column;align-items:flex-start}.brand b{font-size:13px}.blank-link{flex-direction:column;gap:7px}.studio-heading h1{font-size:23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.hero-plate{transform:none}}.surfaces figure{position:relative}.correspondence{position:absolute;width:19px;height:19px;border:2px dashed #bd783b;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 2px #fff9e988}.art-hidden .correspondence{display:none}#app[data-stage="1"] .tools [data-tool=pen],#app[data-stage="1"] .tools [data-tool=move],#app[data-stage="1"] .tools [data-tool=erase],#app[data-stage="1"] .tools [data-tool=circle],#app[data-stage="1"] .tools details,#app[data-stage="1"] .tools [data-action=iris],#app[data-stage="1"] .tools [data-action=lid]{display:none}#app[data-workshop=rings][data-stage="1"] .swatches,#app[data-workshop=rings][data-stage="1"] .tool-grid:has([data-tool]),#app[data-workshop=rings][data-stage="1"] [data-action=add-ring],#app[data-workshop=rings][data-stage="1"] [data-action=delete-ring],#app[data-workshop=rings][data-stage="1"] #ring-material label,#app[data-workshop=rings][data-stage="1"] [data-action=polarity],#app[data-workshop=rings][data-stage="1"] [data-action=reverse],#app[data-workshop=rings][data-stage="1"] [data-action=phase]{display:none}#app[data-stage="2"] .part-tools,#app[data-stage="2"] .tools details,#app[data-stage="5"] .part-tools,#app[data-stage="6"] .part-tools{display:none}.surfaces.rings canvas,.frame-strip canvas{image-rendering:pixelated}header{position:sticky;top:0;z-index:5;background:#f5f1e8}.swatches button{width:44px;height:44px;min-height:44px}.canvas-viewport{overflow:hidden}.canvas-plane{position:relative}.surfaces canvas.visible-paper{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;background:transparent;border:0;z-index:1}.correspondence{z-index:2}