:is(body:has(.ys-app)>header,body:has(.ys-app)>footer){display:none}.ys-app{font-family:var(--ys-font-body);color:var(--ys-text);background:var(--ys-bg);font-variant-numeric:tabular-nums;min-height:100vh;font-size:16px;line-height:1.5}.ys-app *{box-sizing:border-box}.ys-app nav{background:var(--ys-white);border-bottom:1px solid var(--ys-border);flex-wrap:wrap;align-items:center;gap:20px;padding:12px max(20px,50vw - 600px);display:flex}.ys-app .brand{font-family:var(--ys-font-display);color:var(--ys-ink-900);margin-right:auto;font-size:28px;text-decoration:none}.ys-app .app-content{max-width:1200px;margin:auto;padding:32px 20px 80px}.ys-app h1,.ys-app h2,.ys-app h3{font-family:var(--ys-font-display);margin:0 0 16px;font-weight:600;line-height:1.15}.ys-app h1{font-size:40px}.ys-app h2{font-size:28px}.ys-app h3{font-size:22px}.ys-app p{margin:0 0 16px}.ys-app .panel{background:var(--ys-white);border:1px solid var(--ys-border);border-radius:var(--ys-radius-xl);margin-bottom:20px;padding:24px}.ys-app .narrow{max-width:540px;margin:auto}.ys-app label{margin:12px 0 8px;font-weight:600;display:block}.ys-app input,.ys-app textarea,.ys-app select{font:inherit;color:var(--ys-text);background:var(--ys-white);border:1px solid var(--ys-ink-600);border-radius:var(--ys-radius-m);width:100%;min-height:48px;padding:10px 12px}.ys-app input[type=checkbox]{vertical-align:middle;width:44px;height:44px;margin-right:12px}.ys-app .check{align-items:center;gap:8px;display:flex}.ys-app .check input{flex:none;margin:0}.ys-app button,.ys-app .button{border:1px solid var(--ys-blue-600);border-radius:var(--ys-radius-m);background:var(--ys-blue-600);min-width:44px;min-height:48px;color:var(--ys-white);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-flex}.ys-app .secondary{color:var(--ys-blue-700);background:var(--ys-white)}.ys-app button:disabled{opacity:.5;cursor:default}.ys-app a{color:var(--ys-blue-700);align-items:center;min-height:44px;display:inline-flex}.ys-app :focus-visible{outline:3px solid var(--ys-blue-600);outline-offset:3px;box-shadow:var(--ys-focus-ring)}.ys-app .actions{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.ys-app .error{color:var(--ys-coral-700);background:var(--ys-white);border:1px solid;border-radius:8px;padding:16px}.ys-app .notice{background:var(--ys-blue-50);border-radius:8px;padding:16px}.ys-app .quiet{color:var(--ys-ink-600)}.ys-app .grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ys-app .tabs{flex-wrap:wrap;gap:8px;display:flex}.ys-app .chip{background:var(--ys-blue-50);color:var(--ys-blue-700);border-radius:999px;padding:6px 12px}.ys-app .list-row{border-bottom:1px solid var(--ys-border);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 0;display:flex}.ys-app .list-row a{font-weight:600}.ys-app .paper{background:var(--ys-white);box-shadow:var(--ys-shadow-paper);touch-action:pan-y;position:relative;overflow:hidden}.ys-app canvas{width:100%;height:auto;display:block}.ys-app .paper-field{border:2px solid var(--ys-blue-600);background:var(--ys-blue-50);color:var(--ys-blue-700);touch-action:none;font-size:13px;position:absolute;overflow:visible}.ys-app .paper-field.selected{border-color:var(--ys-ink-900);background:var(--ys-blue-100)}.ys-app .paper-field button{width:100%;min-height:44px;color:var(--ys-ink-900);touch-action:none;background:0 0;border:0;padding:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ys-app .paper-field .resize{border:1px solid var(--ys-blue-700);background:var(--ys-white);border-radius:50%;width:44px;min-width:44px;height:44px;inset:auto -12px -12px auto;transform:none}.ys-app .toolbar{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px;display:flex}.ys-app .toolbar label{flex:1;min-width:120px}.ys-app .geometry{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ys-app .geometry input{width:100%;min-width:0}.ys-app .timeline{padding:0;list-style:none}.ys-app .timeline li{border-bottom:1px solid var(--ys-border);padding:12px 0}.ys-app .hash{overflow-wrap:anywhere;font-size:14px}.ys-app details{margin:16px 0}.ys-app summary{cursor:pointer;min-width:44px;min-height:44px;color:var(--ys-blue-700);align-items:center;font-weight:600;display:inline-flex}@media (max-width:720px){.ys-app h1{font-size:32px}.ys-app .app-content{padding:24px 16px 64px}.ys-app .panel{padding:18px}.ys-app .grid{grid-template-columns:1fr}.ys-app nav{gap:12px;padding:10px 16px}.ys-app .geometry{grid-template-columns:1fr 1fr}.ys-app .brand{width:100%;margin:0}}.ys-app .editor-fields{border:0;min-width:0;margin:0;padding:0}.ys-app .editor-fields li{margin:12px 0}.ys-app .paper-field{border-color:var(--field-color,var(--ys-blue-600))}.ys-app .paper-field.selected{box-shadow:0 0 0 2px var(--ys-ink-900)}.ys-app .list-row>div{overflow-wrap:anywhere;min-width:0}.ys-app .panel{min-width:0}.ys-app .paper-field button{font-weight:600;line-height:1.1}.ys-app .paper-field .resize{font-size:20px}
