:root{font-family:Arial,Helvetica,sans-serif;color:#101828;background:#f6f7fb}*{box-sizing:border-box}html,body{width:100%;height:100%}body{margin:0;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button{font:inherit}.app,.view{width:100vw;height:100dvh}.view[hidden]{display:none!important}.home-view{display:grid;grid-template-rows:auto 1fr;gap:34px;padding:clamp(28px,6vw,72px);background:linear-gradient(135deg,#ffffffe0,#f4f7fceb),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='700' viewBox='0 0 900 700'%3E%3Crect width='900' height='700' fill='%23d7ecff'/%3E%3Ccircle cx='158' cy='154' r='88' fill='%23ffd166'/%3E%3Crect x='490' y='96' width='246' height='168' rx='22' fill='%2392d6a4'/%3E%3Cpath d='M120 546c84-142 186-164 304-68 83 67 157 69 280 10 56-26 104-34 146-25v237H120Z' fill='%2398c1ff'/%3E%3Cpath d='M0 640c94-88 199-111 314-70 109 39 222 23 339-48 101-62 183-72 247-31v209H0Z' fill='%23ffffff' opacity='.72'/%3E%3C/svg%3E");background-size:cover}.home-copy{align-self:end}.eyebrow{margin:0 0 8px;color:#475467;font-size:14px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;line-height:1;letter-spacing:0}h1{max-width:720px;font-size:clamp(34px,6vw,72px)}h2{font-size:clamp(30px,4vw,52px)}.device-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,4vw,42px);min-height:0}.device-button{min-width:0;min-height:300px;display:grid;place-items:center;align-content:center;gap:22px;color:#fff;border:0;border-radius:8px;font-size:clamp(24px,3.8vw,46px);font-weight:900;cursor:pointer;box-shadow:0 24px 60px #10182838}.device-button:active{transform:translateY(2px)}.glasses-button{background:#1f2937}.ipad-button{background:#0f766e}.device-icon{display:grid;place-items:center;width:148px;height:118px;color:#ffffffe0}.device-icon svg,.back-button svg,.icon-button svg{display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.device-icon svg{width:100%;height:100%;stroke-width:8}.compact-header,.ipad-toolbar{display:flex;align-items:center}.back-button{width:54px;height:54px;margin-right:18px;display:grid;place-items:center;color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:50%;cursor:pointer}.back-button svg{width:32px;height:32px;stroke-width:3}.glasses-view{width:min(600px,100vw);height:min(600px,100dvh);margin:0 auto;padding:18px;color:#f9fafb;background:#101828}.glasses-view .back-button{color:#f9fafb;background:#1d2939;border-color:#344054}.glasses-stage{height:calc(100% - 72px);display:grid;place-items:center;color:#d0d5dd;border:1px solid #344054;border-radius:8px}.ipad-view{display:grid;grid-template-columns:70fr 30fr;color:#101828;background:#eef2f7}.draw-side{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr;gap:14px;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.ipad-toolbar{min-height:76px;gap:14px}.ipad-toolbar .back-button{flex:0 0 auto;margin-right:0}.tool-group{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:#fff;border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 8px 22px #10182817}.color-button{width:42px;height:42px;padding:0;background:var(--color);border:3px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #98a2b3;cursor:pointer}.color-button.selected{box-shadow:0 0 0 4px #38bdf8}.icon-button,.clear-button{min-height:42px;border-radius:8px;cursor:pointer}.icon-button{width:48px;display:grid;place-items:center;color:#101828;background:#f2f4f7;border:1px solid #d0d5dd}.icon-button svg{width:24px;height:24px;stroke-width:2.2}.icon-button.selected{color:#fff;background:#1d2939}.clear-button{padding:0 18px;color:#fff;background:#b42318;border:0;font-weight:800}.canvas-frame{min-width:0;min-height:0;padding:8px;background:#fff;border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 14px 36px #10182821}canvas{display:block;width:100%;height:100%;background:#fff;border:2px solid #98a2b3;border-radius:6px;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.reference-side{min-width:0;min-height:0;display:grid;grid-template-rows:44% 1fr;gap:14px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) 0}.picture-panel{min-height:0;display:grid;grid-template-rows:1fr auto;gap:10px;padding:16px;background:#fff;border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 14px 36px #1018281f}.reference-art{min-height:0;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:radial-gradient(circle at 18% 18%,rgb(255 255 255 / 86%),transparent 34%),linear-gradient(135deg,#fff7ed,#eff6ff)}.reference-art svg{width:min(88%,280px);height:min(88%,280px)}.reference-art img{display:block;width:100%;height:100%;object-fit:cover}#reference-word{margin:0;color:#101828;font-size:clamp(28px,4.4vw,52px);font-weight:900;text-align:center}.word-list{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-right:2px;overflow:auto}.word-button{min-width:0;min-height:54px;padding:8px 10px;color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:8px;font-size:clamp(15px,1.8vw,20px);font-weight:800;cursor:pointer}.word-button.selected{color:#fff;background:#175cd3;border-color:#175cd3}@media (max-width: 760px){.home-view{gap:20px;padding:22px}.device-actions{grid-template-columns:1fr}.device-button{min-height:210px}.ipad-view{grid-template-columns:1fr;grid-template-rows:70fr 30fr}.draw-side{padding-bottom:0}.reference-side{grid-template-columns:30% 1fr;grid-template-rows:1fr;padding:0 16px 16px}.word-list{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-group{gap:6px;padding:8px}.color-button{width:34px;height:34px}.icon-button,.clear-button{min-height:36px}}